diff --git a/cypress/webpack.config.cjs b/cypress/webpack.config.cjs index 7c78f70490..a3dba94b45 100644 --- a/cypress/webpack.config.cjs +++ b/cypress/webpack.config.cjs @@ -78,6 +78,14 @@ module.exports = { mode: 'development', resolve: { extensions: ['.ts', '.tsx', '.js'], + // Source carries explicit `.js` extensions on relative imports (added for + // native-ESM library output). When bundling `.ts`/`.tsx` source directly, + // map a `.js` specifier back to its TypeScript source. + extensionAlias: { + '.js': ['.ts', '.tsx', '.js'], + '.jsx': ['.tsx', '.jsx'], + '.mjs': ['.mts', '.mjs'] + }, alias: getWorkspaceAliases(), fallback: { fs: false, diff --git a/packages/__docs__/src/App/index.tsx b/packages/__docs__/src/App/index.tsx index da4a7589d4..5b9674cb51 100644 --- a/packages/__docs__/src/App/index.tsx +++ b/packages/__docs__/src/App/index.tsx @@ -90,6 +90,7 @@ import { AppContext } from '../appContext' @withStyleForDocs(generateStyle, generateComponentTheme) class App extends Component { + static displayName = 'App' static allowedProps = allowedProps static contextType = AppContext declare context: React.ContextType diff --git a/packages/__docs__/src/CodeSandboxButton/index.tsx b/packages/__docs__/src/CodeSandboxButton/index.tsx index d9567b1abc..775a61bcf0 100644 --- a/packages/__docs__/src/CodeSandboxButton/index.tsx +++ b/packages/__docs__/src/CodeSandboxButton/index.tsx @@ -33,6 +33,7 @@ import { allowedProps } from './props' import type { CodeSandboxButtonProps } from './props' class CodeSandboxButton extends Component { + static displayName = 'CodeSandboxButton' static allowedProps = allowedProps static defaultProps = { options: {}, diff --git a/packages/__docs__/src/ColorBand/index.tsx b/packages/__docs__/src/ColorBand/index.tsx index 5ebaf8ec02..605a2cd0e9 100644 --- a/packages/__docs__/src/ColorBand/index.tsx +++ b/packages/__docs__/src/ColorBand/index.tsx @@ -35,6 +35,7 @@ import type { ColorBandProps } from './props' @withStyleForDocs(generateStyle, generateComponentTheme) class ColorBand extends Component { + static displayName = 'ColorBand' static allowedProps = allowedProps componentDidMount() { this.props.makeStyles?.() diff --git a/packages/__docs__/src/ColorCard/index.tsx b/packages/__docs__/src/ColorCard/index.tsx index 0d842aa6b4..c4aab689a3 100644 --- a/packages/__docs__/src/ColorCard/index.tsx +++ b/packages/__docs__/src/ColorCard/index.tsx @@ -30,6 +30,7 @@ import { ColorName } from '../ColorName' import type { ColorCardProps } from './props' import { allowedProps } from './props' class ColorCard extends Component { + static displayName = 'ColorCard' static allowedProps = allowedProps static defaultProps = { minimal: false diff --git a/packages/__docs__/src/ColorName/index.tsx b/packages/__docs__/src/ColorName/index.tsx index ddeca96c32..3b53350065 100644 --- a/packages/__docs__/src/ColorName/index.tsx +++ b/packages/__docs__/src/ColorName/index.tsx @@ -31,6 +31,7 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content' import type { ColorNameProps, ColorNameState } from './props' import { allowedProps } from './props' class ColorName extends Component { + static displayName = 'ColorName' static allowedProps = allowedProps static defaultProps = { as: 'span' diff --git a/packages/__docs__/src/ColorSwatch/index.tsx b/packages/__docs__/src/ColorSwatch/index.tsx index e6865d3643..4052d2d0a6 100644 --- a/packages/__docs__/src/ColorSwatch/index.tsx +++ b/packages/__docs__/src/ColorSwatch/index.tsx @@ -34,6 +34,7 @@ import type { ColorSwatchProps } from './props' @withStyleForDocs(generateStyle, generateComponentTheme) class ColorSwatch extends Component { + static displayName = 'ColorSwatch' static allowedProps = allowedProps componentDidMount() { this.props.makeStyles?.() diff --git a/packages/__docs__/src/ColorTable/index.tsx b/packages/__docs__/src/ColorTable/index.tsx index f5a5804189..45ee6bbd5a 100644 --- a/packages/__docs__/src/ColorTable/index.tsx +++ b/packages/__docs__/src/ColorTable/index.tsx @@ -31,6 +31,7 @@ import { ColorSwatch } from '../ColorSwatch' import { ColorTableProps } from './props' class ColorTable extends Component { + static displayName = 'ColorTable' renderRows() { const colorMap: Record = Object.keys( this.props.colorNames diff --git a/packages/__docs__/src/ComponentTheme/index.tsx b/packages/__docs__/src/ComponentTheme/index.tsx index 7cc2e2f896..3a0f00405f 100644 --- a/packages/__docs__/src/ComponentTheme/index.tsx +++ b/packages/__docs__/src/ComponentTheme/index.tsx @@ -38,6 +38,7 @@ type ThemeEntry = { name: string; value: string | number } @withStyleNew(generateStyle, null) class ComponentTheme extends Component { + static displayName = 'ComponentTheme' static allowedProps = allowedProps renderValueCell(value: undefined | string | number) { diff --git a/packages/__docs__/src/ContentWrap/index.tsx b/packages/__docs__/src/ContentWrap/index.tsx index 050f04a662..a1771c1529 100644 --- a/packages/__docs__/src/ContentWrap/index.tsx +++ b/packages/__docs__/src/ContentWrap/index.tsx @@ -29,6 +29,7 @@ import { allowedProps } from './props' import type { ContentWrapProps } from './props' class ContentWrap extends Component { + static displayName = 'ContentWrap' static allowedProps = allowedProps static defaultProps = { children: null, diff --git a/packages/__docs__/src/Description/index.tsx b/packages/__docs__/src/Description/index.tsx index 502621765f..a423f81844 100644 --- a/packages/__docs__/src/Description/index.tsx +++ b/packages/__docs__/src/Description/index.tsx @@ -30,6 +30,7 @@ import { allowedProps } from './props' import type { DescriptionProps } from './props' class Description extends Component { + static displayName = 'Description' static allowedProps = allowedProps compiledMarkdown: ReactElement | null = null diff --git a/packages/__docs__/src/Document/index.tsx b/packages/__docs__/src/Document/index.tsx index 99ba7c083b..fdf3299f7b 100644 --- a/packages/__docs__/src/Document/index.tsx +++ b/packages/__docs__/src/Document/index.tsx @@ -49,6 +49,7 @@ import type { DocumentProps, DocumentState, DocDataType } from './props' @withStyleNew(generateStyle) class Document extends Component { + static displayName = 'Document' static allowedProps = allowedProps static contextType = AppContext declare context: React.ContextType diff --git a/packages/__docs__/src/Figure/index.tsx b/packages/__docs__/src/Figure/index.tsx index 03d9256c6b..17930e3cbe 100644 --- a/packages/__docs__/src/Figure/index.tsx +++ b/packages/__docs__/src/Figure/index.tsx @@ -59,6 +59,7 @@ class FigureItem extends Component { @withStyleForDocs(generateStyle, generateComponentTheme) class Figure extends Component { + static displayName = 'Figure' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/__docs__/src/Guidelines/index.tsx b/packages/__docs__/src/Guidelines/index.tsx index 20d02252db..52f541679f 100644 --- a/packages/__docs__/src/Guidelines/index.tsx +++ b/packages/__docs__/src/Guidelines/index.tsx @@ -28,6 +28,7 @@ import type { GuidelinesProps } from './props' import { allowedProps } from './props' class Guidelines extends Component { + static displayName = 'Guidelines' static allowedProps = allowedProps static defaultProps = { children: null diff --git a/packages/__docs__/src/Header/index.tsx b/packages/__docs__/src/Header/index.tsx index be7a1c619f..7c77c59dee 100644 --- a/packages/__docs__/src/Header/index.tsx +++ b/packages/__docs__/src/Header/index.tsx @@ -42,6 +42,7 @@ import { allowedProps } from './props' import logo from '../../full_logo.svg' class Header extends Component { + static displayName = 'Header' static allowedProps = allowedProps static defaultProps = { version: undefined, diff --git a/packages/__docs__/src/Hero/index.tsx b/packages/__docs__/src/Hero/index.tsx index 56d330c527..03f1e508a2 100644 --- a/packages/__docs__/src/Hero/index.tsx +++ b/packages/__docs__/src/Hero/index.tsx @@ -53,6 +53,7 @@ import logo from '../../logo.svg' @withStyleForDocs(generateStyle, generateComponentTheme) class Hero extends Component { + static displayName = 'Hero' static allowedProps = allowedProps static defaultProps = { docs: null diff --git a/packages/__docs__/src/LoadingScreen/index.tsx b/packages/__docs__/src/LoadingScreen/index.tsx index db746ee6bb..11064e5d99 100644 --- a/packages/__docs__/src/LoadingScreen/index.tsx +++ b/packages/__docs__/src/LoadingScreen/index.tsx @@ -28,6 +28,7 @@ import { withStyleForDocs as withStyleNew } from '../withStyleForDocs' import type { LoadingScreenProps } from './props' @withStyleNew(generateStyle, null) class LoadingScreen extends Component { + static displayName = 'LoadingScreen' componentDidMount() { this.props.makeStyles?.() } diff --git a/packages/__docs__/src/Nav/index.tsx b/packages/__docs__/src/Nav/index.tsx index 6fd41f4744..f2fa69f2be 100644 --- a/packages/__docs__/src/Nav/index.tsx +++ b/packages/__docs__/src/Nav/index.tsx @@ -39,6 +39,7 @@ import { Alert } from '@instructure/ui-alerts' import type { Section } from '../../buildScripts/DataTypes.mjs' class Nav extends Component { + static displayName = 'Nav' _themeId: string searchTimeout: ReturnType | null _textInput?: HTMLElement diff --git a/packages/__docs__/src/NavToggle/index.tsx b/packages/__docs__/src/NavToggle/index.tsx index 85f35aa2d5..2743369ee0 100644 --- a/packages/__docs__/src/NavToggle/index.tsx +++ b/packages/__docs__/src/NavToggle/index.tsx @@ -32,6 +32,7 @@ import type { NavToggleProps } from './props' import { allowedProps } from './props' class NavToggle extends Component { + static displayName = 'NavToggle' static allowedProps = allowedProps static defaultProps = { variant: 'section', diff --git a/packages/__docs__/src/Params/index.tsx b/packages/__docs__/src/Params/index.tsx index 83435e027e..6471586487 100644 --- a/packages/__docs__/src/Params/index.tsx +++ b/packages/__docs__/src/Params/index.tsx @@ -29,6 +29,7 @@ import type { ParamsProps } from './props' import { Heading } from '@instructure/ui-heading' class Params extends Component { + static displayName = 'Params' static defaultProps = { layout: 'small' } diff --git a/packages/__docs__/src/Playground/index.tsx b/packages/__docs__/src/Playground/index.tsx index a23b2fb807..ff6a0bb173 100644 --- a/packages/__docs__/src/Playground/index.tsx +++ b/packages/__docs__/src/Playground/index.tsx @@ -54,6 +54,7 @@ const fullScreenIconPath = ( @withStyleForDocs(generateStyle, generateComponentTheme) class Playground extends Component { + static displayName = 'Playground' static allowedProps = allowedProps static defaultProps = { readOnly: false, diff --git a/packages/__docs__/src/Preview/index.tsx b/packages/__docs__/src/Preview/index.tsx index dc0c163c04..7ce83c4cc4 100644 --- a/packages/__docs__/src/Preview/index.tsx +++ b/packages/__docs__/src/Preview/index.tsx @@ -36,6 +36,7 @@ import { camelize } from '@instructure/ui-utils' @withStyleForDocs(generateStyle, generateComponentTheme) class Preview extends Component { + static displayName = 'Preview' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/__docs__/src/Properties/index.tsx b/packages/__docs__/src/Properties/index.tsx index d91196e4b8..8bd27640d0 100644 --- a/packages/__docs__/src/Properties/index.tsx +++ b/packages/__docs__/src/Properties/index.tsx @@ -44,6 +44,7 @@ import { View } from '@instructure/ui-view' @withStyleNew(generateStyle, null) class Properties extends Component { + static displayName = 'Properties' static defaultProps = { layout: 'small' } diff --git a/packages/__docs__/src/Returns/index.tsx b/packages/__docs__/src/Returns/index.tsx index a494a5e518..29f560d48b 100644 --- a/packages/__docs__/src/Returns/index.tsx +++ b/packages/__docs__/src/Returns/index.tsx @@ -28,6 +28,7 @@ import type { ReturnsProps } from './props' import Markdown from 'marked-react' class Returns extends Component { + static displayName = 'Returns' render() { return ( diff --git a/packages/__docs__/src/Search/index.tsx b/packages/__docs__/src/Search/index.tsx index f3af513090..f4b1cff990 100644 --- a/packages/__docs__/src/Search/index.tsx +++ b/packages/__docs__/src/Search/index.tsx @@ -37,6 +37,7 @@ import type { SearchProps, SearchState, OptionType } from './props' import { debounce } from '@instructure/debounce' class Search extends Component { + static displayName = 'Search' static defaultProps = { options: undefined } diff --git a/packages/__docs__/src/SearchStatus/index.tsx b/packages/__docs__/src/SearchStatus/index.tsx index 933156a18c..0dbb6cc19c 100644 --- a/packages/__docs__/src/SearchStatus/index.tsx +++ b/packages/__docs__/src/SearchStatus/index.tsx @@ -34,6 +34,7 @@ import type { SearchStatusProps } from './props' @withStyleForDocs(generateStyle, generateComponentTheme) class SearchStatus extends Component { + static displayName = 'SearchStatus' static defaultProps = { size: '1.25rem', status: 'inactive' diff --git a/packages/__docs__/src/Section/index.tsx b/packages/__docs__/src/Section/index.tsx index 62e05d8bcc..7f99f91377 100644 --- a/packages/__docs__/src/Section/index.tsx +++ b/packages/__docs__/src/Section/index.tsx @@ -29,6 +29,7 @@ import { Heading } from '../Heading' import type { SectionProps } from './props' class Section extends Component { + static displayName = 'Section' static defaultProps = { children: null, id: undefined, diff --git a/packages/__docs__/src/Select/index.tsx b/packages/__docs__/src/Select/index.tsx index 910a26c15d..2cec0479d4 100644 --- a/packages/__docs__/src/Select/index.tsx +++ b/packages/__docs__/src/Select/index.tsx @@ -29,6 +29,7 @@ import { Select as UISelect } from '@instructure/ui-select' import type { SelectProps, SelectState } from './props' class Select extends Component { + static displayName = 'Select' static defaultProps = { id: undefined, value: undefined, diff --git a/packages/__docs__/src/TableOfContents/index.tsx b/packages/__docs__/src/TableOfContents/index.tsx index 45cafb5981..589f102319 100644 --- a/packages/__docs__/src/TableOfContents/index.tsx +++ b/packages/__docs__/src/TableOfContents/index.tsx @@ -45,6 +45,7 @@ class TableOfContents extends Component< TableOfContentsProps, TableOfContentsState > { + static displayName = 'TableOfContents' static allowedProps = allowedProps constructor(props: TableOfContentsProps) { diff --git a/packages/__docs__/src/Theme/index.tsx b/packages/__docs__/src/Theme/index.tsx index cd1db09884..109fbce699 100644 --- a/packages/__docs__/src/Theme/index.tsx +++ b/packages/__docs__/src/Theme/index.tsx @@ -47,6 +47,7 @@ type valueof = X[keyof X] @withStyleForDocs(generateStyle, generateComponentTheme) class Theme extends Component { + static displayName = 'Theme' static defaultProps = { description: undefined } diff --git a/packages/__docs__/src/ThemeColors/index.tsx b/packages/__docs__/src/ThemeColors/index.tsx index 343c9b58a0..e336ac56b7 100644 --- a/packages/__docs__/src/ThemeColors/index.tsx +++ b/packages/__docs__/src/ThemeColors/index.tsx @@ -34,6 +34,7 @@ import { Heading } from '../Heading' import type { ThemeColorsProps, ThemeColorsState } from './props' class ThemeColors extends Component { + static displayName = 'ThemeColors' constructor(props: ThemeColorsProps) { super(props) const first = props.colors[Object.keys(props.colors)[0]] diff --git a/packages/__docs__/src/ToggleBlockquote/Paragraph/index.tsx b/packages/__docs__/src/ToggleBlockquote/Paragraph/index.tsx index da4d797f23..92d1a55735 100644 --- a/packages/__docs__/src/ToggleBlockquote/Paragraph/index.tsx +++ b/packages/__docs__/src/ToggleBlockquote/Paragraph/index.tsx @@ -28,6 +28,7 @@ import { View } from '@instructure/ui-view' import type { ParagraphProps } from './props' class Paragraph extends Component { + static displayName = 'Paragraph' static defaultProps = { children: null } diff --git a/packages/__docs__/src/ToggleBlockquote/index.tsx b/packages/__docs__/src/ToggleBlockquote/index.tsx index 233d24b76d..4f7eea8dc8 100644 --- a/packages/__docs__/src/ToggleBlockquote/index.tsx +++ b/packages/__docs__/src/ToggleBlockquote/index.tsx @@ -31,6 +31,7 @@ import { Paragraph } from './Paragraph' import type { ToggleBlockquoteProps } from './props' class ToggleBlockquote extends Component { + static displayName = 'ToggleBlockquote' static defaultProps = { children: null } diff --git a/packages/console/src/index.ts b/packages/console/src/index.ts index 2d739fa64c..adce13c880 100644 --- a/packages/console/src/index.ts +++ b/packages/console/src/index.ts @@ -29,7 +29,7 @@ import { info, assert, debug -} from './console' +} from './console.js' export { error, diff --git a/packages/debounce/src/index.ts b/packages/debounce/src/index.ts index 13bffc826f..3757812d7d 100644 --- a/packages/debounce/src/index.ts +++ b/packages/debounce/src/index.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { debounce, Debounced } from './debounce' +import { debounce, Debounced } from './debounce.js' export default debounce export { debounce } export type { Debounced } diff --git a/packages/emotion/src/InstUISettingsProvider/__tests__/InstUISettingsProvider.test.tsx b/packages/emotion/src/InstUISettingsProvider/__tests__/InstUISettingsProvider.test.tsx index 8ac11b2e69..1acec987c3 100644 --- a/packages/emotion/src/InstUISettingsProvider/__tests__/InstUISettingsProvider.test.tsx +++ b/packages/emotion/src/InstUISettingsProvider/__tests__/InstUISettingsProvider.test.tsx @@ -28,7 +28,7 @@ import type { MockInstance } from 'vitest' import '@testing-library/jest-dom' import { canvasHighContrast } from '@instructure/ui-themes' -import { InstUISettingsProvider } from '../index' +import { InstUISettingsProvider } from '../index.js' describe('', () => { let consoleWarningMock: ReturnType diff --git a/packages/emotion/src/InstUISettingsProvider/index.tsx b/packages/emotion/src/InstUISettingsProvider/index.tsx index 1477097041..179d816ee9 100644 --- a/packages/emotion/src/InstUISettingsProvider/index.tsx +++ b/packages/emotion/src/InstUISettingsProvider/index.tsx @@ -28,7 +28,7 @@ import { ThemeProvider } from '@emotion/react' import { TextDirectionContext } from '@instructure/ui-i18n' import { DeterministicIdContextProvider } from '@instructure/ui-react-utils' -import { getTheme } from '../getTheme' +import { getTheme } from '../getTheme.js' import type { ThemeOrLegacyOverride } from '../EmotionTypes' import type { DeterministicIdProviderValue } from '@instructure/ui-react-utils' diff --git a/packages/emotion/src/__tests__/getComponentThemeOverride.test.tsx b/packages/emotion/src/__tests__/getComponentThemeOverride.test.tsx index 3034cd9ec8..73f9038b27 100644 --- a/packages/emotion/src/__tests__/getComponentThemeOverride.test.tsx +++ b/packages/emotion/src/__tests__/getComponentThemeOverride.test.tsx @@ -25,7 +25,7 @@ import { vi } from 'vitest' import type { MockInstance } from 'vitest' import canvas from '@instructure/ui-themes' -import { getComponentThemeOverride } from '../getComponentThemeOverride' +import { getComponentThemeOverride } from '../getComponentThemeOverride.js' const componentName = 'ExampleComponent' const componentId = 'Example.Component' diff --git a/packages/emotion/src/__tests__/useStyle.test.tsx b/packages/emotion/src/__tests__/useStyle.test.tsx index 7e918e39f0..c98a8bb41e 100644 --- a/packages/emotion/src/__tests__/useStyle.test.tsx +++ b/packages/emotion/src/__tests__/useStyle.test.tsx @@ -28,7 +28,7 @@ import type { MockInstance } from 'vitest' import { render, screen, waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' import '@testing-library/jest-dom' -import { InstUISettingsProvider, WithStyleProps, useStyle } from '../index' +import { InstUISettingsProvider, WithStyleProps, useStyle } from '../index.js' type Props = { inverse?: boolean diff --git a/packages/emotion/src/__tests__/useTheme.test.tsx b/packages/emotion/src/__tests__/useTheme.test.tsx index 996d006efe..f1622c54de 100644 --- a/packages/emotion/src/__tests__/useTheme.test.tsx +++ b/packages/emotion/src/__tests__/useTheme.test.tsx @@ -27,8 +27,8 @@ import type { MockInstance } from 'vitest' import { canvas, canvasHighContrast } from '@instructure/ui-themes' import '@testing-library/jest-dom' -import { useTheme } from '../useTheme' -import { InstUISettingsProvider } from '../InstUISettingsProvider' +import { useTheme } from '../useTheme.js' +import { InstUISettingsProvider } from '../InstUISettingsProvider/index.js' import type { ThemeOrLegacyOverride } from '../EmotionTypes' type Props = { diff --git a/packages/emotion/src/__tests__/withStyle.test.tsx b/packages/emotion/src/__tests__/withStyle.test.tsx index a5a60fb1a7..111bbe46d2 100644 --- a/packages/emotion/src/__tests__/withStyle.test.tsx +++ b/packages/emotion/src/__tests__/withStyle.test.tsx @@ -29,7 +29,7 @@ import type { MockInstance } from 'vitest' import userEvent from '@testing-library/user-event' import '@testing-library/jest-dom' -import { withStyle, InstUISettingsProvider, WithStyleProps } from '../index' +import { withStyle, InstUISettingsProvider, WithStyleProps } from '../index.js' type Props = { inverse?: boolean diff --git a/packages/emotion/src/getComponentThemeOverride.ts b/packages/emotion/src/getComponentThemeOverride.ts index 2d3fad8088..4c41538e8d 100644 --- a/packages/emotion/src/getComponentThemeOverride.ts +++ b/packages/emotion/src/getComponentThemeOverride.ts @@ -28,7 +28,7 @@ import type { ComponentOverride } from './EmotionTypes' import type { ComponentTheme } from '@instructure/shared-types' -import { ThemeOverrideProp } from './withStyleNew' +import { ThemeOverrideProp } from './withStyleNew.js' import type { NewComponentTypes } from '@instructure/ui-themes' type ComponentName = keyof ComponentOverride | undefined diff --git a/packages/emotion/src/getTheme.ts b/packages/emotion/src/getTheme.ts index 4a6d33ac8e..1266b33ab9 100644 --- a/packages/emotion/src/getTheme.ts +++ b/packages/emotion/src/getTheme.ts @@ -31,7 +31,7 @@ import type { ThemeOrLegacyOverride, SpecificThemeOverride } from './EmotionTypes' -import { InstUIProviderProps } from './InstUISettingsProvider' +import { InstUIProviderProps } from './InstUISettingsProvider/index.js' declare const process: Record | undefined /** diff --git a/packages/emotion/src/index.ts b/packages/emotion/src/index.ts index 5ad811f8e0..448930b4c9 100644 --- a/packages/emotion/src/index.ts +++ b/packages/emotion/src/index.ts @@ -25,11 +25,11 @@ export * from '@emotion/react' -export { useComputedTheme } from './useComputedTheme' -export { InstUISettingsProvider } from './InstUISettingsProvider' -export { withStyle } from './withStyle' -export { getComponentThemeOverride } from './getComponentThemeOverride' -export { withStyleNew } from './withStyleNew' +export { useComputedTheme } from './useComputedTheme.js' +export { InstUISettingsProvider } from './InstUISettingsProvider/index.js' +export { withStyle } from './withStyle.js' +export { getComponentThemeOverride } from './getComponentThemeOverride.js' +export { withStyleNew } from './withStyleNew.js' export { ThemeablePropValues, makeThemeVars, @@ -38,11 +38,11 @@ export { mirrorShorthandEdges, calcSpacingFromShorthand, calcFocusOutlineStyles -} from './styleUtils' +} from './styleUtils/index.js' -export { useStyle } from './useStyle' -export { useStyleNew } from './useStyleNew' -export { useTheme } from './useTheme' +export { useStyle } from './useStyle.js' +export { useStyleNew } from './useStyleNew.js' +export { useTheme } from './useTheme.js' export type { InstUIProviderProps } from './InstUISettingsProvider' export type { ComponentStyle, StyleObject, Overrides } from './EmotionTypes' diff --git a/packages/emotion/src/styleUtils/__tests__/calcSpacingFromShorthand.test.tsx b/packages/emotion/src/styleUtils/__tests__/calcSpacingFromShorthand.test.tsx index cf4e535125..ecd4649885 100644 --- a/packages/emotion/src/styleUtils/__tests__/calcSpacingFromShorthand.test.tsx +++ b/packages/emotion/src/styleUtils/__tests__/calcSpacingFromShorthand.test.tsx @@ -23,7 +23,7 @@ */ import { describe, it, expect, vi } from 'vitest' -import { calcSpacingFromShorthand } from '../calcSpacingFromShorthand' +import { calcSpacingFromShorthand } from '../calcSpacingFromShorthand.js' describe('calcSpacingFromShorthand', () => { const spacingMap = { diff --git a/packages/emotion/src/styleUtils/__tests__/getShorthandPropValue.test.tsx b/packages/emotion/src/styleUtils/__tests__/getShorthandPropValue.test.tsx index 16b94f424c..9b0475c302 100644 --- a/packages/emotion/src/styleUtils/__tests__/getShorthandPropValue.test.tsx +++ b/packages/emotion/src/styleUtils/__tests__/getShorthandPropValue.test.tsx @@ -23,7 +23,7 @@ */ import { expect } from 'vitest' -import { getShorthandPropValue } from '../getShorthandPropValue' +import { getShorthandPropValue } from '../getShorthandPropValue.js' const theme = { small: '0rem', diff --git a/packages/emotion/src/styleUtils/__tests__/makeThemeVars.test.tsx b/packages/emotion/src/styleUtils/__tests__/makeThemeVars.test.tsx index 16bfebb23b..ce6ea5d822 100644 --- a/packages/emotion/src/styleUtils/__tests__/makeThemeVars.test.tsx +++ b/packages/emotion/src/styleUtils/__tests__/makeThemeVars.test.tsx @@ -23,7 +23,7 @@ */ import { expect } from 'vitest' -import { makeThemeVars } from '../makeThemeVars' +import { makeThemeVars } from '../makeThemeVars.js' describe('makeThemeVars', () => { it('given a list of variables, should append a prefix and camel case each key', () => { diff --git a/packages/emotion/src/styleUtils/__tests__/mirrorShorthand.test.tsx b/packages/emotion/src/styleUtils/__tests__/mirrorShorthand.test.tsx index 437a49f14e..12517132bb 100644 --- a/packages/emotion/src/styleUtils/__tests__/mirrorShorthand.test.tsx +++ b/packages/emotion/src/styleUtils/__tests__/mirrorShorthand.test.tsx @@ -26,7 +26,7 @@ import { expect } from 'vitest' import { mirrorShorthandCorners, mirrorShorthandEdges -} from '../mirrorShorthand' +} from '../mirrorShorthand.js' describe('convertRtlShorthandEdges', () => { it('should not modify 1 value syntax', () => { diff --git a/packages/emotion/src/styleUtils/index.ts b/packages/emotion/src/styleUtils/index.ts index ac3318ed9e..23fb7d0029 100644 --- a/packages/emotion/src/styleUtils/index.ts +++ b/packages/emotion/src/styleUtils/index.ts @@ -22,13 +22,13 @@ * SOFTWARE. */ -export { ThemeablePropValues } from './ThemeablePropValues' -export { makeThemeVars } from './makeThemeVars' -export { getShorthandPropValue } from './getShorthandPropValue' -export { mirrorShorthandCorners } from './mirrorShorthandCorners' -export { mirrorShorthandEdges } from './mirrorShorthandEdges' -export { calcSpacingFromShorthand } from './calcSpacingFromShorthand' -export { calcFocusOutlineStyles } from './calcFocusOutlineStyles' +export { ThemeablePropValues } from './ThemeablePropValues.js' +export { makeThemeVars } from './makeThemeVars.js' +export { getShorthandPropValue } from './getShorthandPropValue.js' +export { mirrorShorthandCorners } from './mirrorShorthandCorners.js' +export { mirrorShorthandEdges } from './mirrorShorthandEdges.js' +export { calcSpacingFromShorthand } from './calcSpacingFromShorthand.js' +export { calcFocusOutlineStyles } from './calcFocusOutlineStyles.js' export type { SpacingValues, diff --git a/packages/emotion/src/styleUtils/mirrorShorthandCorners.ts b/packages/emotion/src/styleUtils/mirrorShorthandCorners.ts index 918a1b3a4b..3cf6355863 100644 --- a/packages/emotion/src/styleUtils/mirrorShorthandCorners.ts +++ b/packages/emotion/src/styleUtils/mirrorShorthandCorners.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { mirrorShorthandCorners } from './mirrorShorthand' +import { mirrorShorthandCorners } from './mirrorShorthand.js' export default mirrorShorthandCorners export { mirrorShorthandCorners } diff --git a/packages/emotion/src/styleUtils/mirrorShorthandEdges.ts b/packages/emotion/src/styleUtils/mirrorShorthandEdges.ts index 8d630eaa61..445a64d481 100644 --- a/packages/emotion/src/styleUtils/mirrorShorthandEdges.ts +++ b/packages/emotion/src/styleUtils/mirrorShorthandEdges.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { mirrorShorthandEdges } from './mirrorShorthand' +import { mirrorShorthandEdges } from './mirrorShorthand.js' export default mirrorShorthandEdges export { mirrorShorthandEdges } diff --git a/packages/emotion/src/useStyle.ts b/packages/emotion/src/useStyle.ts index 8ba0a576cc..4ad393da83 100644 --- a/packages/emotion/src/useStyle.ts +++ b/packages/emotion/src/useStyle.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { useTheme } from './useTheme' -import { getComponentThemeOverride } from './getComponentThemeOverride' +import { useTheme } from './useTheme.js' +import { getComponentThemeOverride } from './getComponentThemeOverride.js' import type { ComponentTheme } from '@instructure/shared-types' import type { Theme } from '@instructure/ui-themes' diff --git a/packages/emotion/src/useStyleNew.ts b/packages/emotion/src/useStyleNew.ts index 0441e79333..9ecf58d1be 100644 --- a/packages/emotion/src/useStyleNew.ts +++ b/packages/emotion/src/useStyleNew.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { useTheme } from './useTheme' +import { useTheme } from './useTheme.js' import { mergeDeep } from '@instructure/ui-utils' -import { applyColorModifiers } from './styleUtils/applyColorModifiers' +import { applyColorModifiers } from './styleUtils/applyColorModifiers.js' import type { NewComponentTypes, SharedTokens, diff --git a/packages/emotion/src/withStyle.tsx b/packages/emotion/src/withStyle.tsx index 43381eaac3..44611f84b2 100644 --- a/packages/emotion/src/withStyle.tsx +++ b/packages/emotion/src/withStyle.tsx @@ -35,8 +35,8 @@ import { deepEqual as isEqual } from '@instructure/ui-utils' import { warn } from '@instructure/console' import { decorator } from '@instructure/ui-decorator' -import { getComponentThemeOverride } from './getComponentThemeOverride' -import { useTheme } from './useTheme' +import { getComponentThemeOverride } from './getComponentThemeOverride.js' +import { useTheme } from './useTheme.js' import type { BaseTheme, diff --git a/packages/emotion/src/withStyleNew.tsx b/packages/emotion/src/withStyleNew.tsx index e422d97f4d..a38d850fc8 100644 --- a/packages/emotion/src/withStyleNew.tsx +++ b/packages/emotion/src/withStyleNew.tsx @@ -35,8 +35,8 @@ import { deepEqual as isEqual, mergeDeep } from '@instructure/ui-utils' import { warn } from '@instructure/console' import { decorator } from '@instructure/ui-decorator' -import { useTheme } from './useTheme' -import { applyColorModifiers } from './styleUtils/applyColorModifiers' +import { useTheme } from './useTheme.js' +import { applyColorModifiers } from './styleUtils/applyColorModifiers.js' import type { ComponentTheme, InstUIComponent } from '@instructure/shared-types' import type { diff --git a/packages/shared-types/src/BaseTheme.ts b/packages/shared-types/src/BaseTheme.ts index 3df84920c4..4c1fad2856 100644 --- a/packages/shared-types/src/BaseTheme.ts +++ b/packages/shared-types/src/BaseTheme.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { Colors } from './Colors' +import { Colors } from './Colors.js' type Border = { radiusSmall: string | 0 diff --git a/packages/shared-types/src/ComponentThemeMap.ts b/packages/shared-types/src/ComponentThemeMap.ts index 304bee7a25..0860033054 100644 --- a/packages/shared-types/src/ComponentThemeMap.ts +++ b/packages/shared-types/src/ComponentThemeMap.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { ThemeVariables } from './ComponentThemeVariables' +import { ThemeVariables } from './ComponentThemeVariables.js' type ComponentTheme = { [Key in keyof Type]: Type[Key] diff --git a/packages/shared-types/src/ComponentThemeVariables.ts b/packages/shared-types/src/ComponentThemeVariables.ts index 1a87ad1a53..778b07e528 100644 --- a/packages/shared-types/src/ComponentThemeVariables.ts +++ b/packages/shared-types/src/ComponentThemeVariables.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { Colors } from './Colors' +import { Colors } from './Colors.js' import { Border, Breakpoints, @@ -33,7 +33,7 @@ import { Stacking, Transitions, Typography -} from './BaseTheme' +} from './BaseTheme.js' export interface ComponentTheme { // it can have multiple levels in SharedTokens diff --git a/packages/shared-types/src/index.ts b/packages/shared-types/src/index.ts index 86e0e27f77..fd0a870f64 100644 --- a/packages/shared-types/src/index.ts +++ b/packages/shared-types/src/index.ts @@ -22,12 +22,12 @@ * SOFTWARE. */ -export * from './BaseTheme' -export * from './Colors' -export * from './ComponentThemeMap' -export * from './ComponentThemeVariables' -export * from './CommonTypes' -export * from './CommonProps' +export * from './BaseTheme.js' +export * from './Colors.js' +export * from './ComponentThemeMap.js' +export * from './ComponentThemeVariables.js' +export * from './CommonTypes.js' +export * from './CommonProps.js' export type { DeepPartial, PartialRecord, diff --git a/packages/ui-a11y-content/src/AccessibleContent/__tests__/AccessibleContent.test.tsx b/packages/ui-a11y-content/src/AccessibleContent/__tests__/AccessibleContent.test.tsx index ddc279885a..27d717d1d4 100644 --- a/packages/ui-a11y-content/src/AccessibleContent/__tests__/AccessibleContent.test.tsx +++ b/packages/ui-a11y-content/src/AccessibleContent/__tests__/AccessibleContent.test.tsx @@ -27,7 +27,7 @@ import { vi } from 'vitest' import type { MockInstance } from 'vitest' import '@testing-library/jest-dom' import { runAxeCheck } from '@instructure/ui-axe-check' -import { AccessibleContent } from '../index' +import { AccessibleContent } from '../index.js' describe('', () => { let consoleErrorMock: ReturnType diff --git a/packages/ui-a11y-content/src/AccessibleContent/index.tsx b/packages/ui-a11y-content/src/AccessibleContent/index.tsx index 2de0869427..4e98058a3d 100644 --- a/packages/ui-a11y-content/src/AccessibleContent/index.tsx +++ b/packages/ui-a11y-content/src/AccessibleContent/index.tsx @@ -26,10 +26,10 @@ import { Component } from 'react' import { passthroughProps, getElementType } from '@instructure/ui-react-utils' -import { PresentationContent } from '../PresentationContent' -import { ScreenReaderContent } from '../ScreenReaderContent' +import { PresentationContent } from '../PresentationContent/index.js' +import { ScreenReaderContent } from '../ScreenReaderContent/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { AccessibleContentProps } from './props' /** @@ -41,6 +41,7 @@ import type { AccessibleContentProps } from './props' * @module AccessibleContent */ class AccessibleContent extends Component { + static displayName = 'AccessibleContent' static allowedProps = allowedProps static defaultProps = { as: 'span', diff --git a/packages/ui-a11y-content/src/PresentationContent/__tests__/PresentationContent.test.tsx b/packages/ui-a11y-content/src/PresentationContent/__tests__/PresentationContent.test.tsx index a70bf8f17b..b589e272ec 100644 --- a/packages/ui-a11y-content/src/PresentationContent/__tests__/PresentationContent.test.tsx +++ b/packages/ui-a11y-content/src/PresentationContent/__tests__/PresentationContent.test.tsx @@ -27,7 +27,7 @@ import { vi } from 'vitest' import type { MockInstance } from 'vitest' import '@testing-library/jest-dom' import { runAxeCheck } from '@instructure/ui-axe-check' -import { PresentationContent } from '../index' +import { PresentationContent } from '../index.js' describe('', () => { let consoleErrorMock: ReturnType diff --git a/packages/ui-a11y-content/src/PresentationContent/index.tsx b/packages/ui-a11y-content/src/PresentationContent/index.tsx index b47e12d354..2e3297e6a5 100644 --- a/packages/ui-a11y-content/src/PresentationContent/index.tsx +++ b/packages/ui-a11y-content/src/PresentationContent/index.tsx @@ -26,7 +26,7 @@ import { Component } from 'react' import { passthroughProps, getElementType } from '@instructure/ui-react-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PresentationContentProps } from './props' /** @@ -36,6 +36,7 @@ category: utilities/a11y @module PresentationContent **/ class PresentationContent extends Component { + static displayName = 'PresentationContent' static allowedProps = allowedProps static defaultProps = { as: 'span', diff --git a/packages/ui-a11y-content/src/ScreenReaderContent/__tests__/ScreenReaderContent.test.tsx b/packages/ui-a11y-content/src/ScreenReaderContent/__tests__/ScreenReaderContent.test.tsx index d3bec0b737..979e229a23 100644 --- a/packages/ui-a11y-content/src/ScreenReaderContent/__tests__/ScreenReaderContent.test.tsx +++ b/packages/ui-a11y-content/src/ScreenReaderContent/__tests__/ScreenReaderContent.test.tsx @@ -23,7 +23,7 @@ */ import { render, screen } from '@testing-library/react' import '@testing-library/jest-dom' -import { ScreenReaderContent } from '../index' +import { ScreenReaderContent } from '../index.js' describe('', () => { it('should render the specified tag when `as` prop is set', async () => { diff --git a/packages/ui-a11y-content/src/ScreenReaderContent/index.tsx b/packages/ui-a11y-content/src/ScreenReaderContent/index.tsx index 84a20e0e9e..c205a49e4e 100644 --- a/packages/ui-a11y-content/src/ScreenReaderContent/index.tsx +++ b/packages/ui-a11y-content/src/ScreenReaderContent/index.tsx @@ -28,9 +28,9 @@ import { passthroughProps, getElementType } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ScreenReaderContentProps } from './props' /** @@ -41,6 +41,7 @@ category: utilities/a11y **/ @withStyle(generateStyle, null) class ScreenReaderContent extends Component { + static displayName = 'ScreenReaderContent' static readonly componentId = 'ScreenReaderContent' static allowedProps = allowedProps diff --git a/packages/ui-a11y-content/src/index.ts b/packages/ui-a11y-content/src/index.ts index 7caa31980d..919b2b9738 100644 --- a/packages/ui-a11y-content/src/index.ts +++ b/packages/ui-a11y-content/src/index.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { AccessibleContent } from './AccessibleContent' -export { PresentationContent } from './PresentationContent' -export { ScreenReaderContent } from './ScreenReaderContent' +export { AccessibleContent } from './AccessibleContent/index.js' +export { PresentationContent } from './PresentationContent/index.js' +export { ScreenReaderContent } from './ScreenReaderContent/index.js' export type { AccessibleContentProps } from './AccessibleContent/props' export type { PresentationContentProps } from './PresentationContent/props' diff --git a/packages/ui-a11y-utils/src/FocusRegion.ts b/packages/ui-a11y-utils/src/FocusRegion.ts index ebc5d6b207..40b35d69f0 100644 --- a/packages/ui-a11y-utils/src/FocusRegion.ts +++ b/packages/ui-a11y-utils/src/FocusRegion.ts @@ -34,9 +34,9 @@ import { import { uid } from '@instructure/uid' import { logError as error } from '@instructure/console' -import { ScreenReaderFocusRegion } from './ScreenReaderFocusRegion' -import { KeyboardFocusRegion } from './KeyboardFocusRegion' -import { FocusRegionOptions } from './FocusRegionOptions' +import { ScreenReaderFocusRegion } from './ScreenReaderFocusRegion.js' +import { KeyboardFocusRegion } from './KeyboardFocusRegion.js' +import { FocusRegionOptions } from './FocusRegionOptions.js' /** * --- diff --git a/packages/ui-a11y-utils/src/FocusRegionManager.ts b/packages/ui-a11y-utils/src/FocusRegionManager.ts index 64ee5f4844..b295da77df 100644 --- a/packages/ui-a11y-utils/src/FocusRegionManager.ts +++ b/packages/ui-a11y-utils/src/FocusRegionManager.ts @@ -23,8 +23,8 @@ */ import { logError as error } from '@instructure/console' -import { FocusRegion } from './FocusRegion' -import { FocusRegionOptions } from './FocusRegionOptions' +import { FocusRegion } from './FocusRegion.js' +import { FocusRegionOptions } from './FocusRegionOptions.js' type Entry = { id: string diff --git a/packages/ui-a11y-utils/src/KeyboardFocusRegion.ts b/packages/ui-a11y-utils/src/KeyboardFocusRegion.ts index 0ffb447cb6..d07e444460 100644 --- a/packages/ui-a11y-utils/src/KeyboardFocusRegion.ts +++ b/packages/ui-a11y-utils/src/KeyboardFocusRegion.ts @@ -40,9 +40,9 @@ import { logError as error } from '@instructure/console' import keycode from 'keycode' -import { scopeTab } from './scopeTab' +import { scopeTab } from './scopeTab.js' import type { UIElement } from '@instructure/shared-types' -import { FocusRegionOptions } from './FocusRegionOptions' +import { FocusRegionOptions } from './FocusRegionOptions.js' /** * --- diff --git a/packages/ui-a11y-utils/src/ScreenReaderFocusRegion.ts b/packages/ui-a11y-utils/src/ScreenReaderFocusRegion.ts index 9a1d9dcba2..8dc654f95b 100644 --- a/packages/ui-a11y-utils/src/ScreenReaderFocusRegion.ts +++ b/packages/ui-a11y-utils/src/ScreenReaderFocusRegion.ts @@ -23,7 +23,7 @@ */ import { logWarn as warn } from '@instructure/console' -import { FocusRegionOptions } from './FocusRegionOptions' +import { FocusRegionOptions } from './FocusRegionOptions.js' function isElement(elem: Node): elem is Element { return elem instanceof Element diff --git a/packages/ui-a11y-utils/src/__tests__/FocusRegion.test.tsx b/packages/ui-a11y-utils/src/__tests__/FocusRegion.test.tsx index 29d5567308..66a621fe49 100644 --- a/packages/ui-a11y-utils/src/__tests__/FocusRegion.test.tsx +++ b/packages/ui-a11y-utils/src/__tests__/FocusRegion.test.tsx @@ -26,7 +26,7 @@ import { render, screen, fireEvent, waitFor } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { FocusRegion } from '../FocusRegion' +import { FocusRegion } from '../FocusRegion.js' describe('FocusRegion', () => { let container: HTMLElement diff --git a/packages/ui-a11y-utils/src/__tests__/FocusRegionManager.test.tsx b/packages/ui-a11y-utils/src/__tests__/FocusRegionManager.test.tsx index f245b1099a..a86602d7ab 100644 --- a/packages/ui-a11y-utils/src/__tests__/FocusRegionManager.test.tsx +++ b/packages/ui-a11y-utils/src/__tests__/FocusRegionManager.test.tsx @@ -25,7 +25,7 @@ import { render, screen, waitFor } from '@testing-library/react' import '@testing-library/jest-dom' -import { FocusRegionManager } from '../FocusRegionManager' +import { FocusRegionManager } from '../FocusRegionManager.js' describe('FocusRegionManager', () => { beforeEach(async () => { diff --git a/packages/ui-a11y-utils/src/__tests__/ScreenReaderFocusRegion.test.tsx b/packages/ui-a11y-utils/src/__tests__/ScreenReaderFocusRegion.test.tsx index 2e451b9517..4f638f140a 100644 --- a/packages/ui-a11y-utils/src/__tests__/ScreenReaderFocusRegion.test.tsx +++ b/packages/ui-a11y-utils/src/__tests__/ScreenReaderFocusRegion.test.tsx @@ -25,7 +25,7 @@ import { render, screen, waitFor } from '@testing-library/react' import '@testing-library/jest-dom' -import { ScreenReaderFocusRegion } from '../ScreenReaderFocusRegion' +import { ScreenReaderFocusRegion } from '../ScreenReaderFocusRegion.js' describe('ScreenReaderFocusRegion', () => { const element = ( diff --git a/packages/ui-a11y-utils/src/__tests__/hasVisibleChildren.test.tsx b/packages/ui-a11y-utils/src/__tests__/hasVisibleChildren.test.tsx index e0392f9e9d..79bcec6fdc 100644 --- a/packages/ui-a11y-utils/src/__tests__/hasVisibleChildren.test.tsx +++ b/packages/ui-a11y-utils/src/__tests__/hasVisibleChildren.test.tsx @@ -25,7 +25,7 @@ import '@testing-library/jest-dom' import { ScreenReaderContent } from '@instructure/ui-a11y-content' -import { hasVisibleChildren } from '../hasVisibleChildren' +import { hasVisibleChildren } from '../hasVisibleChildren.js' describe('hasVisibleChildren', () => { it('should not count ScreenReaderContent as visible content', async () => { diff --git a/packages/ui-a11y-utils/src/__tests__/scopeTab.test.tsx b/packages/ui-a11y-utils/src/__tests__/scopeTab.test.tsx index a32b800272..2060df1e6f 100644 --- a/packages/ui-a11y-utils/src/__tests__/scopeTab.test.tsx +++ b/packages/ui-a11y-utils/src/__tests__/scopeTab.test.tsx @@ -26,7 +26,7 @@ import { render, screen, waitFor } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { scopeTab } from '../scopeTab' +import { scopeTab } from '../scopeTab.js' const MOCK_EVENT = new KeyboardEvent('mockEvent', { shiftKey: false }) MOCK_EVENT.preventDefault = () => {} diff --git a/packages/ui-a11y-utils/src/index.ts b/packages/ui-a11y-utils/src/index.ts index 665f87a6ca..9a384918f1 100644 --- a/packages/ui-a11y-utils/src/index.ts +++ b/packages/ui-a11y-utils/src/index.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -export { FocusRegion } from './FocusRegion' -export { FocusRegionManager } from './FocusRegionManager' -export { hasVisibleChildren } from './hasVisibleChildren' -export { KeyboardFocusRegion } from './KeyboardFocusRegion' -export { scopeTab } from './scopeTab' -export { ScreenReaderFocusRegion } from './ScreenReaderFocusRegion' +export { FocusRegion } from './FocusRegion.js' +export { FocusRegionManager } from './FocusRegionManager.js' +export { hasVisibleChildren } from './hasVisibleChildren.js' +export { KeyboardFocusRegion } from './KeyboardFocusRegion.js' +export { scopeTab } from './scopeTab.js' +export { ScreenReaderFocusRegion } from './ScreenReaderFocusRegion.js' export type { FocusRegionOptions } from './FocusRegionOptions' diff --git a/packages/ui-alerts/src/Alert/v1/index.tsx b/packages/ui-alerts/src/Alert/v1/index.tsx index 9d0e7baec7..fd038baf62 100644 --- a/packages/ui-alerts/src/Alert/v1/index.tsx +++ b/packages/ui-alerts/src/Alert/v1/index.tsx @@ -45,10 +45,10 @@ import { Transition } from '@instructure/ui-motion' import { logError as error } 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 { allowedProps } from './props' +import { allowedProps } from './props.js' import type { AlertProps, AlertState } from './props' /** @@ -59,6 +59,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Alert extends Component { + static displayName = 'Alert' static readonly componentId = 'Alert' static allowedProps = allowedProps diff --git a/packages/ui-alerts/src/Alert/v2/index.tsx b/packages/ui-alerts/src/Alert/v2/index.tsx index 38ff51d915..3beb2df6ff 100644 --- a/packages/ui-alerts/src/Alert/v2/index.tsx +++ b/packages/ui-alerts/src/Alert/v2/index.tsx @@ -45,9 +45,9 @@ import { Transition } from '@instructure/ui-motion' import { logError as error } from '@instructure/console' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { AlertProps, AlertState } from './props' /** @@ -58,6 +58,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Alert extends Component { + static displayName = 'Alert' static readonly componentId = 'Alert' static allowedProps = allowedProps diff --git a/packages/ui-alerts/src/exports/a.ts b/packages/ui-alerts/src/exports/a.ts index 85624be531..073f7d7950 100644 --- a/packages/ui-alerts/src/exports/a.ts +++ b/packages/ui-alerts/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Alert } from '../Alert/v1' +export { Alert } from '../Alert/v1/index.js' export type { AlertProps } from '../Alert/v1/props' diff --git a/packages/ui-alerts/src/exports/b.ts b/packages/ui-alerts/src/exports/b.ts index 0dcb844181..c4da871b50 100644 --- a/packages/ui-alerts/src/exports/b.ts +++ b/packages/ui-alerts/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Alert } from '../Alert/v2' +export { Alert } from '../Alert/v2/index.js' export type { AlertProps } from '../Alert/v2/props' diff --git a/packages/ui-avatar/src/Avatar/v1/index.tsx b/packages/ui-avatar/src/Avatar/v1/index.tsx index 17c3f35c7e..2e15717afd 100644 --- a/packages/ui-avatar/src/Avatar/v1/index.tsx +++ b/packages/ui-avatar/src/Avatar/v1/index.tsx @@ -36,8 +36,8 @@ import { View } from '@instructure/ui-view/v11_6' import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' import type { AvatarProps } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- diff --git a/packages/ui-avatar/src/Avatar/v1/styles.ts b/packages/ui-avatar/src/Avatar/v1/styles.ts index 277786006f..8023f95f54 100644 --- a/packages/ui-avatar/src/Avatar/v1/styles.ts +++ b/packages/ui-avatar/src/Avatar/v1/styles.ts @@ -23,7 +23,7 @@ */ import type { AvatarTheme } from '@instructure/shared-types' -import { AvatarProps, AvatarStyle } from './props' +import { AvatarProps, AvatarStyle } from './props.js' type StyleParams = { loaded: boolean diff --git a/packages/ui-avatar/src/Avatar/v2/index.tsx b/packages/ui-avatar/src/Avatar/v2/index.tsx index 13538eae9d..bc083b49c2 100644 --- a/packages/ui-avatar/src/Avatar/v2/index.tsx +++ b/packages/ui-avatar/src/Avatar/v2/index.tsx @@ -27,9 +27,9 @@ import { useState, useEffect, forwardRef, SyntheticEvent } from 'react' import { passthroughProps } from '@instructure/ui-react-utils' import { renderIconWithProps } from '@instructure/ui-icons' -import { AvatarProps, avatarSizeToIconSize } from './props' +import { AvatarProps, avatarSizeToIconSize } from './props.js' -import generateStyle from './styles' +import generateStyle from './styles.js' const ICON_COLOR_MAP = { accent1: 'accentBlueColor', diff --git a/packages/ui-avatar/src/Avatar/v2/styles.ts b/packages/ui-avatar/src/Avatar/v2/styles.ts index 2b5153a7ae..783aeebc50 100644 --- a/packages/ui-avatar/src/Avatar/v2/styles.ts +++ b/packages/ui-avatar/src/Avatar/v2/styles.ts @@ -24,7 +24,7 @@ import { calcSpacingFromShorthand } from '@instructure/emotion' import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes' -import { AvatarProps, AvatarStyle } from './props' +import { AvatarProps, AvatarStyle } from './props.js' type StyleParams = { loaded: boolean diff --git a/packages/ui-avatar/src/exports/a.ts b/packages/ui-avatar/src/exports/a.ts index e8e2f9592f..282541de4c 100644 --- a/packages/ui-avatar/src/exports/a.ts +++ b/packages/ui-avatar/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Avatar } from '../Avatar/v1' +export { Avatar } from '../Avatar/v1/index.js' export type { AvatarProps } from '../Avatar/v1/props' diff --git a/packages/ui-avatar/src/exports/b.ts b/packages/ui-avatar/src/exports/b.ts index 00cdb98008..b7753aef04 100644 --- a/packages/ui-avatar/src/exports/b.ts +++ b/packages/ui-avatar/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Avatar } from '../Avatar/v2' +export { Avatar } from '../Avatar/v2/index.js' export type { AvatarProps } from '../Avatar/v2/props' diff --git a/packages/ui-axe-check/src/index.ts b/packages/ui-axe-check/src/index.ts index 238e327696..58a20df834 100644 --- a/packages/ui-axe-check/src/index.ts +++ b/packages/ui-axe-check/src/index.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import runAxeCheck from './runAxeCheck' +import runAxeCheck from './runAxeCheck.js' import type { AxeCheckOptions } from './runAxeCheck' export type { AxeCheckOptions } diff --git a/packages/ui-badge/src/Badge/v1/index.tsx b/packages/ui-badge/src/Badge/v1/index.tsx index d466725beb..fc00de2db1 100644 --- a/packages/ui-badge/src/Badge/v1/index.tsx +++ b/packages/ui-badge/src/Badge/v1/index.tsx @@ -32,10 +32,10 @@ import { import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BadgeProps } from './props' /** @@ -46,6 +46,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Badge extends Component { + static displayName = 'Badge' static readonly componentId = 'Badge' static allowedProps = allowedProps diff --git a/packages/ui-badge/src/Badge/v2/index.tsx b/packages/ui-badge/src/Badge/v2/index.tsx index d12c58adfa..1dee4e8d14 100644 --- a/packages/ui-badge/src/Badge/v2/index.tsx +++ b/packages/ui-badge/src/Badge/v2/index.tsx @@ -32,9 +32,9 @@ import { import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BadgeProps } from './props' /** @@ -45,6 +45,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Badge extends Component { + static displayName = 'Badge' static readonly componentId = 'Badge' static allowedProps = allowedProps diff --git a/packages/ui-badge/src/exports/a.ts b/packages/ui-badge/src/exports/a.ts index 2f5e24a367..1378f5c85e 100644 --- a/packages/ui-badge/src/exports/a.ts +++ b/packages/ui-badge/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Badge } from '../Badge/v1' +export { Badge } from '../Badge/v1/index.js' export type { BadgeProps } from '../Badge/v1/props' diff --git a/packages/ui-badge/src/exports/b.ts b/packages/ui-badge/src/exports/b.ts index b346855ce7..e257b92602 100644 --- a/packages/ui-badge/src/exports/b.ts +++ b/packages/ui-badge/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Badge } from '../Badge/v2' +export { Badge } from '../Badge/v2/index.js' export type { BadgeProps } from '../Badge/v2/props' diff --git a/packages/ui-billboard/src/Billboard/v1/index.tsx b/packages/ui-billboard/src/Billboard/v1/index.tsx index c934c49ba2..649530f1c1 100644 --- a/packages/ui-billboard/src/Billboard/v1/index.tsx +++ b/packages/ui-billboard/src/Billboard/v1/index.tsx @@ -34,10 +34,10 @@ import { import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BillboardProps, HeroIconSize } from './props' import type { ViewProps } from '@instructure/ui-view/v11_6' @@ -48,6 +48,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Billboard extends Component { + static displayName = 'Billboard' static readonly componentId = 'Billboard' static allowedProps = allowedProps diff --git a/packages/ui-billboard/src/Billboard/v2/index.tsx b/packages/ui-billboard/src/Billboard/v2/index.tsx index 6254e60ca6..28e993da73 100644 --- a/packages/ui-billboard/src/Billboard/v2/index.tsx +++ b/packages/ui-billboard/src/Billboard/v2/index.tsx @@ -35,9 +35,9 @@ import { renderIconWithProps } from '@instructure/ui-icons' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BillboardProps } from './props' import type { ViewProps } from '@instructure/ui-view/latest' @@ -58,6 +58,7 @@ class Billboard extends Component< BillboardProps, { isHovered: boolean; isActive: boolean } > { + static displayName = 'Billboard' static readonly componentId = 'Billboard' static allowedProps = allowedProps diff --git a/packages/ui-billboard/src/exports/a.ts b/packages/ui-billboard/src/exports/a.ts index 26f0bf4e0e..124c15d39e 100644 --- a/packages/ui-billboard/src/exports/a.ts +++ b/packages/ui-billboard/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Billboard } from '../Billboard/v1' +export { Billboard } from '../Billboard/v1/index.js' export type { BillboardProps } from '../Billboard/v1/props' diff --git a/packages/ui-billboard/src/exports/b.ts b/packages/ui-billboard/src/exports/b.ts index 0fe8046b69..02e86f76f2 100644 --- a/packages/ui-billboard/src/exports/b.ts +++ b/packages/ui-billboard/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Billboard } from '../Billboard/v2' +export { Billboard } from '../Billboard/v2/index.js' export type { BillboardProps } from '../Billboard/v2/props' diff --git a/packages/ui-breadcrumb/src/Breadcrumb/v1/BreadcrumbLink/index.tsx b/packages/ui-breadcrumb/src/Breadcrumb/v1/BreadcrumbLink/index.tsx index dd27a458a9..c8f391ec64 100644 --- a/packages/ui-breadcrumb/src/Breadcrumb/v1/BreadcrumbLink/index.tsx +++ b/packages/ui-breadcrumb/src/Breadcrumb/v1/BreadcrumbLink/index.tsx @@ -29,7 +29,7 @@ import { Link } from '@instructure/ui-link/v11_6' import { omitProps } from '@instructure/ui-react-utils' import { Tooltip } from '@instructure/ui-tooltip/v11_6' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BreadcrumbLinkProps, BreadcrumbLinkState } from './props' /** @@ -43,6 +43,7 @@ class BreadcrumbLink extends Component< BreadcrumbLinkProps, BreadcrumbLinkState > { + static displayName = 'BreadcrumbLink' static readonly componentId = 'Breadcrumb.Link' static allowedProps = allowedProps diff --git a/packages/ui-breadcrumb/src/Breadcrumb/v1/index.tsx b/packages/ui-breadcrumb/src/Breadcrumb/v1/index.tsx index 11a0aa1fa9..b216e5f391 100644 --- a/packages/ui-breadcrumb/src/Breadcrumb/v1/index.tsx +++ b/packages/ui-breadcrumb/src/Breadcrumb/v1/index.tsx @@ -34,12 +34,12 @@ import { View } from '@instructure/ui-view/v11_6' import { withStyle } from '@instructure/emotion' import { IconArrowOpenEndSolid } from '@instructure/ui-icons' -import { BreadcrumbLink } from './BreadcrumbLink' +import { BreadcrumbLink } from './BreadcrumbLink/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BreadcrumbProps } from './props' /** @@ -50,6 +50,7 @@ category: components @withStyle(generateStyle, generateComponentTheme) class Breadcrumb extends Component { + static displayName = 'Breadcrumb' static readonly componentId = 'Breadcrumb' static allowedProps = allowedProps diff --git a/packages/ui-breadcrumb/src/Breadcrumb/v2/BreadcrumbLink/index.tsx b/packages/ui-breadcrumb/src/Breadcrumb/v2/BreadcrumbLink/index.tsx index c0483eda38..b7aceeea23 100644 --- a/packages/ui-breadcrumb/src/Breadcrumb/v2/BreadcrumbLink/index.tsx +++ b/packages/ui-breadcrumb/src/Breadcrumb/v2/BreadcrumbLink/index.tsx @@ -29,7 +29,7 @@ import { Link } from '@instructure/ui-link/latest' import { omitProps } from '@instructure/ui-react-utils' import { Tooltip } from '@instructure/ui-tooltip/latest' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BreadcrumbLinkProps, BreadcrumbLinkState } from './props' /** @@ -43,6 +43,7 @@ class BreadcrumbLink extends Component< BreadcrumbLinkProps, BreadcrumbLinkState > { + static displayName = 'BreadcrumbLink' static readonly componentId = 'Breadcrumb.Link' static allowedProps = allowedProps diff --git a/packages/ui-breadcrumb/src/Breadcrumb/v2/index.tsx b/packages/ui-breadcrumb/src/Breadcrumb/v2/index.tsx index f9dd1cf29d..76dcfa329b 100644 --- a/packages/ui-breadcrumb/src/Breadcrumb/v2/index.tsx +++ b/packages/ui-breadcrumb/src/Breadcrumb/v2/index.tsx @@ -29,11 +29,11 @@ import { safeCloneElement } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' import { ChevronRightInstUIIcon } from '@instructure/ui-icons' -import { BreadcrumbLink } from './BreadcrumbLink' +import { BreadcrumbLink } from './BreadcrumbLink/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BreadcrumbProps } from './props' /** @@ -44,6 +44,7 @@ category: components @withStyleNew(generateStyle) class Breadcrumb extends Component { + static displayName = 'Breadcrumb' static readonly componentId = 'Breadcrumb' static allowedProps = allowedProps diff --git a/packages/ui-breadcrumb/src/exports/a.ts b/packages/ui-breadcrumb/src/exports/a.ts index f72a2d2c00..713e1f03e3 100644 --- a/packages/ui-breadcrumb/src/exports/a.ts +++ b/packages/ui-breadcrumb/src/exports/a.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Breadcrumb, BreadcrumbLink } from '../Breadcrumb/v1' +export { Breadcrumb, BreadcrumbLink } from '../Breadcrumb/v1/index.js' export type { BreadcrumbProps } from '../Breadcrumb/v1/props' export type { BreadcrumbLinkProps } from '../Breadcrumb/v1/BreadcrumbLink/props' diff --git a/packages/ui-breadcrumb/src/exports/b.ts b/packages/ui-breadcrumb/src/exports/b.ts index 472b3b85a8..1d980c4802 100644 --- a/packages/ui-breadcrumb/src/exports/b.ts +++ b/packages/ui-breadcrumb/src/exports/b.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Breadcrumb, BreadcrumbLink } from '../Breadcrumb/v2' +export { Breadcrumb, BreadcrumbLink } from '../Breadcrumb/v2/index.js' export type { BreadcrumbProps } from '../Breadcrumb/v2/props' export type { BreadcrumbLinkProps } from '../Breadcrumb/v2/BreadcrumbLink/props' diff --git a/packages/ui-buttons/src/BaseButton/v1/index.tsx b/packages/ui-buttons/src/BaseButton/v1/index.tsx index cf2096b4ab..dd33fe77e6 100644 --- a/packages/ui-buttons/src/BaseButton/v1/index.tsx +++ b/packages/ui-buttons/src/BaseButton/v1/index.tsx @@ -43,10 +43,10 @@ import { combineDataCid } from '@instructure/ui-utils' import { withStyle } from '@instructure/emotion' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BaseButtonProps, BaseButtonStyleProps } from './props' /** @@ -57,6 +57,7 @@ category: components/utilities @withStyle(generateStyles, generateComponentTheme) class BaseButton extends Component { + static displayName = 'BaseButton' static readonly componentId = 'BaseButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/BaseButton/v2/index.tsx b/packages/ui-buttons/src/BaseButton/v2/index.tsx index a43335198d..af8fb7c6bc 100644 --- a/packages/ui-buttons/src/BaseButton/v2/index.tsx +++ b/packages/ui-buttons/src/BaseButton/v2/index.tsx @@ -43,9 +43,9 @@ import { combineDataCid } from '@instructure/ui-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyles from './styles' +import generateStyles from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BaseButtonProps, BaseButtonStyleProps } from './props' const buttonSizeToIconSize = { @@ -73,6 +73,7 @@ category: components/utilities **/ @withStyleNew(generateStyles) class BaseButton extends Component { + static displayName = 'BaseButton' static readonly componentId = 'BaseButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/Button/v1/index.tsx b/packages/ui-buttons/src/Button/v1/index.tsx index 68edc1d3eb..27ff2100f7 100644 --- a/packages/ui-buttons/src/Button/v1/index.tsx +++ b/packages/ui-buttons/src/Button/v1/index.tsx @@ -28,10 +28,10 @@ import { getInteraction, passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateComponentTheme from './theme' -import { BaseButton } from '../../BaseButton/v1' +import generateComponentTheme from './theme.js' +import { BaseButton } from '../../BaseButton/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ButtonProps } from './props' /** @@ -42,6 +42,7 @@ category: components // needed for listing the available theme variables on docs page @withStyle(null, generateComponentTheme) class Button extends Component { + static displayName = 'Button' static readonly componentId = 'Button' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/Button/v1/theme.ts b/packages/ui-buttons/src/Button/v1/theme.ts index 0f559e130f..2ecbec98ed 100644 --- a/packages/ui-buttons/src/Button/v1/theme.ts +++ b/packages/ui-buttons/src/Button/v1/theme.ts @@ -22,4 +22,4 @@ * SOFTWARE. */ -export { default } from '../../BaseButton/v1/theme' +export { default } from '../../BaseButton/v1/theme.js' diff --git a/packages/ui-buttons/src/Button/v2/index.tsx b/packages/ui-buttons/src/Button/v2/index.tsx index c91c2151ab..07c156e2bc 100644 --- a/packages/ui-buttons/src/Button/v2/index.tsx +++ b/packages/ui-buttons/src/Button/v2/index.tsx @@ -27,9 +27,9 @@ import { Component } from 'react' import { getInteraction, passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { BaseButton } from '../../BaseButton/v2' +import { BaseButton } from '../../BaseButton/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ButtonProps } from './props' /** @@ -40,6 +40,7 @@ category: components // needed for listing the available theme variables on docs page @withStyleNew(null, 'BaseButton') class Button extends Component { + static displayName = 'Button' static readonly componentId = 'Button' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/CloseButton/v1/index.tsx b/packages/ui-buttons/src/CloseButton/v1/index.tsx index 4320d441e4..2f74fcfce1 100644 --- a/packages/ui-buttons/src/CloseButton/v1/index.tsx +++ b/packages/ui-buttons/src/CloseButton/v1/index.tsx @@ -30,11 +30,11 @@ import { getInteraction, passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' -import { BaseButton } from '../../BaseButton/v1' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' +import { BaseButton } from '../../BaseButton/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CloseButtonProps } from './props' /** @@ -44,6 +44,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class CloseButton extends Component { + static displayName = 'CloseButton' static readonly componentId = 'CloseButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/CloseButton/v2/index.tsx b/packages/ui-buttons/src/CloseButton/v2/index.tsx index 86d6f25555..d3fbc142cf 100644 --- a/packages/ui-buttons/src/CloseButton/v2/index.tsx +++ b/packages/ui-buttons/src/CloseButton/v2/index.tsx @@ -30,10 +30,10 @@ import { getInteraction, passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' -import { BaseButton } from '../../BaseButton/v2' +import generateStyle from './styles.js' +import { BaseButton } from '../../BaseButton/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CloseButtonProps } from './props' /** @@ -43,6 +43,7 @@ category: components **/ @withStyleNew(generateStyle, 'BaseButton') class CloseButton extends Component { + static displayName = 'CloseButton' static readonly componentId = 'CloseButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/CondensedButton/v1/index.tsx b/packages/ui-buttons/src/CondensedButton/v1/index.tsx index bc2f88e6de..6a2357bddd 100644 --- a/packages/ui-buttons/src/CondensedButton/v1/index.tsx +++ b/packages/ui-buttons/src/CondensedButton/v1/index.tsx @@ -28,10 +28,10 @@ import { passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateComponentTheme from './theme' -import { BaseButton } from '../../BaseButton/v1' +import generateComponentTheme from './theme.js' +import { BaseButton } from '../../BaseButton/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CondensedButtonProps } from './props' /** @@ -42,6 +42,7 @@ category: components // needed for listing the available theme variables on docs page @withStyle(null, generateComponentTheme) class CondensedButton extends Component { + static displayName = 'CondensedButton' static readonly componentId = 'CondensedButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/CondensedButton/v1/theme.ts b/packages/ui-buttons/src/CondensedButton/v1/theme.ts index 0f559e130f..2ecbec98ed 100644 --- a/packages/ui-buttons/src/CondensedButton/v1/theme.ts +++ b/packages/ui-buttons/src/CondensedButton/v1/theme.ts @@ -22,4 +22,4 @@ * SOFTWARE. */ -export { default } from '../../BaseButton/v1/theme' +export { default } from '../../BaseButton/v1/theme.js' diff --git a/packages/ui-buttons/src/CondensedButton/v2/index.tsx b/packages/ui-buttons/src/CondensedButton/v2/index.tsx index ff959a6e4d..c1de7995b7 100644 --- a/packages/ui-buttons/src/CondensedButton/v2/index.tsx +++ b/packages/ui-buttons/src/CondensedButton/v2/index.tsx @@ -27,9 +27,9 @@ import { Component } from 'react' import { passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { BaseButton } from '../../BaseButton/v2' +import { BaseButton } from '../../BaseButton/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CondensedButtonProps } from './props' /** @@ -40,6 +40,7 @@ category: components // needed for listing the available theme variables on docs page @withStyleNew(null, 'BaseButton') class CondensedButton extends Component { + static displayName = 'CondensedButton' static readonly componentId = 'CondensedButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/IconButton/v1/index.tsx b/packages/ui-buttons/src/IconButton/v1/index.tsx index fd5354970d..84a523ea1c 100644 --- a/packages/ui-buttons/src/IconButton/v1/index.tsx +++ b/packages/ui-buttons/src/IconButton/v1/index.tsx @@ -30,10 +30,10 @@ import { combineDataCid } from '@instructure/ui-utils' import { withStyle } from '@instructure/emotion' -import generateComponentTheme from './theme' -import { BaseButton } from '../../BaseButton/v1' +import generateComponentTheme from './theme.js' +import { BaseButton } from '../../BaseButton/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { IconButtonProps } from './props' /** @@ -45,6 +45,7 @@ category: components // needed for listing the available theme variables on docs page @withStyle(null, generateComponentTheme) class IconButton extends Component { + static displayName = 'IconButton' static readonly componentId = 'IconButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/IconButton/v1/theme.ts b/packages/ui-buttons/src/IconButton/v1/theme.ts index 0f559e130f..2ecbec98ed 100644 --- a/packages/ui-buttons/src/IconButton/v1/theme.ts +++ b/packages/ui-buttons/src/IconButton/v1/theme.ts @@ -22,4 +22,4 @@ * SOFTWARE. */ -export { default } from '../../BaseButton/v1/theme' +export { default } from '../../BaseButton/v1/theme.js' diff --git a/packages/ui-buttons/src/IconButton/v2/index.tsx b/packages/ui-buttons/src/IconButton/v2/index.tsx index b6587912ae..586777ef53 100644 --- a/packages/ui-buttons/src/IconButton/v2/index.tsx +++ b/packages/ui-buttons/src/IconButton/v2/index.tsx @@ -29,9 +29,9 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { combineDataCid } from '@instructure/ui-utils' import { withStyleNew } from '@instructure/emotion' -import { BaseButton } from '../../BaseButton/v2' +import { BaseButton } from '../../BaseButton/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { IconButtonProps } from './props' /** @@ -43,6 +43,7 @@ category: components // needed for listing the available theme variables on docs page @withStyleNew(null, 'BaseButton') class IconButton extends Component { + static displayName = 'IconButton' static readonly componentId = 'IconButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/ToggleButton/v1/index.tsx b/packages/ui-buttons/src/ToggleButton/v1/index.tsx index 29d2c2fa61..efb0f5c138 100644 --- a/packages/ui-buttons/src/ToggleButton/v1/index.tsx +++ b/packages/ui-buttons/src/ToggleButton/v1/index.tsx @@ -27,9 +27,9 @@ import { Component } from 'react' import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' import { Tooltip } from '@instructure/ui-tooltip/v11_6' -import { IconButton } from '../../IconButton/v1' +import { IconButton } from '../../IconButton/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ToggleButtonProps, ToggleButtonState } from './props' /** @@ -39,6 +39,7 @@ category: components **/ class ToggleButton extends Component { + static displayName = 'ToggleButton' static readonly componentId = 'ToggleButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/ToggleButton/v2/index.tsx b/packages/ui-buttons/src/ToggleButton/v2/index.tsx index 56908af73a..22bd7cde89 100644 --- a/packages/ui-buttons/src/ToggleButton/v2/index.tsx +++ b/packages/ui-buttons/src/ToggleButton/v2/index.tsx @@ -27,9 +27,9 @@ import { Component } from 'react' import { passthroughProps } from '@instructure/ui-react-utils' import { Tooltip } from '@instructure/ui-tooltip/latest' -import { IconButton } from '../../IconButton/v2' +import { IconButton } from '../../IconButton/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ToggleButtonProps, ToggleButtonState } from './props' /** @@ -39,6 +39,7 @@ category: components **/ class ToggleButton extends Component { + static displayName = 'ToggleButton' static readonly componentId = 'ToggleButton' static allowedProps = allowedProps diff --git a/packages/ui-buttons/src/exports/a.ts b/packages/ui-buttons/src/exports/a.ts index 6718735a9f..9f8820a656 100644 --- a/packages/ui-buttons/src/exports/a.ts +++ b/packages/ui-buttons/src/exports/a.ts @@ -22,12 +22,12 @@ * SOFTWARE. */ -export { BaseButton } from '../BaseButton/v1' -export { Button } from '../Button/v1' -export { CloseButton } from '../CloseButton/v1' -export { CondensedButton } from '../CondensedButton/v1' -export { IconButton } from '../IconButton/v1' -export { ToggleButton } from '../ToggleButton/v1' +export { BaseButton } from '../BaseButton/v1/index.js' +export { Button } from '../Button/v1/index.js' +export { CloseButton } from '../CloseButton/v1/index.js' +export { CondensedButton } from '../CondensedButton/v1/index.js' +export { IconButton } from '../IconButton/v1/index.js' +export { ToggleButton } from '../ToggleButton/v1/index.js' export type { BaseButtonProps, diff --git a/packages/ui-buttons/src/exports/b.ts b/packages/ui-buttons/src/exports/b.ts index e3cdc66de4..c0a24ad273 100644 --- a/packages/ui-buttons/src/exports/b.ts +++ b/packages/ui-buttons/src/exports/b.ts @@ -22,12 +22,12 @@ * SOFTWARE. */ -export { BaseButton } from '../BaseButton/v2' -export { Button } from '../Button/v2' -export { CloseButton } from '../CloseButton/v2' -export { CondensedButton } from '../CondensedButton/v2' -export { IconButton } from '../IconButton/v2' -export { ToggleButton } from '../ToggleButton/v2' +export { BaseButton } from '../BaseButton/v2/index.js' +export { Button } from '../Button/v2/index.js' +export { CloseButton } from '../CloseButton/v2/index.js' +export { CondensedButton } from '../CondensedButton/v2/index.js' +export { IconButton } from '../IconButton/v2/index.js' +export { ToggleButton } from '../ToggleButton/v2/index.js' export type { BaseButtonProps, diff --git a/packages/ui-byline/src/Byline/v1/index.tsx b/packages/ui-byline/src/Byline/v1/index.tsx index 1ad1eea185..340d6acb87 100644 --- a/packages/ui-byline/src/Byline/v1/index.tsx +++ b/packages/ui-byline/src/Byline/v1/index.tsx @@ -29,10 +29,10 @@ 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 { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BylineProps } from './props' /** @@ -43,6 +43,7 @@ category: components @withStyle(generateStyle, generateComponentTheme) class Byline extends Component { + static displayName = 'Byline' static readonly componentId = 'Byline' static allowedProps = allowedProps diff --git a/packages/ui-byline/src/Byline/v2/index.tsx b/packages/ui-byline/src/Byline/v2/index.tsx index 4cbc2ab2d0..752cea11b0 100644 --- a/packages/ui-byline/src/Byline/v2/index.tsx +++ b/packages/ui-byline/src/Byline/v2/index.tsx @@ -29,9 +29,9 @@ import { View } from '@instructure/ui-view/latest' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BylineProps } from './props' /** @@ -42,6 +42,7 @@ category: components @withStyleNew(generateStyle) class Byline extends Component { + static displayName = 'Byline' static readonly componentId = 'Byline' static allowedProps = allowedProps diff --git a/packages/ui-byline/src/exports/a.ts b/packages/ui-byline/src/exports/a.ts index dd843c46b1..d0bd309b95 100644 --- a/packages/ui-byline/src/exports/a.ts +++ b/packages/ui-byline/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Byline } from '../Byline/v1' +export { Byline } from '../Byline/v1/index.js' export type { BylineProps } from '../Byline/v1/props' diff --git a/packages/ui-byline/src/exports/b.ts b/packages/ui-byline/src/exports/b.ts index be7268665f..33fe30fece 100644 --- a/packages/ui-byline/src/exports/b.ts +++ b/packages/ui-byline/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Byline } from '../Byline/v2' +export { Byline } from '../Byline/v2/index.js' export type { BylineProps } from '../Byline/v2/props' diff --git a/packages/ui-calendar/src/Calendar/v1/Day/index.tsx b/packages/ui-calendar/src/Calendar/v1/Day/index.tsx index 2d66cebe70..68bf6fd360 100644 --- a/packages/ui-calendar/src/Calendar/v1/Day/index.tsx +++ b/packages/ui-calendar/src/Calendar/v1/Day/index.tsx @@ -35,10 +35,10 @@ import { import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CalendarDayProps, CalendarDayStyleProps } from './props' /** @@ -49,6 +49,7 @@ id: Calendar.Day **/ @withStyle(generateStyle, generateComponentTheme) class Day extends Component { + static displayName = 'Day' static readonly componentId = 'Calendar.Day' static allowedProps = allowedProps diff --git a/packages/ui-calendar/src/Calendar/v1/index.tsx b/packages/ui-calendar/src/Calendar/v1/index.tsx index e57c0f120d..6160397cf9 100644 --- a/packages/ui-calendar/src/Calendar/v1/index.tsx +++ b/packages/ui-calendar/src/Calendar/v1/index.tsx @@ -40,12 +40,12 @@ import { withStyle } from '@instructure/emotion' import { Locale, DateTime, ApplyLocaleContext } from '@instructure/ui-i18n' import type { Moment } from '@instructure/ui-i18n' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { Day } from './Day' +import { Day } from './Day/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CalendarProps, CalendarState } from './props' import { Renderable } from '@instructure/shared-types' @@ -65,6 +65,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Calendar extends Component { + static displayName = 'Calendar' static readonly componentId = 'Calendar' declare context: React.ContextType diff --git a/packages/ui-calendar/src/Calendar/v2/Day/index.tsx b/packages/ui-calendar/src/Calendar/v2/Day/index.tsx index 2823aea0e5..6d15b6ff05 100644 --- a/packages/ui-calendar/src/Calendar/v2/Day/index.tsx +++ b/packages/ui-calendar/src/Calendar/v2/Day/index.tsx @@ -35,9 +35,9 @@ import { import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CalendarDayProps, CalendarDayStyleProps } from './props' /** @@ -48,6 +48,7 @@ id: Calendar.Day **/ @withStyleNew(generateStyle) class Day extends Component { + static displayName = 'Day' static readonly componentId = 'Calendar.Day' static allowedProps = allowedProps diff --git a/packages/ui-calendar/src/Calendar/v2/index.tsx b/packages/ui-calendar/src/Calendar/v2/index.tsx index 498f755e93..fc91c58f54 100644 --- a/packages/ui-calendar/src/Calendar/v2/index.tsx +++ b/packages/ui-calendar/src/Calendar/v2/index.tsx @@ -40,11 +40,11 @@ import { withStyleNew } from '@instructure/emotion' import { Locale, DateTime, ApplyLocaleContext } from '@instructure/ui-i18n' import type { Moment } from '@instructure/ui-i18n' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { Day } from './Day' +import { Day } from './Day/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CalendarProps, CalendarState } from './props' import { Renderable } from '@instructure/shared-types' @@ -64,6 +64,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Calendar extends Component { + static displayName = 'Calendar' static readonly componentId = 'Calendar' declare context: React.ContextType diff --git a/packages/ui-calendar/src/exports/a.ts b/packages/ui-calendar/src/exports/a.ts index 0786b94368..63e72d4372 100644 --- a/packages/ui-calendar/src/exports/a.ts +++ b/packages/ui-calendar/src/exports/a.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Calendar } from '../Calendar/v1' -export { Day as CalendarDay } from '../Calendar/v1/Day' +export { Calendar } from '../Calendar/v1/index.js' +export { Day as CalendarDay } from '../Calendar/v1/Day/index.js' export type { CalendarProps } from '../Calendar/v1/props' export type { CalendarDayProps } from '../Calendar/v1/Day/props' diff --git a/packages/ui-calendar/src/exports/b.ts b/packages/ui-calendar/src/exports/b.ts index 0b74ca3654..422b32e7d2 100644 --- a/packages/ui-calendar/src/exports/b.ts +++ b/packages/ui-calendar/src/exports/b.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Calendar } from '../Calendar/v2' -export { Day as CalendarDay } from '../Calendar/v2/Day' +export { Calendar } from '../Calendar/v2/index.js' +export { Day as CalendarDay } from '../Calendar/v2/Day/index.js' export type { CalendarProps } from '../Calendar/v2/props' export type { CalendarDayProps } from '../Calendar/v2/Day/props' diff --git a/packages/ui-checkbox/src/Checkbox/v1/CheckboxFacade/index.tsx b/packages/ui-checkbox/src/Checkbox/v1/CheckboxFacade/index.tsx index 918e4cd78f..5be41ad8ad 100644 --- a/packages/ui-checkbox/src/Checkbox/v1/CheckboxFacade/index.tsx +++ b/packages/ui-checkbox/src/Checkbox/v1/CheckboxFacade/index.tsx @@ -29,10 +29,10 @@ import { IconCheckMarkSolid } from '@instructure/ui-icons' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CheckboxFacadeProps } from './props' /** @@ -42,6 +42,7 @@ parent: Checkbox **/ @withStyle(generateStyle, generateComponentTheme) class CheckboxFacade extends Component { + static displayName = 'CheckboxFacade' static readonly componentId = 'CheckboxFacade' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/Checkbox/v1/ToggleFacade/index.tsx b/packages/ui-checkbox/src/Checkbox/v1/ToggleFacade/index.tsx index 306ad51e2e..6318db6956 100644 --- a/packages/ui-checkbox/src/Checkbox/v1/ToggleFacade/index.tsx +++ b/packages/ui-checkbox/src/Checkbox/v1/ToggleFacade/index.tsx @@ -28,10 +28,10 @@ import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ToggleFacadeProps } from './props' /** @@ -41,6 +41,7 @@ parent: Checkbox **/ @withStyle(generateStyle, generateComponentTheme) class ToggleFacade extends Component { + static displayName = 'ToggleFacade' static readonly componentId = 'ToggleFacade' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/Checkbox/v1/index.tsx b/packages/ui-checkbox/src/Checkbox/v1/index.tsx index 23ab3a5916..7c0d17383c 100644 --- a/packages/ui-checkbox/src/Checkbox/v1/index.tsx +++ b/packages/ui-checkbox/src/Checkbox/v1/index.tsx @@ -34,13 +34,13 @@ import { View } from '@instructure/ui-view/v11_6' import { withStyle } from '@instructure/emotion' -import { CheckboxFacade } from './CheckboxFacade' -import { ToggleFacade } from './ToggleFacade' +import { CheckboxFacade } from './CheckboxFacade/index.js' +import { ToggleFacade } from './ToggleFacade/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CheckboxProps, CheckboxState } from './props' import type { @@ -58,6 +58,7 @@ tags: toggle, switch @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Checkbox extends Component { + static displayName = 'Checkbox' static readonly componentId = 'Checkbox' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/Checkbox/v2/CheckboxFacade/index.tsx b/packages/ui-checkbox/src/Checkbox/v2/CheckboxFacade/index.tsx index 467485eec6..6b66370018 100644 --- a/packages/ui-checkbox/src/Checkbox/v2/CheckboxFacade/index.tsx +++ b/packages/ui-checkbox/src/Checkbox/v2/CheckboxFacade/index.tsx @@ -32,9 +32,9 @@ import { import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CheckboxFacadeProps } from './props' /** @@ -44,6 +44,7 @@ parent: Checkbox **/ @withStyleNew(generateStyle, 'Checkbox') class CheckboxFacade extends Component { + static displayName = 'CheckboxFacade' static readonly componentId = 'CheckboxFacade' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/Checkbox/v2/ToggleFacade/index.tsx b/packages/ui-checkbox/src/Checkbox/v2/ToggleFacade/index.tsx index 36f643efc6..89a0e8ab46 100644 --- a/packages/ui-checkbox/src/Checkbox/v2/ToggleFacade/index.tsx +++ b/packages/ui-checkbox/src/Checkbox/v2/ToggleFacade/index.tsx @@ -32,9 +32,9 @@ import { import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ToggleFacadeProps } from './props' /** @@ -44,6 +44,7 @@ parent: Checkbox **/ @withStyleNew(generateStyle, 'Toggle') class ToggleFacade extends Component { + static displayName = 'ToggleFacade' static readonly componentId = 'ToggleFacade' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/Checkbox/v2/index.tsx b/packages/ui-checkbox/src/Checkbox/v2/index.tsx index fec64e8d52..13e395040b 100644 --- a/packages/ui-checkbox/src/Checkbox/v2/index.tsx +++ b/packages/ui-checkbox/src/Checkbox/v2/index.tsx @@ -34,12 +34,12 @@ import { View } from '@instructure/ui-view/latest' import { withStyleNew } from '@instructure/emotion' -import { CheckboxFacade } from './CheckboxFacade' -import { ToggleFacade } from './ToggleFacade' +import { CheckboxFacade } from './CheckboxFacade/index.js' +import { ToggleFacade } from './ToggleFacade/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CheckboxProps, CheckboxState } from './props' /** @@ -52,6 +52,7 @@ tags: toggle, switch @withDeterministicId() @withStyleNew(generateStyle) class Checkbox extends Component { + static displayName = 'Checkbox' static readonly componentId = 'Checkbox' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/CheckboxGroup/v1/index.tsx b/packages/ui-checkbox/src/CheckboxGroup/v1/index.tsx index 9425d1afda..e7eae14977 100644 --- a/packages/ui-checkbox/src/CheckboxGroup/v1/index.tsx +++ b/packages/ui-checkbox/src/CheckboxGroup/v1/index.tsx @@ -33,9 +33,9 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import { Checkbox } from '../../Checkbox/v1' +import { Checkbox } from '../../Checkbox/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CheckboxGroupProps, CheckboxGroupState, @@ -50,6 +50,7 @@ category: components @withDeterministicId() class CheckboxGroup extends Component { + static displayName = 'CheckboxGroup' static readonly componentId = 'CheckboxGroup' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/CheckboxGroup/v1/props.ts b/packages/ui-checkbox/src/CheckboxGroup/v1/props.ts index 7ce06351a9..e9cab8a168 100644 --- a/packages/ui-checkbox/src/CheckboxGroup/v1/props.ts +++ b/packages/ui-checkbox/src/CheckboxGroup/v1/props.ts @@ -27,7 +27,7 @@ import type { FormMessage } from '@instructure/ui-form-field/v11_6' import type { OtherHTMLAttributes } from '@instructure/shared-types' import type { WithDeterministicIdProps } from '@instructure/ui-react-utils' -import { Checkbox } from '../../Checkbox/v1' +import { Checkbox } from '../../Checkbox/v1/index.js' import type { CheckboxProps } from '../../Checkbox/v1/props' type CheckboxChild = React.ComponentElement diff --git a/packages/ui-checkbox/src/CheckboxGroup/v2/index.tsx b/packages/ui-checkbox/src/CheckboxGroup/v2/index.tsx index d947038438..85d2413f68 100644 --- a/packages/ui-checkbox/src/CheckboxGroup/v2/index.tsx +++ b/packages/ui-checkbox/src/CheckboxGroup/v2/index.tsx @@ -33,9 +33,9 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import { Checkbox } from '../../Checkbox/v2' +import { Checkbox } from '../../Checkbox/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { CheckboxGroupProps, CheckboxGroupState, @@ -50,6 +50,7 @@ category: components @withDeterministicId() class CheckboxGroup extends Component { + static displayName = 'CheckboxGroup' static readonly componentId = 'CheckboxGroup' static allowedProps = allowedProps diff --git a/packages/ui-checkbox/src/CheckboxGroup/v2/props.ts b/packages/ui-checkbox/src/CheckboxGroup/v2/props.ts index f59913ba60..9503d77fb9 100644 --- a/packages/ui-checkbox/src/CheckboxGroup/v2/props.ts +++ b/packages/ui-checkbox/src/CheckboxGroup/v2/props.ts @@ -27,7 +27,7 @@ import type { FormMessage } from '@instructure/ui-form-field/latest' import type { OtherHTMLAttributes } from '@instructure/shared-types' import type { WithDeterministicIdProps } from '@instructure/ui-react-utils' -import { Checkbox } from '../../Checkbox/v2' +import { Checkbox } from '../../Checkbox/v2/index.js' import type { CheckboxProps } from '../../Checkbox/v2/props' type CheckboxChild = React.ComponentElement diff --git a/packages/ui-checkbox/src/exports/a.ts b/packages/ui-checkbox/src/exports/a.ts index 544bf8b15b..664b16c091 100644 --- a/packages/ui-checkbox/src/exports/a.ts +++ b/packages/ui-checkbox/src/exports/a.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v1' -export { CheckboxGroup } from '../CheckboxGroup/v1' +export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v1/index.js' +export { CheckboxGroup } from '../CheckboxGroup/v1/index.js' export type { CheckboxProps } from '../Checkbox/v1/props' export type { CheckboxFacadeProps } from '../Checkbox/v1/CheckboxFacade/props' diff --git a/packages/ui-checkbox/src/exports/b.ts b/packages/ui-checkbox/src/exports/b.ts index 4af3744564..4b8ec431d5 100644 --- a/packages/ui-checkbox/src/exports/b.ts +++ b/packages/ui-checkbox/src/exports/b.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v2' -export { CheckboxGroup } from '../CheckboxGroup/v2' +export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v2/index.js' +export { CheckboxGroup } from '../CheckboxGroup/v2/index.js' export type { CheckboxProps } from '../Checkbox/v2/props' export type { CheckboxFacadeProps } from '../Checkbox/v2/CheckboxFacade/props' diff --git a/packages/ui-color-picker/src/ColorContrast/v1/index.tsx b/packages/ui-color-picker/src/ColorContrast/v1/index.tsx index 522643a81c..0ed122afd6 100644 --- a/packages/ui-color-picker/src/ColorContrast/v1/index.tsx +++ b/packages/ui-color-picker/src/ColorContrast/v1/index.tsx @@ -36,13 +36,13 @@ import { Text } from '@instructure/ui-text/v11_6' import { Heading } from '@instructure/ui-heading/v11_6' import { Pill } from '@instructure/ui-pill/v11_6' -import ColorIndicator from '../../ColorIndicator/v1' +import ColorIndicator from '../../ColorIndicator/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ColorContrastProps, ColorContrastState } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- @@ -51,6 +51,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ColorContrast extends Component { + static displayName = 'ColorContrast' static allowedProps = allowedProps static readonly componentId = 'ColorContrast' diff --git a/packages/ui-color-picker/src/ColorContrast/v2/index.tsx b/packages/ui-color-picker/src/ColorContrast/v2/index.tsx index c8b4e36e86..fefd7f1a25 100644 --- a/packages/ui-color-picker/src/ColorContrast/v2/index.tsx +++ b/packages/ui-color-picker/src/ColorContrast/v2/index.tsx @@ -36,12 +36,12 @@ import { Text } from '@instructure/ui-text/latest' import { Heading } from '@instructure/ui-heading/latest' import { Pill } from '@instructure/ui-pill/latest' -import ColorIndicator from '../../ColorIndicator/v2' +import ColorIndicator from '../../ColorIndicator/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ColorContrastProps, ColorContrastState } from './props' -import generateStyle from './styles' +import generateStyle from './styles.js' /** --- @@ -50,6 +50,7 @@ category: components **/ @withStyleNew(generateStyle) class ColorContrast extends Component { + static displayName = 'ColorContrast' static allowedProps = allowedProps static readonly componentId = 'ColorContrast' diff --git a/packages/ui-color-picker/src/ColorIndicator/v1/index.tsx b/packages/ui-color-picker/src/ColorIndicator/v1/index.tsx index 1398d7c1c0..0f4bc7b876 100644 --- a/packages/ui-color-picker/src/ColorIndicator/v1/index.tsx +++ b/packages/ui-color-picker/src/ColorIndicator/v1/index.tsx @@ -27,11 +27,11 @@ import { Component } from 'react' import { omitProps } from '@instructure/ui-react-utils' 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 { ColorIndicatorProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -40,6 +40,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ColorIndicator extends Component { + static displayName = 'ColorIndicator' static allowedProps = allowedProps static readonly componentId = 'ColorIndicator' diff --git a/packages/ui-color-picker/src/ColorIndicator/v2/index.tsx b/packages/ui-color-picker/src/ColorIndicator/v2/index.tsx index 47d7cd51bb..0cd0477143 100644 --- a/packages/ui-color-picker/src/ColorIndicator/v2/index.tsx +++ b/packages/ui-color-picker/src/ColorIndicator/v2/index.tsx @@ -27,10 +27,10 @@ import { Component } from 'react' import { omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { ColorIndicatorProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -39,6 +39,7 @@ category: components **/ @withStyleNew(generateStyle) class ColorIndicator extends Component { + static displayName = 'ColorIndicator' static allowedProps = allowedProps static readonly componentId = 'ColorIndicator' diff --git a/packages/ui-color-picker/src/ColorMixer/v1/ColorPalette/index.tsx b/packages/ui-color-picker/src/ColorMixer/v1/ColorPalette/index.tsx index c0c16d02a0..b86808c477 100644 --- a/packages/ui-color-picker/src/ColorMixer/v1/ColorPalette/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v1/ColorPalette/index.tsx @@ -33,13 +33,13 @@ import type { ViewOwnProps } from '@instructure/ui-view/v11_6' import { px } from '@instructure/ui-utils' import { withDeterministicId } from '@instructure/ui-react-utils' -import shallowCompare from '../utils/shallowCompare' +import shallowCompare from '../utils/shallowCompare.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ColorPaletteProps, ColorPaletteState } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- @@ -49,6 +49,7 @@ private: true @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class ColorPalette extends Component { + static displayName = 'ColorPalette' static allowedProps = allowedProps static readonly componentId = 'ColorMixer.Palette' diff --git a/packages/ui-color-picker/src/ColorMixer/v1/RGBAInput/index.tsx b/packages/ui-color-picker/src/ColorMixer/v1/RGBAInput/index.tsx index 1b748c0835..17a860a05a 100644 --- a/packages/ui-color-picker/src/ColorMixer/v1/RGBAInput/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v1/RGBAInput/index.tsx @@ -25,16 +25,16 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' -import shallowCompare from '../utils/shallowCompare' +import shallowCompare from '../utils/shallowCompare.js' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { TextInput } from '@instructure/ui-text-input/v11_6' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { RGBAInputProps, RGBAInputState } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- @@ -43,6 +43,7 @@ private: true **/ @withStyle(generateStyle, generateComponentTheme) class RGBAInput extends Component { + static displayName = 'RGBAInput' static allowedProps = allowedProps static readonly componentId = 'ColorMixer.RGBAInput' diff --git a/packages/ui-color-picker/src/ColorMixer/v1/Slider/index.tsx b/packages/ui-color-picker/src/ColorMixer/v1/Slider/index.tsx index 8bdbac813f..65ae36b228 100644 --- a/packages/ui-color-picker/src/ColorMixer/v1/Slider/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v1/Slider/index.tsx @@ -30,11 +30,11 @@ import { withStyle } from '@instructure/emotion' import { View } from '@instructure/ui-view/v11_6' import type { ViewOwnProps } from '@instructure/ui-view/v11_6' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { SliderProps, SliderStyleProps } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- @@ -43,6 +43,7 @@ private: true **/ @withStyle(generateStyle, generateComponentTheme) class Slider extends Component { + static displayName = 'Slider' static allowedProps = allowedProps static readonly componentId = 'ColorMixer.Slider' diff --git a/packages/ui-color-picker/src/ColorMixer/v1/index.tsx b/packages/ui-color-picker/src/ColorMixer/v1/index.tsx index b7319d9bdf..94e3f503b0 100644 --- a/packages/ui-color-picker/src/ColorMixer/v1/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v1/index.tsx @@ -30,13 +30,13 @@ import { isValid } from '@instructure/ui-color-utils' import conversions from '@instructure/ui-color-utils' import { logWarn as warn } from '@instructure/console' import type { HSVType } from '@instructure/ui-color-utils' -import ColorPalette from './ColorPalette' -import Slider from './Slider' -import RGBAInput from './RGBAInput' +import ColorPalette from './ColorPalette/index.js' +import Slider from './Slider/index.js' +import RGBAInput from './RGBAInput/index.js' import type { ColorMixerProps, ColorMixerState } from './props' -import { allowedProps } from './props' -import generateStyle from './styles' +import { allowedProps } from './props.js' +import generateStyle from './styles.js' /** --- @@ -45,6 +45,7 @@ category: components **/ @withStyle(generateStyle, null) class ColorMixer extends Component { + static displayName = 'ColorMixer' static allowedProps = allowedProps static readonly componentId = 'ColorMixer' diff --git a/packages/ui-color-picker/src/ColorMixer/v2/ColorPalette/index.tsx b/packages/ui-color-picker/src/ColorMixer/v2/ColorPalette/index.tsx index 3d3135e9e7..7aa0387678 100644 --- a/packages/ui-color-picker/src/ColorMixer/v2/ColorPalette/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v2/ColorPalette/index.tsx @@ -33,12 +33,12 @@ import type { ViewOwnProps } from '@instructure/ui-view/latest' import { px } from '@instructure/ui-utils' import { withDeterministicId } from '@instructure/ui-react-utils' -import shallowCompare from '../utils/shallowCompare' +import shallowCompare from '../utils/shallowCompare.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ColorPaletteProps, ColorPaletteState } from './props' -import generateStyle from './styles' +import generateStyle from './styles.js' /** --- @@ -48,6 +48,7 @@ private: true @withDeterministicId() @withStyleNew(generateStyle, 'Palette') class ColorPalette extends Component { + static displayName = 'ColorPalette' static allowedProps = allowedProps static readonly componentId = 'ColorMixer.Palette' diff --git a/packages/ui-color-picker/src/ColorMixer/v2/RGBAInput/index.tsx b/packages/ui-color-picker/src/ColorMixer/v2/RGBAInput/index.tsx index d59220dec1..f1d636d6fd 100644 --- a/packages/ui-color-picker/src/ColorMixer/v2/RGBAInput/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v2/RGBAInput/index.tsx @@ -25,15 +25,15 @@ import { Component } from 'react' import { withStyleNew } from '@instructure/emotion' -import shallowCompare from '../utils/shallowCompare' +import shallowCompare from '../utils/shallowCompare.js' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { TextInput } from '@instructure/ui-text-input/latest' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { RGBAInputProps, RGBAInputState } from './props' -import generateStyle from './styles' +import generateStyle from './styles.js' /** --- @@ -42,6 +42,7 @@ private: true **/ @withStyleNew(generateStyle, 'RgbaInput') class RGBAInput extends Component { + static displayName = 'RGBAInput' static allowedProps = allowedProps static readonly componentId = 'ColorMixer.RGBAInput' diff --git a/packages/ui-color-picker/src/ColorMixer/v2/Slider/index.tsx b/packages/ui-color-picker/src/ColorMixer/v2/Slider/index.tsx index 1984b62804..808291d999 100644 --- a/packages/ui-color-picker/src/ColorMixer/v2/Slider/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v2/Slider/index.tsx @@ -30,10 +30,10 @@ import { withStyleNew } from '@instructure/emotion' import { View } from '@instructure/ui-view/latest' import type { ViewOwnProps } from '@instructure/ui-view/latest' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { SliderProps, SliderStyleProps } from './props' -import generateStyle from './styles' +import generateStyle from './styles.js' /** --- @@ -42,6 +42,7 @@ private: true **/ @withStyleNew(generateStyle, 'Slider') class Slider extends Component { + static displayName = 'Slider' static allowedProps = allowedProps static readonly componentId = 'ColorMixer.Slider' diff --git a/packages/ui-color-picker/src/ColorMixer/v2/index.tsx b/packages/ui-color-picker/src/ColorMixer/v2/index.tsx index 81fbe96782..038942c85b 100644 --- a/packages/ui-color-picker/src/ColorMixer/v2/index.tsx +++ b/packages/ui-color-picker/src/ColorMixer/v2/index.tsx @@ -30,13 +30,13 @@ import { isValid } from '@instructure/ui-color-utils' import conversions from '@instructure/ui-color-utils' import { logWarn as warn } from '@instructure/console' import type { HSVType } from '@instructure/ui-color-utils' -import ColorPalette from './ColorPalette' -import Slider from './Slider' -import RGBAInput from './RGBAInput' +import ColorPalette from './ColorPalette/index.js' +import Slider from './Slider/index.js' +import RGBAInput from './RGBAInput/index.js' import type { ColorMixerProps, ColorMixerState } from './props' -import { allowedProps } from './props' -import generateStyle from './styles' +import { allowedProps } from './props.js' +import generateStyle from './styles.js' /** --- @@ -45,6 +45,7 @@ category: components **/ @withStyleNew(generateStyle) class ColorMixer extends Component { + static displayName = 'ColorMixer' static allowedProps = allowedProps static readonly componentId = 'ColorMixer' diff --git a/packages/ui-color-picker/src/ColorPicker/__tests__/ColorPicker.test.tsx b/packages/ui-color-picker/src/ColorPicker/__tests__/ColorPicker.test.tsx index ecff86e215..edde8350d9 100644 --- a/packages/ui-color-picker/src/ColorPicker/__tests__/ColorPicker.test.tsx +++ b/packages/ui-color-picker/src/ColorPicker/__tests__/ColorPicker.test.tsx @@ -30,7 +30,7 @@ import '@testing-library/jest-dom' import { runAxeCheck } from '@instructure/ui-axe-check' import conversions from '@instructure/ui-color-utils' -import { ContrastStrength } from '../v2/props' +import { ContrastStrength } from '../v2/props.js' import { ColorPicker } from '@instructure/ui-color-picker/latest' import type { ColorPickerProps } from '@instructure/ui-color-picker/latest' diff --git a/packages/ui-color-picker/src/ColorPicker/v1/index.tsx b/packages/ui-color-picker/src/ColorPicker/v1/index.tsx index b2e86ae573..d83235ea3d 100644 --- a/packages/ui-color-picker/src/ColorPicker/v1/index.tsx +++ b/packages/ui-color-picker/src/ColorPicker/v1/index.tsx @@ -41,15 +41,15 @@ import { } from '@instructure/ui-icons' import type { FormMessage } from '@instructure/ui-form-field/v11_6' -import ColorIndicator from '../../ColorIndicator/v1' -import ColorMixer from '../../ColorMixer/v1' -import ColorContrast from '../../ColorContrast/v1' -import ColorPreset from '../../ColorPreset/v1' +import ColorIndicator from '../../ColorIndicator/v1/index.js' +import ColorMixer from '../../ColorMixer/v1/index.js' +import ColorContrast from '../../ColorContrast/v1/index.js' +import ColorPreset from '../../ColorPreset/v1/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ColorPickerProps, ColorPickerState, @@ -89,6 +89,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ColorPicker extends Component { + static displayName = 'ColorPicker' static allowedProps = allowedProps static readonly componentId = 'ColorPicker' diff --git a/packages/ui-color-picker/src/ColorPicker/v2/index.tsx b/packages/ui-color-picker/src/ColorPicker/v2/index.tsx index d4f9834b33..1c1fded9e4 100644 --- a/packages/ui-color-picker/src/ColorPicker/v2/index.tsx +++ b/packages/ui-color-picker/src/ColorPicker/v2/index.tsx @@ -41,14 +41,14 @@ import { } from '@instructure/ui-icons' import type { FormMessage } from '@instructure/ui-form-field/latest' -import ColorIndicator from '../../ColorIndicator/v2' -import ColorMixer from '../../ColorMixer/v2' -import ColorContrast from '../../ColorContrast/v2' -import ColorPreset from '../../ColorPreset/v2' +import ColorIndicator from '../../ColorIndicator/v2/index.js' +import ColorMixer from '../../ColorMixer/v2/index.js' +import ColorContrast from '../../ColorContrast/v2/index.js' +import ColorPreset from '../../ColorPreset/v2/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ColorPickerProps, ColorPickerState, @@ -88,6 +88,7 @@ category: components **/ @withStyleNew(generateStyle) class ColorPicker extends Component { + static displayName = 'ColorPicker' static allowedProps = allowedProps static readonly componentId = 'ColorPicker' diff --git a/packages/ui-color-picker/src/ColorPreset/v1/index.tsx b/packages/ui-color-picker/src/ColorPreset/v1/index.tsx index 249ed11b2f..f8c493a96d 100644 --- a/packages/ui-color-picker/src/ColorPreset/v1/index.tsx +++ b/packages/ui-color-picker/src/ColorPreset/v1/index.tsx @@ -37,15 +37,15 @@ import { Drilldown } from '@instructure/ui-drilldown/v11_6' import type { DrilldownProps } from '@instructure/ui-drilldown/v11_6' import { IconAddLine, IconCheckDarkSolid } from '@instructure/ui-icons' -import { ColorIndicator } from '../../ColorIndicator/v1' -import { ColorMixer } from '../../ColorMixer/v1' -import { ColorContrast } from '../../ColorContrast/v1' +import { ColorIndicator } from '../../ColorIndicator/v1/index.js' +import { ColorMixer } from '../../ColorMixer/v1/index.js' +import { ColorContrast } from '../../ColorContrast/v1/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { ColorPresetProps, ColorPresetState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -54,6 +54,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ColorPreset extends Component { + static displayName = 'ColorPreset' static allowedProps = allowedProps static readonly componentId = 'ColorPreset' diff --git a/packages/ui-color-picker/src/ColorPreset/v2/index.tsx b/packages/ui-color-picker/src/ColorPreset/v2/index.tsx index 0462bcc7a4..4fe97d670b 100644 --- a/packages/ui-color-picker/src/ColorPreset/v2/index.tsx +++ b/packages/ui-color-picker/src/ColorPreset/v2/index.tsx @@ -37,14 +37,14 @@ import { Drilldown } from '@instructure/ui-drilldown/latest' import type { DrilldownProps } from '@instructure/ui-drilldown/latest' import { PlusInstUIIcon, CheckInstUIIcon } from '@instructure/ui-icons' -import { ColorIndicator } from '../../ColorIndicator/v2' -import { ColorMixer } from '../../ColorMixer/v2' -import { ColorContrast } from '../../ColorContrast/v2' +import { ColorIndicator } from '../../ColorIndicator/v2/index.js' +import { ColorMixer } from '../../ColorMixer/v2/index.js' +import { ColorContrast } from '../../ColorContrast/v2/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { ColorPresetProps, ColorPresetState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -53,6 +53,7 @@ category: components **/ @withStyleNew(generateStyle) class ColorPreset extends Component { + static displayName = 'ColorPreset' static allowedProps = allowedProps static readonly componentId = 'ColorPreset' diff --git a/packages/ui-color-picker/src/exports/a.ts b/packages/ui-color-picker/src/exports/a.ts index 26833ea45c..63c351f7df 100644 --- a/packages/ui-color-picker/src/exports/a.ts +++ b/packages/ui-color-picker/src/exports/a.ts @@ -21,11 +21,11 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { ColorPicker } from '../ColorPicker/v1' -export { ColorMixer } from '../ColorMixer/v1' -export { ColorPreset } from '../ColorPreset/v1' -export { ColorContrast } from '../ColorContrast/v1' -export { ColorIndicator } from '../ColorIndicator/v1' +export { ColorPicker } from '../ColorPicker/v1/index.js' +export { ColorMixer } from '../ColorMixer/v1/index.js' +export { ColorPreset } from '../ColorPreset/v1/index.js' +export { ColorContrast } from '../ColorContrast/v1/index.js' +export { ColorIndicator } from '../ColorIndicator/v1/index.js' export type { ColorPickerProps } from '../ColorPicker/v1/props' export type { ColorMixerProps } from '../ColorMixer/v1/props' diff --git a/packages/ui-color-picker/src/exports/b.ts b/packages/ui-color-picker/src/exports/b.ts index e4a7411699..ef2ad5a563 100644 --- a/packages/ui-color-picker/src/exports/b.ts +++ b/packages/ui-color-picker/src/exports/b.ts @@ -21,11 +21,11 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { ColorPicker } from '../ColorPicker/v2' -export { ColorMixer } from '../ColorMixer/v2' -export { ColorPreset } from '../ColorPreset/v2' -export { ColorContrast } from '../ColorContrast/v2' -export { ColorIndicator } from '../ColorIndicator/v2' +export { ColorPicker } from '../ColorPicker/v2/index.js' +export { ColorMixer } from '../ColorMixer/v2/index.js' +export { ColorPreset } from '../ColorPreset/v2/index.js' +export { ColorContrast } from '../ColorContrast/v2/index.js' +export { ColorIndicator } from '../ColorIndicator/v2/index.js' export type { ColorPickerProps } from '../ColorPicker/v2/props' export type { ColorMixerProps } from '../ColorMixer/v2/props' diff --git a/packages/ui-color-utils/src/contrastWithAlpha.ts b/packages/ui-color-utils/src/contrastWithAlpha.ts index 46a134f152..0b099cace8 100644 --- a/packages/ui-color-utils/src/contrastWithAlpha.ts +++ b/packages/ui-color-utils/src/contrastWithAlpha.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { colorToRGB, colorToHex8 } from './conversions' -import { overlayColors } from './overlayColors' -import { contrast } from './contrast' +import { colorToRGB, colorToHex8 } from './conversions.js' +import { overlayColors } from './overlayColors.js' +import { contrast } from './contrast.js' /** * --- diff --git a/packages/ui-color-utils/src/index.ts b/packages/ui-color-utils/src/index.ts index ff418f4b94..8e15af4eb9 100644 --- a/packages/ui-color-utils/src/index.ts +++ b/packages/ui-color-utils/src/index.ts @@ -22,21 +22,21 @@ * SOFTWARE. */ -export { alpha } from './alpha' -export { darken } from './darken' -export { lighten } from './lighten' -export { contrast } from './contrast' -export { isValid } from './isValid' -export { overlayColors } from './overlayColors' -export { contrastWithAlpha } from './contrastWithAlpha' -export { validateContrast } from './validateContrast' +export { alpha } from './alpha.js' +export { darken } from './darken.js' +export { lighten } from './lighten.js' +export { contrast } from './contrast.js' +export { isValid } from './isValid.js' +export { overlayColors } from './overlayColors.js' +export { contrastWithAlpha } from './contrastWithAlpha.js' +export { validateContrast } from './validateContrast.js' export { color2hex, colorToHex8, colorToHsva, colorToHsla, colorToRGB -} from './conversions' +} from './conversions.js' import { color2hex, @@ -44,7 +44,7 @@ import { colorToHsva, colorToHsla, colorToRGB -} from './conversions' +} from './conversions.js' // TODO remove when we get rid of babel-plugin-transform-imports // This default export is needed because babel-plugin-transform-imports will diff --git a/packages/ui-date-input/src/DateInput/v1/index.tsx b/packages/ui-date-input/src/DateInput/v1/index.tsx index 50452bb817..08e71fb7dd 100644 --- a/packages/ui-date-input/src/DateInput/v1/index.tsx +++ b/packages/ui-date-input/src/DateInput/v1/index.tsx @@ -50,9 +50,9 @@ import { DateTime, ApplyLocaleContext, Locale } from '@instructure/ui-i18n' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DateInputProps, DateInputState } from './props' import type { FormMessage } from '@instructure/ui-form-field/v11_6' @@ -63,6 +63,7 @@ category: components **/ @withStyle(generateStyle, null) class DateInput extends Component { + static displayName = 'DateInput' static readonly componentId = 'DateInput' static Day = Calendar.Day declare context: React.ContextType diff --git a/packages/ui-date-input/src/exports/a.ts b/packages/ui-date-input/src/exports/a.ts index b77df05b21..72c7925228 100644 --- a/packages/ui-date-input/src/exports/a.ts +++ b/packages/ui-date-input/src/exports/a.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { DateInput } from '../DateInput/v1' -export { DateInput2 } from '../DateInput2/v1' +export { DateInput } from '../DateInput/v1/index.js' +export { DateInput2 } from '../DateInput2/v1/index.js' export type { DateInputProps } from '../DateInput/v1/props' export type { DateInput2Props } from '../DateInput2/v1/props' diff --git a/packages/ui-date-input/src/exports/b.ts b/packages/ui-date-input/src/exports/b.ts index 83b7a9ecf1..b2a59fd16f 100644 --- a/packages/ui-date-input/src/exports/b.ts +++ b/packages/ui-date-input/src/exports/b.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { DateInput } from '../DateInput/v2' -export { DateInput2 } from '../DateInput2/v1' +export { DateInput } from '../DateInput/v2/index.js' +export { DateInput2 } from '../DateInput2/v1/index.js' export type { DateInputProps } from '../DateInput/v2/props' export type { DateInput2Props } from '../DateInput2/v1/props' diff --git a/packages/ui-date-time-input/src/DateTimeInput/v1/index.tsx b/packages/ui-date-time-input/src/DateTimeInput/v1/index.tsx index b0dfb987a3..261fc56005 100644 --- a/packages/ui-date-time-input/src/DateTimeInput/v1/index.tsx +++ b/packages/ui-date-time-input/src/DateTimeInput/v1/index.tsx @@ -38,7 +38,7 @@ import { IconArrowOpenStartSolid } from '@instructure/ui-icons' import type { DateTimeInputProps, DateTimeInputState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { error } from '@instructure/console' /** @@ -48,6 +48,7 @@ category: components **/ class DateTimeInput extends Component { // extra verbose localized date and time + static displayName = 'DateTimeInput' private static readonly DEFAULT_MESSAGE_FORMAT = 'LLLL' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-date-time-input/src/DateTimeInput/v2/index.tsx b/packages/ui-date-time-input/src/DateTimeInput/v2/index.tsx index 3792bae542..99657701a6 100644 --- a/packages/ui-date-time-input/src/DateTimeInput/v2/index.tsx +++ b/packages/ui-date-time-input/src/DateTimeInput/v2/index.tsx @@ -31,7 +31,7 @@ import type { FormMessage } from '@instructure/ui-form-field/latest' import { DateInput } from '@instructure/ui-date-input/latest' import { TimeSelect } from '@instructure/ui-time-select/latest' import type { DateTimeInputProps, DateTimeInputState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { error } from '@instructure/console' /** @@ -41,6 +41,7 @@ category: components **/ class DateTimeInput extends Component { // extra verbose localized date and time + static displayName = 'DateTimeInput' private static readonly DEFAULT_MESSAGE_FORMAT = 'LLLL' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-date-time-input/src/exports/a.ts b/packages/ui-date-time-input/src/exports/a.ts index 16ff2825a2..31d89fac66 100644 --- a/packages/ui-date-time-input/src/exports/a.ts +++ b/packages/ui-date-time-input/src/exports/a.ts @@ -22,4 +22,4 @@ * SOFTWARE. */ -export { DateTimeInput } from '../DateTimeInput/v1' +export { DateTimeInput } from '../DateTimeInput/v1/index.js' diff --git a/packages/ui-date-time-input/src/exports/b.ts b/packages/ui-date-time-input/src/exports/b.ts index c647c17cd0..c33cefb702 100644 --- a/packages/ui-date-time-input/src/exports/b.ts +++ b/packages/ui-date-time-input/src/exports/b.ts @@ -22,4 +22,4 @@ * SOFTWARE. */ -export { DateTimeInput } from '../DateTimeInput/v2' +export { DateTimeInput } from '../DateTimeInput/v2/index.js' diff --git a/packages/ui-decorator/src/index.ts b/packages/ui-decorator/src/index.ts index 3a9503e240..151fa14dfb 100644 --- a/packages/ui-decorator/src/index.ts +++ b/packages/ui-decorator/src/index.ts @@ -21,6 +21,6 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { decorator } from './decorator' +import { decorator } from './decorator.js' export default decorator export { decorator } diff --git a/packages/ui-dialog/src/Dialog/__tests__/Dialog.test.tsx b/packages/ui-dialog/src/Dialog/__tests__/Dialog.test.tsx index 30094eea88..a65455116b 100644 --- a/packages/ui-dialog/src/Dialog/__tests__/Dialog.test.tsx +++ b/packages/ui-dialog/src/Dialog/__tests__/Dialog.test.tsx @@ -34,7 +34,7 @@ import { vi } from 'vitest' import { userEvent } from '@testing-library/user-event' import '@testing-library/jest-dom' -import { Dialog } from '../index' +import { Dialog } from '../index.js' import type { DialogProps } from '../props' const TEST_TEXT = 'test-text' diff --git a/packages/ui-dialog/src/Dialog/index.tsx b/packages/ui-dialog/src/Dialog/index.tsx index 8fdc15db9f..8af036bf1b 100644 --- a/packages/ui-dialog/src/Dialog/index.tsx +++ b/packages/ui-dialog/src/Dialog/index.tsx @@ -30,7 +30,7 @@ import { logError as error } from '@instructure/console' import { FocusRegion, FocusRegionManager } from '@instructure/ui-a11y-utils' import type { RequestAnimationFrameType } from '@instructure/ui-dom-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DialogProps } from './props' /** @@ -40,6 +40,7 @@ category: components/utilities @module Dialog **/ class Dialog extends Component { + static displayName = 'Dialog' static readonly componentId = 'Dialog' static allowedProps = allowedProps diff --git a/packages/ui-dialog/src/index.ts b/packages/ui-dialog/src/index.ts index dde81bd327..f68bded737 100644 --- a/packages/ui-dialog/src/index.ts +++ b/packages/ui-dialog/src/index.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Dialog } from './Dialog' +export { Dialog } from './Dialog/index.js' export type { DialogProps } from './Dialog/props' diff --git a/packages/ui-dom-utils/src/InputModeListener.ts b/packages/ui-dom-utils/src/InputModeListener.ts index 7254c3e8db..abc2f32686 100644 --- a/packages/ui-dom-utils/src/InputModeListener.ts +++ b/packages/ui-dom-utils/src/InputModeListener.ts @@ -23,8 +23,8 @@ */ import { logWarn as warn } from '@instructure/console' -import { addEventListener } from './addEventListener' -import { canUseDOM } from './canUseDOM' +import { addEventListener } from './addEventListener.js' +import { canUseDOM } from './canUseDOM.js' import type { MouseEvent, PointerEvent, TouchEvent } from 'react' diff --git a/packages/ui-dom-utils/src/__tests__/addEventListener.test.tsx b/packages/ui-dom-utils/src/__tests__/addEventListener.test.tsx index 7f595f262f..dc720285b3 100644 --- a/packages/ui-dom-utils/src/__tests__/addEventListener.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/addEventListener.test.tsx @@ -25,7 +25,7 @@ import { fireEvent, render } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { addEventListener } from '../addEventListener' +import { addEventListener } from '../addEventListener.js' describe('addEventListener', () => { it('should add an event listener and provide a remove method', () => { diff --git a/packages/ui-dom-utils/src/__tests__/addInputModeListener.test.tsx b/packages/ui-dom-utils/src/__tests__/addInputModeListener.test.tsx index cfa8c439b2..d9a936304c 100644 --- a/packages/ui-dom-utils/src/__tests__/addInputModeListener.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/addInputModeListener.test.tsx @@ -25,7 +25,7 @@ import { render, fireEvent, screen } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { addInputModeListener } from '../addInputModeListener' +import { addInputModeListener } from '../addInputModeListener.js' describe('addInputModeListener', () => { it('should handle input mode changes', () => { diff --git a/packages/ui-dom-utils/src/__tests__/addPositionChangeListener.test.tsx b/packages/ui-dom-utils/src/__tests__/addPositionChangeListener.test.tsx index e1229b2fa6..38d5494fa3 100644 --- a/packages/ui-dom-utils/src/__tests__/addPositionChangeListener.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/addPositionChangeListener.test.tsx @@ -25,7 +25,7 @@ import { render, waitFor } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { addPositionChangeListener } from '../addPositionChangeListener' +import { addPositionChangeListener } from '../addPositionChangeListener.js' const mockRect = { top: 0, diff --git a/packages/ui-dom-utils/src/__tests__/findTabbable.test.tsx b/packages/ui-dom-utils/src/__tests__/findTabbable.test.tsx index 09c71795c4..e069cf049b 100644 --- a/packages/ui-dom-utils/src/__tests__/findTabbable.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/findTabbable.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { findTabbable } from '../findTabbable' +import { findTabbable } from '../findTabbable.js' describe('findTabbable', () => { describe('tabbable content', () => { diff --git a/packages/ui-dom-utils/src/__tests__/getCSSStyleDeclaration.test.tsx b/packages/ui-dom-utils/src/__tests__/getCSSStyleDeclaration.test.tsx index d6c7de5cd8..9f1f7241ed 100644 --- a/packages/ui-dom-utils/src/__tests__/getCSSStyleDeclaration.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/getCSSStyleDeclaration.test.tsx @@ -24,7 +24,7 @@ import '@testing-library/jest-dom' import { vi } from 'vitest' -import { getCSSStyleDeclaration } from '../getCSSStyleDeclaration' +import { getCSSStyleDeclaration } from '../getCSSStyleDeclaration.js' describe('getCSSStyleDeclaration', () => { it('returns a CSSStyleDeclaration for a valid element with correct CSS values', () => { diff --git a/packages/ui-dom-utils/src/__tests__/getClassList.test.tsx b/packages/ui-dom-utils/src/__tests__/getClassList.test.tsx index f437241b12..4327a8e9ce 100644 --- a/packages/ui-dom-utils/src/__tests__/getClassList.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/getClassList.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { getClassList } from '../getClassList' +import { getClassList } from '../getClassList.js' describe('getClassList', () => { it('should provide classlist methods', () => { diff --git a/packages/ui-dom-utils/src/__tests__/getFontSize.test.tsx b/packages/ui-dom-utils/src/__tests__/getFontSize.test.tsx index 83ebd13d87..eaa28dee30 100644 --- a/packages/ui-dom-utils/src/__tests__/getFontSize.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/getFontSize.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { getFontSize } from '../getFontSize' +import { getFontSize } from '../getFontSize.js' describe('getFontSize', () => { it('should return font size as a number', () => { diff --git a/packages/ui-dom-utils/src/__tests__/getOffsetParents.test.tsx b/packages/ui-dom-utils/src/__tests__/getOffsetParents.test.tsx index ca4e069ec1..3dfbd04996 100644 --- a/packages/ui-dom-utils/src/__tests__/getOffsetParents.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/getOffsetParents.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { getScrollParents } from '../getScrollParents' +import { getScrollParents } from '../getScrollParents.js' describe('getScrollParents', () => { const node = ( diff --git a/packages/ui-dom-utils/src/__tests__/getScrollParents.test.tsx b/packages/ui-dom-utils/src/__tests__/getScrollParents.test.tsx index 8de27edba6..5e4c692e54 100644 --- a/packages/ui-dom-utils/src/__tests__/getScrollParents.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/getScrollParents.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { getOffsetParents } from '../getOffsetParents' +import { getOffsetParents } from '../getOffsetParents.js' describe('getOffsetParents', () => { // At rendering, we receive the node_wrapper and the body as extra offsetParents diff --git a/packages/ui-dom-utils/src/__tests__/isCustomElement.test.tsx b/packages/ui-dom-utils/src/__tests__/isCustomElement.test.tsx index 255f55e3a1..f705ad90c7 100644 --- a/packages/ui-dom-utils/src/__tests__/isCustomElement.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/isCustomElement.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { isDefinedCustomElement } from '../isDefinedCustomElement' +import { isDefinedCustomElement } from '../isDefinedCustomElement.js' class TestElement extends HTMLElement {} diff --git a/packages/ui-dom-utils/src/__tests__/isVisible.test.tsx b/packages/ui-dom-utils/src/__tests__/isVisible.test.tsx index 6b754df3dc..e145d891b7 100644 --- a/packages/ui-dom-utils/src/__tests__/isVisible.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/isVisible.test.tsx @@ -24,7 +24,7 @@ import { render, screen } from '@testing-library/react' import '@testing-library/jest-dom' -import { isVisible } from '../isVisible' +import { isVisible } from '../isVisible.js' describe('isVisible', () => { it('should recognize visible elements', () => { diff --git a/packages/ui-dom-utils/src/__tests__/requestAnimationFrame.test.tsx b/packages/ui-dom-utils/src/__tests__/requestAnimationFrame.test.tsx index d6462b1073..4217172fcb 100644 --- a/packages/ui-dom-utils/src/__tests__/requestAnimationFrame.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/requestAnimationFrame.test.tsx @@ -24,7 +24,7 @@ import { waitFor } from '@testing-library/react' import { vi } from 'vitest' -import { requestAnimationFrame } from '../requestAnimationFrame' +import { requestAnimationFrame } from '../requestAnimationFrame.js' describe('requestAnimationFrame', () => { it('should provide a cancel method', async () => { diff --git a/packages/ui-dom-utils/src/__tests__/transformSelection.test.tsx b/packages/ui-dom-utils/src/__tests__/transformSelection.test.tsx index da4d7bba99..3424db7160 100644 --- a/packages/ui-dom-utils/src/__tests__/transformSelection.test.tsx +++ b/packages/ui-dom-utils/src/__tests__/transformSelection.test.tsx @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { transformSelection, transformCursor } from '../transformSelection' +import { transformSelection, transformCursor } from '../transformSelection.js' describe('transformSelection', () => { it('should work with transformCursor', () => { diff --git a/packages/ui-dom-utils/src/addEventListener.ts b/packages/ui-dom-utils/src/addEventListener.ts index 17e296dc81..9a1c852cde 100644 --- a/packages/ui-dom-utils/src/addEventListener.ts +++ b/packages/ui-dom-utils/src/addEventListener.ts @@ -24,7 +24,7 @@ import React from 'react' -import { findDOMNode } from './findDOMNode' +import { findDOMNode } from './findDOMNode.js' type ReactEvent = (event: T) => void diff --git a/packages/ui-dom-utils/src/addInputModeListener.ts b/packages/ui-dom-utils/src/addInputModeListener.ts index 291c3f1519..cce00aa25b 100644 --- a/packages/ui-dom-utils/src/addInputModeListener.ts +++ b/packages/ui-dom-utils/src/addInputModeListener.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { addEventListener } from './addEventListener' -import { canUseDOM } from './canUseDOM' +import { addEventListener } from './addEventListener.js' +import { canUseDOM } from './canUseDOM.js' import type { MouseEvent, PointerEvent, TouchEvent } from 'react' diff --git a/packages/ui-dom-utils/src/addPositionChangeListener.ts b/packages/ui-dom-utils/src/addPositionChangeListener.ts index 6a9f2b53be..accde8db08 100644 --- a/packages/ui-dom-utils/src/addPositionChangeListener.ts +++ b/packages/ui-dom-utils/src/addPositionChangeListener.ts @@ -22,12 +22,12 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { getBoundingClientRect } from './getBoundingClientRect' +import { findDOMNode } from './findDOMNode.js' +import { getBoundingClientRect } from './getBoundingClientRect.js' import { requestAnimationFrame, RequestAnimationFrameType -} from './requestAnimationFrame' +} from './requestAnimationFrame.js' import { UIElement } from '@instructure/shared-types' type PositionChangeListenerType = { remove: () => void } diff --git a/packages/ui-dom-utils/src/contains.ts b/packages/ui-dom-utils/src/contains.ts index 609d5d5a7d..7d322a1c44 100644 --- a/packages/ui-dom-utils/src/contains.ts +++ b/packages/ui-dom-utils/src/contains.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { canUseDOM } from './canUseDOM' +import { findDOMNode } from './findDOMNode.js' +import { canUseDOM } from './canUseDOM.js' import { UIElement } from '@instructure/shared-types' function containsWithDOM(context: UIElement, el: UIElement) { diff --git a/packages/ui-dom-utils/src/containsActiveElement.ts b/packages/ui-dom-utils/src/containsActiveElement.ts index 9dc5f0227b..6cc8aa07b5 100644 --- a/packages/ui-dom-utils/src/containsActiveElement.ts +++ b/packages/ui-dom-utils/src/containsActiveElement.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { contains } from './contains' -import { getActiveElement } from './getActiveElement' +import { findDOMNode } from './findDOMNode.js' +import { contains } from './contains.js' +import { getActiveElement } from './getActiveElement.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/findFocusable.ts b/packages/ui-dom-utils/src/findFocusable.ts index f7cb02f81e..1307dd0160 100644 --- a/packages/ui-dom-utils/src/findFocusable.ts +++ b/packages/ui-dom-utils/src/findFocusable.ts @@ -37,7 +37,7 @@ // or even better use the native component. // tabbable has issues with scrollable containers, e.g. // https://github.com/focus-trap/tabbable/issues/167 -import { getCSSStyleDeclaration, findDOMNode } from './' +import { getCSSStyleDeclaration, findDOMNode } from './index.js' import type { UIElement } from '@instructure/shared-types' const focusableSelector = [ diff --git a/packages/ui-dom-utils/src/findTabbable.ts b/packages/ui-dom-utils/src/findTabbable.ts index 449b68d7b5..3facbb1770 100644 --- a/packages/ui-dom-utils/src/findTabbable.ts +++ b/packages/ui-dom-utils/src/findTabbable.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { findFocusable } from './findFocusable' +import { findFocusable } from './findFocusable.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/getActiveElement.ts b/packages/ui-dom-utils/src/getActiveElement.ts index 936ad87984..90be414e5a 100644 --- a/packages/ui-dom-utils/src/getActiveElement.ts +++ b/packages/ui-dom-utils/src/getActiveElement.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { isDefinedCustomElement } from './isDefinedCustomElement' +import { isDefinedCustomElement } from './isDefinedCustomElement.js' /** * --- diff --git a/packages/ui-dom-utils/src/getBoundingClientRect.ts b/packages/ui-dom-utils/src/getBoundingClientRect.ts index bd3158af7b..a3d7e6e4e8 100644 --- a/packages/ui-dom-utils/src/getBoundingClientRect.ts +++ b/packages/ui-dom-utils/src/getBoundingClientRect.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { canUseDOM } from './canUseDOM' -import { contains } from './contains' -import { ownerDocument } from './ownerDocument' +import { findDOMNode } from './findDOMNode.js' +import { canUseDOM } from './canUseDOM.js' +import { contains } from './contains.js' +import { ownerDocument } from './ownerDocument.js' import { UIElement } from '@instructure/shared-types' type RectType = { diff --git a/packages/ui-dom-utils/src/getCSSStyleDeclaration.ts b/packages/ui-dom-utils/src/getCSSStyleDeclaration.ts index d909a60a21..3285f58706 100644 --- a/packages/ui-dom-utils/src/getCSSStyleDeclaration.ts +++ b/packages/ui-dom-utils/src/getCSSStyleDeclaration.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { ownerWindow } from './ownerWindow' -import { canUseDOM } from './canUseDOM' +import { findDOMNode } from './findDOMNode.js' +import { ownerWindow } from './ownerWindow.js' +import { canUseDOM } from './canUseDOM.js' import type { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/getClassList.ts b/packages/ui-dom-utils/src/getClassList.ts index 7dbdda6fff..c5046aaf13 100644 --- a/packages/ui-dom-utils/src/getClassList.ts +++ b/packages/ui-dom-utils/src/getClassList.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' +import { findDOMNode } from './findDOMNode.js' import { UIElement } from '@instructure/shared-types' type ClassListApi = { diff --git a/packages/ui-dom-utils/src/getFontSize.ts b/packages/ui-dom-utils/src/getFontSize.ts index e3cff0a41f..c587d5464d 100644 --- a/packages/ui-dom-utils/src/getFontSize.ts +++ b/packages/ui-dom-utils/src/getFontSize.ts @@ -21,9 +21,9 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { canUseDOM } from './canUseDOM' -import { ownerDocument } from './ownerDocument' -import { getCSSStyleDeclaration } from './getCSSStyleDeclaration' +import { canUseDOM } from './canUseDOM.js' +import { ownerDocument } from './ownerDocument.js' +import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js' import React from 'react' const COMPUTED_CACHE: WeakMap = new WeakMap() diff --git a/packages/ui-dom-utils/src/getOffsetParents.ts b/packages/ui-dom-utils/src/getOffsetParents.ts index 6f6f408ec2..4743a672ae 100644 --- a/packages/ui-dom-utils/src/getOffsetParents.ts +++ b/packages/ui-dom-utils/src/getOffsetParents.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { canUseDOM } from './canUseDOM' -import { getCSSStyleDeclaration } from './getCSSStyleDeclaration' -import { ownerDocument } from './ownerDocument' +import { findDOMNode } from './findDOMNode.js' +import { canUseDOM } from './canUseDOM.js' +import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js' +import { ownerDocument } from './ownerDocument.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/getScrollParents.ts b/packages/ui-dom-utils/src/getScrollParents.ts index b0cf2976a3..cbdf2f0af7 100644 --- a/packages/ui-dom-utils/src/getScrollParents.ts +++ b/packages/ui-dom-utils/src/getScrollParents.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { canUseDOM } from './canUseDOM' -import { getCSSStyleDeclaration } from './getCSSStyleDeclaration' +import { findDOMNode } from './findDOMNode.js' +import { canUseDOM } from './canUseDOM.js' +import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/handleMouseOverOut.ts b/packages/ui-dom-utils/src/handleMouseOverOut.ts index b9c9e18bdb..383fba0757 100644 --- a/packages/ui-dom-utils/src/handleMouseOverOut.ts +++ b/packages/ui-dom-utils/src/handleMouseOverOut.ts @@ -23,7 +23,7 @@ */ import React from 'react' -import { contains } from './contains' +import { contains } from './contains.js' /** * --- diff --git a/packages/ui-dom-utils/src/index.ts b/packages/ui-dom-utils/src/index.ts index d199d07dd9..e52d4862ae 100644 --- a/packages/ui-dom-utils/src/index.ts +++ b/packages/ui-dom-utils/src/index.ts @@ -23,30 +23,30 @@ */ /* list utils in alphabetical order */ -export { addEventListener } from './addEventListener' -export { addInputModeListener } from './addInputModeListener' -export { addPositionChangeListener } from './addPositionChangeListener' +export { addEventListener } from './addEventListener.js' +export { addInputModeListener } from './addInputModeListener.js' +export { addPositionChangeListener } from './addPositionChangeListener.js' export type { PositionChangeListenerType } from './addPositionChangeListener' -export { canUseDOM } from './canUseDOM' -export { contains } from './contains' -export { containsActiveElement } from './containsActiveElement' -export { findDOMNode } from './findDOMNode' -export { findFocusable } from './findFocusable' -export { findTabbable } from './findTabbable' -export { getActiveElement } from './getActiveElement' -export { getBoundingClientRect } from './getBoundingClientRect' +export { canUseDOM } from './canUseDOM.js' +export { contains } from './contains.js' +export { containsActiveElement } from './containsActiveElement.js' +export { findDOMNode } from './findDOMNode.js' +export { findFocusable } from './findFocusable.js' +export { findTabbable } from './findTabbable.js' +export { getActiveElement } from './getActiveElement.js' +export { getBoundingClientRect } from './getBoundingClientRect.js' export type { RectType } from './getBoundingClientRect' -export { getClassList } from './getClassList' -export { getCSSStyleDeclaration } from './getCSSStyleDeclaration' -export { getFontSize } from './getFontSize' -export { getOffsetParents } from './getOffsetParents' -export { getScrollParents } from './getScrollParents' -export { handleMouseOverOut } from './handleMouseOverOut' -export { isActiveElement } from './isActiveElement' -export { isVisible } from './isVisible' -export { ownerDocument } from './ownerDocument' -export { ownerWindow } from './ownerWindow' -export { requestAnimationFrame } from './requestAnimationFrame' +export { getClassList } from './getClassList.js' +export { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js' +export { getFontSize } from './getFontSize.js' +export { getOffsetParents } from './getOffsetParents.js' +export { getScrollParents } from './getScrollParents.js' +export { handleMouseOverOut } from './handleMouseOverOut.js' +export { isActiveElement } from './isActiveElement.js' +export { isVisible } from './isVisible.js' +export { ownerDocument } from './ownerDocument.js' +export { ownerWindow } from './ownerWindow.js' +export { requestAnimationFrame } from './requestAnimationFrame.js' export type { RequestAnimationFrameType } from './requestAnimationFrame' -export { transformSelection } from './transformSelection' -export { matchMedia } from './matchMedia' +export { transformSelection } from './transformSelection.js' +export { matchMedia } from './matchMedia.js' diff --git a/packages/ui-dom-utils/src/isActiveElement.ts b/packages/ui-dom-utils/src/isActiveElement.ts index 30a2aa47f2..2862c4d376 100644 --- a/packages/ui-dom-utils/src/isActiveElement.ts +++ b/packages/ui-dom-utils/src/isActiveElement.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { getActiveElement } from './getActiveElement' +import { findDOMNode } from './findDOMNode.js' +import { getActiveElement } from './getActiveElement.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/isVisible.ts b/packages/ui-dom-utils/src/isVisible.ts index 6f472cc30b..6c5d55fa0f 100644 --- a/packages/ui-dom-utils/src/isVisible.ts +++ b/packages/ui-dom-utils/src/isVisible.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { getCSSStyleDeclaration } from './getCSSStyleDeclaration' +import { findDOMNode } from './findDOMNode.js' +import { getCSSStyleDeclaration } from './getCSSStyleDeclaration.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/matchMedia.ts b/packages/ui-dom-utils/src/matchMedia.ts index c4cb11fade..6cf1983dff 100644 --- a/packages/ui-dom-utils/src/matchMedia.ts +++ b/packages/ui-dom-utils/src/matchMedia.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { canUseDOM } from './canUseDOM' -import { findDOMNode } from './findDOMNode' -import { ownerWindow } from './ownerWindow' +import { canUseDOM } from './canUseDOM.js' +import { findDOMNode } from './findDOMNode.js' +import { ownerWindow } from './ownerWindow.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/ownerDocument.ts b/packages/ui-dom-utils/src/ownerDocument.ts index 6263f48fa1..c2023cfd93 100644 --- a/packages/ui-dom-utils/src/ownerDocument.ts +++ b/packages/ui-dom-utils/src/ownerDocument.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' +import { findDOMNode } from './findDOMNode.js' import { UIElement } from '@instructure/shared-types' -import canUseDOM from './canUseDOM' +import canUseDOM from './canUseDOM.js' /** * --- diff --git a/packages/ui-dom-utils/src/ownerWindow.ts b/packages/ui-dom-utils/src/ownerWindow.ts index 77c253976e..d24e69aeff 100644 --- a/packages/ui-dom-utils/src/ownerWindow.ts +++ b/packages/ui-dom-utils/src/ownerWindow.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { findDOMNode } from './findDOMNode' -import { ownerDocument } from './ownerDocument' +import { findDOMNode } from './findDOMNode.js' +import { ownerDocument } from './ownerDocument.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-dom-utils/src/requestAnimationFrame.ts b/packages/ui-dom-utils/src/requestAnimationFrame.ts index e22cca0c3b..e56694d0f6 100644 --- a/packages/ui-dom-utils/src/requestAnimationFrame.ts +++ b/packages/ui-dom-utils/src/requestAnimationFrame.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { canUseDOM } from './canUseDOM' +import { canUseDOM } from './canUseDOM.js' type RequestAnimationFrameType = { cancel: () => void } diff --git a/packages/ui-drawer-layout/src/DrawerLayout/__tests__/DrawerLayout.test.tsx b/packages/ui-drawer-layout/src/DrawerLayout/__tests__/DrawerLayout.test.tsx index 3ef63bcd88..4fbdbc1f08 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/__tests__/DrawerLayout.test.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/__tests__/DrawerLayout.test.tsx @@ -24,7 +24,7 @@ import { render, screen, waitFor, fireEvent, act } from '@testing-library/react' import { vi } from 'vitest' -import DrawerLayoutFixture from '../v2/__fixtures__/DrawerLayout.fixture' +import DrawerLayoutFixture from '../v2/__fixtures__/DrawerLayout.fixture.js' import { Button } from '@instructure/ui-buttons/latest' import { DrawerLayout } from '@instructure/ui-drawer-layout/latest' import { View } from '@instructure/ui-view/latest' diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerContent/index.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerContent/index.tsx index 6badfbc224..97851625ff 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerContent/index.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerContent/index.tsx @@ -30,10 +30,10 @@ import { getBoundingClientRect } from '@instructure/ui-dom-utils' import { omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrawerLayoutContentProps, DrawerLayoutContentStyleProps @@ -47,6 +47,7 @@ id: DrawerLayout.Content **/ @withStyle(generateStyle, generateComponentTheme) class DrawerContent extends Component { + static displayName = 'DrawerContent' static readonly componentId = 'DrawerLayout.Content' static locatorAttribute = 'data-drawer-content' diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerTray/index.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerTray/index.tsx index 1bf6f79ed5..9d8063dd68 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerTray/index.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v1/DrawerTray/index.tsx @@ -35,11 +35,11 @@ import { Portal } from '@instructure/ui-portal' import type { PortalNode } from '@instructure/ui-portal' import { mirrorHorizontalPlacement } from '@instructure/ui-position' -import generateStyle from './styles' -import generateComponentTheme from './theme' -import { DrawerLayoutContext } from '../index' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' +import { DrawerLayoutContext } from '../index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrawerLayoutTrayProps, DrawerLayoutTrayState, @@ -59,6 +59,7 @@ class DrawerTray extends Component< DrawerLayoutTrayProps, DrawerLayoutTrayState > { + static displayName = 'DrawerTray' static readonly componentId = 'DrawerLayout.Tray' as const static locatorAttribute = 'data-drawer-tray' diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v1/__fixtures__/DrawerLayout.fixture.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v1/__fixtures__/DrawerLayout.fixture.tsx index 93eee9b759..6b738740d7 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v1/__fixtures__/DrawerLayout.fixture.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v1/__fixtures__/DrawerLayout.fixture.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' -import { DrawerLayout } from '../index' +import { DrawerLayout } from '../index.js' import type { DrawerLayoutProps } from '../props' import type { DrawerLayoutTrayProps } from '../DrawerTray/props' @@ -37,6 +37,7 @@ type DrawerLayoutFixtureProps = { } export default class DrawerLayoutFixture extends Component { + static displayName = 'DrawerLayoutFixture' static defaultProps = { layoutWidth: '600px', trayWidth: '200px', diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v1/index.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v1/index.tsx index bb99454f28..848f6dbdd2 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v1/index.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v1/index.tsx @@ -37,18 +37,18 @@ import { logError as error } from '@instructure/console' import { mirrorHorizontalPlacement } from '@instructure/ui-position' import type { PlacementPropValues } from '@instructure/ui-position' -import { DrawerContent } from './DrawerContent' +import { DrawerContent } from './DrawerContent/index.js' import type { DrawerLayoutContentProps, DrawerContentSize } from './DrawerContent/props' -import { DrawerTray } from './DrawerTray' +import { DrawerTray } from './DrawerTray/index.js' import type { DrawerLayoutTrayProps } from './DrawerTray/props' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrawerLayoutProps, DrawerLayoutState } from './props' type TrayChild = ComponentElement< @@ -70,6 +70,7 @@ category: components @withStyle(generateStyle, null) @textDirectionContextConsumer() class DrawerLayout extends Component { + static displayName = 'DrawerLayout' static readonly componentId = 'DrawerLayout' static locatorAttribute = 'data-drawer-layout' diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerContent/index.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerContent/index.tsx index afa0e62af7..1769ab97ba 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerContent/index.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerContent/index.tsx @@ -30,9 +30,9 @@ import { getBoundingClientRect } from '@instructure/ui-dom-utils' import { omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrawerLayoutContentProps, DrawerLayoutContentStyleProps @@ -46,6 +46,7 @@ id: DrawerLayout.Content **/ @withStyleNew(generateStyle) class DrawerContent extends Component { + static displayName = 'DrawerContent' static readonly componentId = 'DrawerLayout.Content' static locatorAttribute = 'data-drawer-content' diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerTray/index.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerTray/index.tsx index 40889c1b7f..250fb0a592 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerTray/index.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerTray/index.tsx @@ -35,10 +35,10 @@ import { Portal } from '@instructure/ui-portal' import type { PortalNode } from '@instructure/ui-portal' import { mirrorHorizontalPlacement } from '@instructure/ui-position' -import generateStyle from './styles' -import { DrawerLayoutContext } from '../index' +import generateStyle from './styles.js' +import { DrawerLayoutContext } from '../index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrawerLayoutTrayProps, DrawerLayoutTrayState, @@ -58,6 +58,7 @@ class DrawerTray extends Component< DrawerLayoutTrayProps, DrawerLayoutTrayState > { + static displayName = 'DrawerTray' static readonly componentId = 'DrawerLayout.Tray' as const static locatorAttribute = 'data-drawer-tray' diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v2/__fixtures__/DrawerLayout.fixture.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v2/__fixtures__/DrawerLayout.fixture.tsx index 93eee9b759..6b738740d7 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v2/__fixtures__/DrawerLayout.fixture.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v2/__fixtures__/DrawerLayout.fixture.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' -import { DrawerLayout } from '../index' +import { DrawerLayout } from '../index.js' import type { DrawerLayoutProps } from '../props' import type { DrawerLayoutTrayProps } from '../DrawerTray/props' @@ -37,6 +37,7 @@ type DrawerLayoutFixtureProps = { } export default class DrawerLayoutFixture extends Component { + static displayName = 'DrawerLayoutFixture' static defaultProps = { layoutWidth: '600px', trayWidth: '200px', diff --git a/packages/ui-drawer-layout/src/DrawerLayout/v2/index.tsx b/packages/ui-drawer-layout/src/DrawerLayout/v2/index.tsx index 6b89d2e006..5088fadc99 100644 --- a/packages/ui-drawer-layout/src/DrawerLayout/v2/index.tsx +++ b/packages/ui-drawer-layout/src/DrawerLayout/v2/index.tsx @@ -37,18 +37,18 @@ import { logError as error } from '@instructure/console' import { mirrorHorizontalPlacement } from '@instructure/ui-position' import type { PlacementPropValues } from '@instructure/ui-position' -import { DrawerContent } from './DrawerContent' +import { DrawerContent } from './DrawerContent/index.js' import type { DrawerLayoutContentProps, DrawerContentSize } from './DrawerContent/props' -import { DrawerTray } from './DrawerTray' +import { DrawerTray } from './DrawerTray/index.js' import type { DrawerLayoutTrayProps } from './DrawerTray/props' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrawerLayoutProps, DrawerLayoutState } from './props' type TrayChild = ComponentElement< @@ -70,6 +70,7 @@ category: components @withStyleNew(generateStyle) @textDirectionContextConsumer() class DrawerLayout extends Component { + static displayName = 'DrawerLayout' static readonly componentId = 'DrawerLayout' static locatorAttribute = 'data-drawer-layout' diff --git a/packages/ui-drawer-layout/src/exports/a.ts b/packages/ui-drawer-layout/src/exports/a.ts index 47f8b5cb07..180224b543 100644 --- a/packages/ui-drawer-layout/src/exports/a.ts +++ b/packages/ui-drawer-layout/src/exports/a.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { DrawerLayout, DrawerContent, DrawerTray } from '../DrawerLayout/v1' +export { DrawerLayout, DrawerContent, DrawerTray } from '../DrawerLayout/v1/index.js' export type { DrawerLayoutProps } from '../DrawerLayout/v1/props' export type { DrawerLayoutContentProps } from '../DrawerLayout/v1/DrawerContent/props' diff --git a/packages/ui-drawer-layout/src/exports/b.ts b/packages/ui-drawer-layout/src/exports/b.ts index f5f663bd1d..301df7dbc1 100644 --- a/packages/ui-drawer-layout/src/exports/b.ts +++ b/packages/ui-drawer-layout/src/exports/b.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { DrawerLayout, DrawerContent, DrawerTray } from '../DrawerLayout/v2' +export { DrawerLayout, DrawerContent, DrawerTray } from '../DrawerLayout/v2/index.js' export type { DrawerLayoutProps } from '../DrawerLayout/v2/props' export type { DrawerLayoutContentProps } from '../DrawerLayout/v2/DrawerContent/props' diff --git a/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/index.tsx b/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/index.tsx index 76e16cf9c8..e5bf64cdf4 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/index.tsx @@ -27,7 +27,7 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' import { optionsThemeGenerator } from '@instructure/ui-options' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownGroupProps } from './props' import { isMac, isFirefox } from '@instructure/ui-utils' @@ -42,6 +42,7 @@ id: Drilldown.Group // we pass the themeOverrides to Options @withStyle(null, optionsThemeGenerator) class DrilldownGroup extends Component { + static displayName = 'DrilldownGroup' static readonly componentId = 'Drilldown.Group' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/props.ts b/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/props.ts index 61f33fbf0d..7a2d627dd1 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/props.ts +++ b/packages/ui-drilldown/src/Drilldown/v1/DrilldownGroup/props.ts @@ -31,7 +31,7 @@ import type { } from '@instructure/shared-types' import type { WithStyleProps } from '@instructure/emotion' -import Drilldown from '../index' +import Drilldown from '../index.js' import type { DrilldownOptionValue } from '../DrilldownOption/props' import type { OptionChild, SeparatorChild } from '../props' diff --git a/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/index.tsx b/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/index.tsx index 9d179b13fa..26ecd98a72 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/index.tsx @@ -27,7 +27,7 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' import { optionsItemThemeGenerator } from '@instructure/ui-options' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownOptionProps } from './props' /** @@ -41,6 +41,7 @@ id: Drilldown.Option // we pass the themeOverrides to Options.Item @withStyle(null, optionsItemThemeGenerator) class DrilldownOption extends Component { + static displayName = 'DrilldownOption' static readonly componentId = 'Drilldown.Option' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/props.ts b/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/props.ts index 0df542f0a8..78e35fd2e5 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/props.ts +++ b/packages/ui-drilldown/src/Drilldown/v1/DrilldownOption/props.ts @@ -34,7 +34,7 @@ import type { OptionsItemProps } from '@instructure/ui-options/v11_6' -import Drilldown from '../index' +import Drilldown from '../index.js' import { Renderable } from '@instructure/shared-types' type DrilldownOptionValue = string | number | undefined diff --git a/packages/ui-drilldown/src/Drilldown/v1/DrilldownPage/index.tsx b/packages/ui-drilldown/src/Drilldown/v1/DrilldownPage/index.tsx index 3ce83dd0bd..4ce94f1c30 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/DrilldownPage/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v1/DrilldownPage/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownPageProps } from './props' /** @@ -35,6 +35,7 @@ id: Drilldown.Page @module DrilldownPage **/ class DrilldownPage extends Component { + static displayName = 'DrilldownPage' static readonly componentId = 'Drilldown.Page' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v1/DrilldownSeparator/index.tsx b/packages/ui-drilldown/src/Drilldown/v1/DrilldownSeparator/index.tsx index d4f22dc0d6..fc1b32d1b7 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/DrilldownSeparator/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v1/DrilldownSeparator/index.tsx @@ -27,7 +27,7 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' import { optionsSeparatorThemeGenerator } from '@instructure/ui-options' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownSeparatorProps } from './props' /** @@ -41,6 +41,7 @@ id: Drilldown.Separator // we pass the themeOverrides to Options.Separator @withStyle(null, optionsSeparatorThemeGenerator) class DrilldownSeparator extends Component { + static displayName = 'DrilldownSeparator' static readonly componentId = 'Drilldown.Separator' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v1/index.tsx b/packages/ui-drilldown/src/Drilldown/v1/index.tsx index b851f46bb9..8e3f45b0bf 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v1/index.tsx @@ -53,18 +53,18 @@ import { import { withStyle } from '@instructure/emotion' -import { DrilldownSeparator } from './DrilldownSeparator' -import { DrilldownOption } from './DrilldownOption' +import { DrilldownSeparator } from './DrilldownSeparator/index.js' +import { DrilldownOption } from './DrilldownOption/index.js' import type { DrilldownOptionValue } from './DrilldownOption/props' -import { DrilldownGroup } from './DrilldownGroup' +import { DrilldownGroup } from './DrilldownGroup/index.js' import type { DrilldownGroupProps, GroupChildren } from './DrilldownGroup/props' -import { DrilldownPage } from './DrilldownPage' +import { DrilldownPage } from './DrilldownPage/index.js' import type { DrilldownPageProps, PageChildren } from './DrilldownPage/props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps, SelectedGroupOptionsMap } from './props' +import { allowedProps, SelectedGroupOptionsMap } from './props.js' import type { DrilldownProps, @@ -103,6 +103,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Drilldown extends Component { + static displayName = 'Drilldown' static readonly componentId = 'Drilldown' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v1/props.ts b/packages/ui-drilldown/src/Drilldown/v1/props.ts index d3aecc4ba0..c43db6b422 100644 --- a/packages/ui-drilldown/src/Drilldown/v1/props.ts +++ b/packages/ui-drilldown/src/Drilldown/v1/props.ts @@ -38,19 +38,19 @@ import type { AsElementType } from '@instructure/shared-types' -import { DrilldownPage } from './DrilldownPage' +import { DrilldownPage } from './DrilldownPage/index.js' import type { DrilldownPageProps } from './DrilldownPage/props' -import { DrilldownGroup } from './DrilldownGroup' +import { DrilldownGroup } from './DrilldownGroup/index.js' import type { DrilldownGroupProps } from './DrilldownGroup/props' -import { DrilldownOption } from './DrilldownOption' +import { DrilldownOption } from './DrilldownOption/index.js' import type { DrilldownOptionProps, DrilldownOptionValue } from './DrilldownOption/props' -import { DrilldownSeparator } from './DrilldownSeparator' +import { DrilldownSeparator } from './DrilldownSeparator/index.js' import type { DrilldownSeparatorProps } from './DrilldownSeparator/props' -import { Drilldown } from './index' +import { Drilldown } from './index.js' type PageChild = React.ComponentElement type GroupChild = React.ComponentElement diff --git a/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/index.tsx b/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/index.tsx index 2360cb0f4a..a4fe6bebf0 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/index.tsx @@ -26,7 +26,7 @@ import { Component } from 'react' import { withStyleNew } from '@instructure/emotion' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownGroupProps } from './props' import { isMac, isFirefox } from '@instructure/ui-utils' @@ -42,6 +42,7 @@ themeId: Options // we pass the themeOverrides to Options @withStyleNew(null) class DrilldownGroup extends Component { + static displayName = 'DrilldownGroup' static readonly componentId = 'Drilldown.Group' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/props.ts b/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/props.ts index 02fc6721ac..53c86dc3dd 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/props.ts +++ b/packages/ui-drilldown/src/Drilldown/v2/DrilldownGroup/props.ts @@ -30,7 +30,7 @@ import type { } from '@instructure/shared-types' import type { WithStyleProps } from '@instructure/emotion' -import Drilldown from '../index' +import Drilldown from '../index.js' import type { DrilldownOptionValue } from '../DrilldownOption/props' import type { OptionChild, SeparatorChild } from '../props' import type { NewComponentTypes } from '@instructure/ui-themes' diff --git a/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/index.tsx b/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/index.tsx index 693d166aeb..543169d10f 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/index.tsx @@ -26,7 +26,7 @@ import { Component } from 'react' import { withStyleNew } from '@instructure/emotion' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownOptionProps } from './props' /** @@ -41,6 +41,7 @@ themeId: OptionsItem // we pass the themeOverrides to Options.Item @withStyleNew(null) class DrilldownOption extends Component { + static displayName = 'DrilldownOption' static readonly componentId = 'Drilldown.Option' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/props.ts b/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/props.ts index e803a18c52..6010ec8428 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/props.ts +++ b/packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/props.ts @@ -33,7 +33,7 @@ import type { OptionsItemProps } from '@instructure/ui-options' -import Drilldown from '../index' +import Drilldown from '../index.js' import { Renderable } from '@instructure/shared-types' import type { NewComponentTypes } from '@instructure/ui-themes' diff --git a/packages/ui-drilldown/src/Drilldown/v2/DrilldownPage/index.tsx b/packages/ui-drilldown/src/Drilldown/v2/DrilldownPage/index.tsx index 3ce83dd0bd..4ce94f1c30 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/DrilldownPage/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v2/DrilldownPage/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownPageProps } from './props' /** @@ -35,6 +35,7 @@ id: Drilldown.Page @module DrilldownPage **/ class DrilldownPage extends Component { + static displayName = 'DrilldownPage' static readonly componentId = 'Drilldown.Page' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v2/DrilldownSeparator/index.tsx b/packages/ui-drilldown/src/Drilldown/v2/DrilldownSeparator/index.tsx index e9979c650d..7526b05342 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/DrilldownSeparator/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v2/DrilldownSeparator/index.tsx @@ -26,7 +26,7 @@ import { Component } from 'react' import { withStyleNew } from '@instructure/emotion' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { DrilldownSeparatorProps } from './props' /** @@ -41,6 +41,7 @@ themeId: OptionsSeparator // we pass the themeOverrides to Options.Separator @withStyleNew(null) class DrilldownSeparator extends Component { + static displayName = 'DrilldownSeparator' static readonly componentId = 'Drilldown.Separator' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v2/index.tsx b/packages/ui-drilldown/src/Drilldown/v2/index.tsx index 9b8f14bf02..cd3eeeb4ba 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/index.tsx +++ b/packages/ui-drilldown/src/Drilldown/v2/index.tsx @@ -53,17 +53,17 @@ import { import { withStyleNew } from '@instructure/emotion' -import { DrilldownSeparator } from './DrilldownSeparator' -import { DrilldownOption } from './DrilldownOption' +import { DrilldownSeparator } from './DrilldownSeparator/index.js' +import { DrilldownOption } from './DrilldownOption/index.js' import type { DrilldownOptionValue } from './DrilldownOption/props' -import { DrilldownGroup } from './DrilldownGroup' +import { DrilldownGroup } from './DrilldownGroup/index.js' import type { DrilldownGroupProps, GroupChildren } from './DrilldownGroup/props' -import { DrilldownPage } from './DrilldownPage' +import { DrilldownPage } from './DrilldownPage/index.js' import type { DrilldownPageProps, PageChildren } from './DrilldownPage/props' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps, SelectedGroupOptionsMap } from './props' +import { allowedProps, SelectedGroupOptionsMap } from './props.js' import type { DrilldownProps, @@ -102,6 +102,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Drilldown extends Component { + static displayName = 'Drilldown' static readonly componentId = 'Drilldown' static allowedProps = allowedProps diff --git a/packages/ui-drilldown/src/Drilldown/v2/props.ts b/packages/ui-drilldown/src/Drilldown/v2/props.ts index 14c3cd0fdf..19cf7be3ab 100644 --- a/packages/ui-drilldown/src/Drilldown/v2/props.ts +++ b/packages/ui-drilldown/src/Drilldown/v2/props.ts @@ -37,19 +37,19 @@ import type { AsElementType } from '@instructure/shared-types' -import { DrilldownPage } from './DrilldownPage' +import { DrilldownPage } from './DrilldownPage/index.js' import type { DrilldownPageProps } from './DrilldownPage/props' -import { DrilldownGroup } from './DrilldownGroup' +import { DrilldownGroup } from './DrilldownGroup/index.js' import type { DrilldownGroupProps } from './DrilldownGroup/props' -import { DrilldownOption } from './DrilldownOption' +import { DrilldownOption } from './DrilldownOption/index.js' import type { DrilldownOptionProps, DrilldownOptionValue } from './DrilldownOption/props' -import { DrilldownSeparator } from './DrilldownSeparator' +import { DrilldownSeparator } from './DrilldownSeparator/index.js' import type { DrilldownSeparatorProps } from './DrilldownSeparator/props' -import { Drilldown } from './index' +import { Drilldown } from './index.js' import type { NewComponentTypes } from '@instructure/ui-themes' type PageChild = React.ComponentElement diff --git a/packages/ui-drilldown/src/exports/a.ts b/packages/ui-drilldown/src/exports/a.ts index bdcc8feda7..efe92c73f8 100644 --- a/packages/ui-drilldown/src/exports/a.ts +++ b/packages/ui-drilldown/src/exports/a.ts @@ -22,11 +22,11 @@ * SOFTWARE. */ -export { Drilldown } from '../Drilldown/v1' -export { DrilldownGroup } from '../Drilldown/v1/DrilldownGroup' -export { DrilldownOption } from '../Drilldown/v1/DrilldownOption' -export { DrilldownPage } from '../Drilldown/v1/DrilldownPage' -export { DrilldownSeparator } from '../Drilldown/v1/DrilldownSeparator' +export { Drilldown } from '../Drilldown/v1/index.js' +export { DrilldownGroup } from '../Drilldown/v1/DrilldownGroup/index.js' +export { DrilldownOption } from '../Drilldown/v1/DrilldownOption/index.js' +export { DrilldownPage } from '../Drilldown/v1/DrilldownPage/index.js' +export { DrilldownSeparator } from '../Drilldown/v1/DrilldownSeparator/index.js' export type { DrilldownProps, diff --git a/packages/ui-drilldown/src/exports/b.ts b/packages/ui-drilldown/src/exports/b.ts index 13a5b84729..0bd7d7ec2c 100644 --- a/packages/ui-drilldown/src/exports/b.ts +++ b/packages/ui-drilldown/src/exports/b.ts @@ -22,11 +22,11 @@ * SOFTWARE. */ -export { Drilldown } from '../Drilldown/v2' -export { DrilldownGroup } from '../Drilldown/v2/DrilldownGroup' -export { DrilldownOption } from '../Drilldown/v2/DrilldownOption' -export { DrilldownPage } from '../Drilldown/v2/DrilldownPage' -export { DrilldownSeparator } from '../Drilldown/v2/DrilldownSeparator' +export { Drilldown } from '../Drilldown/v2/index.js' +export { DrilldownGroup } from '../Drilldown/v2/DrilldownGroup/index.js' +export { DrilldownOption } from '../Drilldown/v2/DrilldownOption/index.js' +export { DrilldownPage } from '../Drilldown/v2/DrilldownPage/index.js' +export { DrilldownSeparator } from '../Drilldown/v2/DrilldownSeparator/index.js' export type { DrilldownProps, diff --git a/packages/ui-editable/src/Editable/v1/index.tsx b/packages/ui-editable/src/Editable/v1/index.tsx index f2286d493b..b883750f0e 100644 --- a/packages/ui-editable/src/Editable/v1/index.tsx +++ b/packages/ui-editable/src/Editable/v1/index.tsx @@ -27,7 +27,7 @@ import { deepEqual } from '@instructure/ui-utils' import { logWarn as warn } from '@instructure/console' import { requestAnimationFrame } from '@instructure/ui-dom-utils' -import { allowedProps, EditableState } from './props' +import { allowedProps, EditableState } from './props.js' import type { EditableProps, GetContainerProps, @@ -42,6 +42,7 @@ category: components --- **/ class Editable extends Component { + static displayName = 'Editable' static allowedProps = allowedProps static defaultProps = { readOnly: false, diff --git a/packages/ui-editable/src/InPlaceEdit/v1/index.tsx b/packages/ui-editable/src/InPlaceEdit/v1/index.tsx index d56ad1445e..069bada78d 100644 --- a/packages/ui-editable/src/InPlaceEdit/v1/index.tsx +++ b/packages/ui-editable/src/InPlaceEdit/v1/index.tsx @@ -33,10 +33,10 @@ import { createChainedFunction } from '@instructure/ui-utils' import { withStyle } from '@instructure/emotion' import { View } from '@instructure/ui-view/v11_6' -import { Editable } from '../../Editable/v1' -import generateStyle from './styles' +import { Editable } from '../../Editable/v1/index.js' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { InPlaceEditProps } from './props' import type { EditableRenderProps } from '../../Editable/v1/props' @@ -47,6 +47,7 @@ category: components **/ @withStyle(generateStyle, null) class InPlaceEdit extends Component { + static displayName = 'InPlaceEdit' static readonly componentId = 'InPlaceEdit' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-editable/src/InPlaceEdit/v2/index.tsx b/packages/ui-editable/src/InPlaceEdit/v2/index.tsx index 99cb743da5..22588c53d2 100644 --- a/packages/ui-editable/src/InPlaceEdit/v2/index.tsx +++ b/packages/ui-editable/src/InPlaceEdit/v2/index.tsx @@ -33,10 +33,10 @@ import { createChainedFunction } from '@instructure/ui-utils' import { withStyleNew } from '@instructure/emotion' import { View } from '@instructure/ui-view/latest' -import { Editable } from '../../Editable/v1' -import generateStyle from './styles' +import { Editable } from '../../Editable/v1/index.js' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { InPlaceEditProps } from './props' import type { EditableRenderProps } from '../../Editable/v1/props' @@ -47,6 +47,7 @@ category: components **/ @withStyleNew(generateStyle) class InPlaceEdit extends Component { + static displayName = 'InPlaceEdit' static readonly componentId = 'InPlaceEdit' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-editable/src/exports/a.ts b/packages/ui-editable/src/exports/a.ts index 27b9c985ce..ae2e8475f4 100644 --- a/packages/ui-editable/src/exports/a.ts +++ b/packages/ui-editable/src/exports/a.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { Editable } from '../Editable/v1' -export { InPlaceEdit } from '../InPlaceEdit/v1' +export { Editable } from '../Editable/v1/index.js' +export { InPlaceEdit } from '../InPlaceEdit/v1/index.js' export type { EditableProps } from '../Editable/v1/props' export type { InPlaceEditProps } from '../InPlaceEdit/v1/props' diff --git a/packages/ui-editable/src/exports/b.ts b/packages/ui-editable/src/exports/b.ts index e259e17dd7..2f512d37ec 100644 --- a/packages/ui-editable/src/exports/b.ts +++ b/packages/ui-editable/src/exports/b.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { Editable } from '../Editable/v1' -export { InPlaceEdit } from '../InPlaceEdit/v2' +export { Editable } from '../Editable/v1/index.js' +export { InPlaceEdit } from '../InPlaceEdit/v2/index.js' export type { EditableProps } from '../Editable/v1/props' export type { InPlaceEditProps } from '../InPlaceEdit/v2/props' diff --git a/packages/ui-expandable/src/Expandable/v1/__tests__/Expandable.test.tsx b/packages/ui-expandable/src/Expandable/v1/__tests__/Expandable.test.tsx index 71f3c30944..016cf6c3cc 100644 --- a/packages/ui-expandable/src/Expandable/v1/__tests__/Expandable.test.tsx +++ b/packages/ui-expandable/src/Expandable/v1/__tests__/Expandable.test.tsx @@ -26,7 +26,7 @@ import { fireEvent, render, screen } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { Expandable } from '../index' +import { Expandable } from '../index.js' describe('', () => { it('should set expanded to false by default', () => { diff --git a/packages/ui-expandable/src/Expandable/v1/index.tsx b/packages/ui-expandable/src/Expandable/v1/index.tsx index 6000f4e539..61d9c88d8b 100644 --- a/packages/ui-expandable/src/Expandable/v1/index.tsx +++ b/packages/ui-expandable/src/Expandable/v1/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import { createChainedFunction } from '@instructure/ui-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ExpandableProps, ExpandableState } from './props' import type { ViewProps } from '@instructure/ui-view/latest' @@ -41,6 +41,7 @@ category: components/utilities **/ @withDeterministicId() class Expandable extends Component { + static displayName = 'Expandable' static allowedProps = allowedProps static defaultProps = { defaultExpanded: false diff --git a/packages/ui-expandable/src/exports/a.ts b/packages/ui-expandable/src/exports/a.ts index ca02fe6f3d..2f842f8d64 100644 --- a/packages/ui-expandable/src/exports/a.ts +++ b/packages/ui-expandable/src/exports/a.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Expandable } from '../Expandable/v1' +export { Expandable } from '../Expandable/v1/index.js' export type { ExpandableProps, RenderExpandable, diff --git a/packages/ui-file-drop/src/FileDrop/__tests__/accepts.test.tsx b/packages/ui-file-drop/src/FileDrop/__tests__/accepts.test.tsx index 6ad43a7d3a..10c0e8e7e9 100644 --- a/packages/ui-file-drop/src/FileDrop/__tests__/accepts.test.tsx +++ b/packages/ui-file-drop/src/FileDrop/__tests__/accepts.test.tsx @@ -22,7 +22,7 @@ * SOFTWARE. */ import { expect } from 'vitest' -import { accepts } from '../v2/utils/accepts' +import { accepts } from '../v2/utils/accepts.js' describe('accepts', () => { const dropImage = new File([], 'whale whale whale.jpg', { diff --git a/packages/ui-file-drop/src/FileDrop/__tests__/getEventFiles.test.tsx b/packages/ui-file-drop/src/FileDrop/__tests__/getEventFiles.test.tsx index 4997b22d45..3e44d192b8 100644 --- a/packages/ui-file-drop/src/FileDrop/__tests__/getEventFiles.test.tsx +++ b/packages/ui-file-drop/src/FileDrop/__tests__/getEventFiles.test.tsx @@ -24,7 +24,7 @@ import React from 'react' import { expect } from 'vitest' -import { getEventFiles } from '../v2/utils/getEventFiles' +import { getEventFiles } from '../v2/utils/getEventFiles.js' describe('getEventFiles', () => { const chromeDragEnter = { diff --git a/packages/ui-file-drop/src/FileDrop/v1/index.tsx b/packages/ui-file-drop/src/FileDrop/v1/index.tsx index 3306c5f120..afcec20a1a 100644 --- a/packages/ui-file-drop/src/FileDrop/v1/index.tsx +++ b/packages/ui-file-drop/src/FileDrop/v1/index.tsx @@ -34,14 +34,14 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import { accepts, getAcceptList } from './utils/accepts' -import { getEventFiles } from './utils/getEventFiles' +import { accepts, getAcceptList } from './utils/accepts.js' +import { getEventFiles } from './utils/getEventFiles.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FileDropProps, FileDropState, FileDropStyleProps } from './props' function keyEventIsClickButton(e: React.KeyboardEvent) { @@ -56,6 +56,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class FileDrop extends Component { + static displayName = 'FileDrop' static readonly componentId = 'FileDrop' static allowedProps = allowedProps diff --git a/packages/ui-file-drop/src/FileDrop/v2/index.tsx b/packages/ui-file-drop/src/FileDrop/v2/index.tsx index cfe90eaa2f..7f38bcfeaa 100644 --- a/packages/ui-file-drop/src/FileDrop/v2/index.tsx +++ b/packages/ui-file-drop/src/FileDrop/v2/index.tsx @@ -34,13 +34,13 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import { accepts, getAcceptList } from './utils/accepts' -import { getEventFiles } from './utils/getEventFiles' +import { accepts, getAcceptList } from './utils/accepts.js' +import { getEventFiles } from './utils/getEventFiles.js' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FileDropProps, FileDropState } from './props' import type { StyleParams } from './styles' function keyEventIsClickButton(e: React.KeyboardEvent) { @@ -55,6 +55,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class FileDrop extends Component { + static displayName = 'FileDrop' static readonly componentId = 'FileDrop' static allowedProps = allowedProps diff --git a/packages/ui-file-drop/src/exports/a.ts b/packages/ui-file-drop/src/exports/a.ts index f9de870efc..f815e7f001 100644 --- a/packages/ui-file-drop/src/exports/a.ts +++ b/packages/ui-file-drop/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { FileDrop } from '../FileDrop/v1' +export { FileDrop } from '../FileDrop/v1/index.js' export type { FileDropProps } from '../FileDrop/v1/props' diff --git a/packages/ui-file-drop/src/exports/b.ts b/packages/ui-file-drop/src/exports/b.ts index 87b223a93c..40377c73a6 100644 --- a/packages/ui-file-drop/src/exports/b.ts +++ b/packages/ui-file-drop/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { FileDrop } from '../FileDrop/v2' +export { FileDrop } from '../FileDrop/v2/index.js' export type { FileDropProps } from '../FileDrop/v2/props' diff --git a/packages/ui-flex/src/Flex/v1/Item/index.tsx b/packages/ui-flex/src/Flex/v1/Item/index.tsx index e0ca00597a..5a9d0f5a1c 100644 --- a/packages/ui-flex/src/Flex/v1/Item/index.tsx +++ b/packages/ui-flex/src/Flex/v1/Item/index.tsx @@ -28,9 +28,9 @@ import { omitProps } from '@instructure/ui-react-utils' import { View } from '@instructure/ui-view/v11_6' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FlexItemProps } from './props' /** @@ -41,6 +41,7 @@ id: Flex.Item **/ @withStyle(generateStyle, null) class Item extends Component { + static displayName = 'Item' static readonly componentId = 'Flex.Item' componentDidMount() { diff --git a/packages/ui-flex/src/Flex/v1/index.tsx b/packages/ui-flex/src/Flex/v1/index.tsx index 2a3c1eb0df..2e5f2e0751 100644 --- a/packages/ui-flex/src/Flex/v1/index.tsx +++ b/packages/ui-flex/src/Flex/v1/index.tsx @@ -33,13 +33,13 @@ import { import { View } from '@instructure/ui-view/v11_6' import { withStyle } from '@instructure/emotion' -import { Item } from './Item' +import { Item } from './Item/index.js' import type { FlexItemProps } from './Item/props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FlexProps } from './props' /** @@ -50,6 +50,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Flex extends Component { + static displayName = 'Flex' static readonly componentId = 'Flex' componentDidMount() { diff --git a/packages/ui-flex/src/Flex/v2/Item/index.tsx b/packages/ui-flex/src/Flex/v2/Item/index.tsx index 00c586c6ae..ebf8f3713a 100644 --- a/packages/ui-flex/src/Flex/v2/Item/index.tsx +++ b/packages/ui-flex/src/Flex/v2/Item/index.tsx @@ -28,9 +28,9 @@ import { omitProps } from '@instructure/ui-react-utils' import { View } from '@instructure/ui-view/latest' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FlexItemProps } from './props' /** @@ -41,6 +41,7 @@ id: Flex.Item **/ @withStyle(generateStyle, null) class Item extends Component { + static displayName = 'Item' static readonly componentId = 'Flex.Item' componentDidMount() { diff --git a/packages/ui-flex/src/Flex/v2/index.tsx b/packages/ui-flex/src/Flex/v2/index.tsx index 9887c91735..318c42d62a 100644 --- a/packages/ui-flex/src/Flex/v2/index.tsx +++ b/packages/ui-flex/src/Flex/v2/index.tsx @@ -33,12 +33,12 @@ import { import { View } from '@instructure/ui-view/latest' import { withStyleNew } from '@instructure/emotion' -import { Item } from './Item' +import { Item } from './Item/index.js' import type { FlexItemProps } from './Item/props' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FlexProps } from './props' /** @@ -49,6 +49,7 @@ category: components **/ @withStyleNew(generateStyle) class Flex extends Component { + static displayName = 'Flex' static readonly componentId = 'Flex' componentDidMount() { diff --git a/packages/ui-flex/src/exports/a.ts b/packages/ui-flex/src/exports/a.ts index 4be8a2c7da..43c9fa98a8 100644 --- a/packages/ui-flex/src/exports/a.ts +++ b/packages/ui-flex/src/exports/a.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { Flex, FlexItem } from '../Flex/v1' +export { Flex, FlexItem } from '../Flex/v1/index.js' export type { FlexProps } from '../Flex/v1/props' export type { FlexItemProps } from '../Flex/v1/Item/props' diff --git a/packages/ui-flex/src/exports/b.ts b/packages/ui-flex/src/exports/b.ts index 501f4452b9..184b794e4e 100644 --- a/packages/ui-flex/src/exports/b.ts +++ b/packages/ui-flex/src/exports/b.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { Flex, FlexItem } from '../Flex/v2' +export { Flex, FlexItem } from '../Flex/v2/index.js' export type { FlexProps } from '../Flex/v2/props' export type { FlexItemProps } from '../Flex/v2/Item/props' diff --git a/packages/ui-focusable/src/Focusable/__tests__/Focusable.test.tsx b/packages/ui-focusable/src/Focusable/__tests__/Focusable.test.tsx index 454dd5a540..5ed45433f2 100644 --- a/packages/ui-focusable/src/Focusable/__tests__/Focusable.test.tsx +++ b/packages/ui-focusable/src/Focusable/__tests__/Focusable.test.tsx @@ -29,7 +29,7 @@ import { vi } from 'vitest' import type { MockInstance } from 'vitest' import '@testing-library/jest-dom' -import { Focusable } from '../index' +import { Focusable } from '../index.js' import type { FocusableRenderOptions } from '../props' describe('', () => { diff --git a/packages/ui-focusable/src/Focusable/index.tsx b/packages/ui-focusable/src/Focusable/index.tsx index 7ff4495143..12e557091e 100644 --- a/packages/ui-focusable/src/Focusable/index.tsx +++ b/packages/ui-focusable/src/Focusable/index.tsx @@ -32,7 +32,7 @@ import { } from '@instructure/ui-dom-utils' import { logWarn as warn } from '@instructure/console' -import { allowedProps, FocusableState } from './props' +import { allowedProps, FocusableState } from './props.js' import type { FocusableProps } from './props' import { createChainedFunction } from '@instructure/ui-utils' @@ -46,6 +46,7 @@ category: components/utilities --- **/ class Focusable extends Component { + static displayName = 'Focusable' static allowedProps = allowedProps static defaultProps = { children: null diff --git a/packages/ui-focusable/src/index.ts b/packages/ui-focusable/src/index.ts index 4a574c28be..5461b46923 100644 --- a/packages/ui-focusable/src/index.ts +++ b/packages/ui-focusable/src/index.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Focusable } from './Focusable' +export { Focusable } from './Focusable/index.js' export type { FocusableProps } from './Focusable/props' diff --git a/packages/ui-form-field/src/FormField/v1/index.tsx b/packages/ui-form-field/src/FormField/v1/index.tsx index 6b97a5f6b2..f17c730361 100644 --- a/packages/ui-form-field/src/FormField/v1/index.tsx +++ b/packages/ui-form-field/src/FormField/v1/index.tsx @@ -26,9 +26,9 @@ import { Component } from 'react' import { omitProps, pickProps } from '@instructure/ui-react-utils' -import { FormFieldLayout } from '../../FormFieldLayout/v1' +import { FormFieldLayout } from '../../FormFieldLayout/v1/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldProps } from './props' /** @@ -37,6 +37,7 @@ category: components --- **/ class FormField extends Component { + static displayName = 'FormField' static readonly componentId = 'FormField' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormField/v2/index.tsx b/packages/ui-form-field/src/FormField/v2/index.tsx index 5ed2653263..7347d8a5d4 100644 --- a/packages/ui-form-field/src/FormField/v2/index.tsx +++ b/packages/ui-form-field/src/FormField/v2/index.tsx @@ -26,11 +26,11 @@ import { Component } from 'react' import { omitProps, pickProps } from '@instructure/ui-react-utils' -import { allowedProps as formFieldLayoutAllowedProps } from '../../FormFieldLayout/v2/props' +import { allowedProps as formFieldLayoutAllowedProps } from '../../FormFieldLayout/v2/props.js' -import { FormFieldLayout } from '../../FormFieldLayout/v2' +import { FormFieldLayout } from '../../FormFieldLayout/v2/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldProps } from './props' /** @@ -39,6 +39,7 @@ category: components --- **/ class FormField extends Component { + static displayName = 'FormField' static readonly componentId = 'FormField' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldGroup/v1/index.tsx b/packages/ui-form-field/src/FormFieldGroup/v1/index.tsx index e195c961bc..9d3a8a31bb 100644 --- a/packages/ui-form-field/src/FormFieldGroup/v1/index.tsx +++ b/packages/ui-form-field/src/FormFieldGroup/v1/index.tsx @@ -28,14 +28,14 @@ import { Grid } from '@instructure/ui-grid/v11_6' import { pickProps, omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import { allowedProps as FormFieldLayoutAllowedProps } from '../../FormFieldLayout/v1/props' +import { allowedProps as FormFieldLayoutAllowedProps } from '../../FormFieldLayout/v1/props.js' -import { FormFieldLayout } from '../../FormFieldLayout/v1' +import { FormFieldLayout } from '../../FormFieldLayout/v1/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldGroupProps, FormFieldGroupStyleProps } from './props' /** @@ -45,6 +45,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class FormFieldGroup extends Component { + static displayName = 'FormFieldGroup' static readonly componentId = 'FormFieldGroup' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldGroup/v2/index.tsx b/packages/ui-form-field/src/FormFieldGroup/v2/index.tsx index b45f6cc42e..cba90a3e1d 100644 --- a/packages/ui-form-field/src/FormFieldGroup/v2/index.tsx +++ b/packages/ui-form-field/src/FormFieldGroup/v2/index.tsx @@ -38,13 +38,13 @@ import { } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { allowedProps as formFieldLayoutAllowedProps } from '../../FormFieldLayout/v2/props' +import { allowedProps as formFieldLayoutAllowedProps } from '../../FormFieldLayout/v2/props.js' -import { FormFieldLayout } from '../../FormFieldLayout/v2' +import { FormFieldLayout } from '../../FormFieldLayout/v2/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldGroupProps } from './props' /** @@ -54,6 +54,7 @@ category: components **/ @withStyleNew(generateStyle) class FormFieldGroup extends Component { + static displayName = 'FormFieldGroup' static readonly componentId = 'FormFieldGroup' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldLabel/v1/index.tsx b/packages/ui-form-field/src/FormFieldLabel/v1/index.tsx index 4fa9fb838b..5a61e4a54e 100644 --- a/packages/ui-form-field/src/FormFieldLabel/v1/index.tsx +++ b/packages/ui-form-field/src/FormFieldLabel/v1/index.tsx @@ -27,10 +27,10 @@ import { Component } from 'react' import { omitProps, getElementType } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldLabelProps } from './props' /** @@ -53,6 +53,7 @@ type: example **/ @withStyle(generateStyle, generateComponentTheme) class FormFieldLabel extends Component { + static displayName = 'FormFieldLabel' static readonly componentId = 'FormFieldLabel' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldLayout/v1/index.tsx b/packages/ui-form-field/src/FormFieldLayout/v1/index.tsx index 3e22144558..7162f1dd35 100644 --- a/packages/ui-form-field/src/FormFieldLayout/v1/index.tsx +++ b/packages/ui-form-field/src/FormFieldLayout/v1/index.tsx @@ -31,11 +31,11 @@ import { } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import { FormFieldMessages } from '../../FormFieldMessages/v1' -import generateStyle from './styles' -import { allowedProps, FormFieldStyleProps } from './props' +import { FormFieldMessages } from '../../FormFieldMessages/v1/index.js' +import generateStyle from './styles.js' +import { allowedProps, FormFieldStyleProps } from './props.js' import type { FormFieldLayoutProps } from './props' -import generateComponentTheme from './theme' +import generateComponentTheme from './theme.js' /** --- @@ -45,6 +45,7 @@ parent: FormField @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class FormFieldLayout extends Component { + static displayName = 'FormFieldLayout' static readonly componentId = 'FormFieldLayout' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldLayout/v2/index.tsx b/packages/ui-form-field/src/FormFieldLayout/v2/index.tsx index 46aa208fef..c57e2debfe 100644 --- a/packages/ui-form-field/src/FormFieldLayout/v2/index.tsx +++ b/packages/ui-form-field/src/FormFieldLayout/v2/index.tsx @@ -27,9 +27,9 @@ import { hasVisibleChildren } from '@instructure/ui-a11y-utils' import { omitProps, useDeterministicId } from '@instructure/ui-react-utils' import { useStyleNew } from '@instructure/emotion' -import { FormFieldMessages } from '../../FormFieldMessages/v2' -import generateStyle from './styles' -import { allowedProps } from './props' +import { FormFieldMessages } from '../../FormFieldMessages/v2/index.js' +import generateStyle from './styles.js' +import { allowedProps } from './props.js' import type { FormFieldLayoutProps } from './props' /** diff --git a/packages/ui-form-field/src/FormFieldMessage/v1/index.tsx b/packages/ui-form-field/src/FormFieldMessage/v1/index.tsx index 926b47785e..b1bf19443f 100644 --- a/packages/ui-form-field/src/FormFieldMessage/v1/index.tsx +++ b/packages/ui-form-field/src/FormFieldMessage/v1/index.tsx @@ -30,10 +30,10 @@ import { IconWarningSolid } from '@instructure/ui-icons' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldMessageProps } from './props' /** @@ -53,6 +53,7 @@ type: example **/ @withStyle(generateStyle, generateComponentTheme) class FormFieldMessage extends Component { + static displayName = 'FormFieldMessage' static readonly componentId = 'FormFieldMessage' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldMessage/v2/index.tsx b/packages/ui-form-field/src/FormFieldMessage/v2/index.tsx index 583c6d6dc1..1889c827ff 100644 --- a/packages/ui-form-field/src/FormFieldMessage/v2/index.tsx +++ b/packages/ui-form-field/src/FormFieldMessage/v2/index.tsx @@ -32,7 +32,7 @@ import { } from '@instructure/ui-icons' import { useStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { FormFieldMessageProps } from './props' diff --git a/packages/ui-form-field/src/FormFieldMessages/v1/index.tsx b/packages/ui-form-field/src/FormFieldMessages/v1/index.tsx index fb5370e828..33383ed42e 100644 --- a/packages/ui-form-field/src/FormFieldMessages/v1/index.tsx +++ b/packages/ui-form-field/src/FormFieldMessages/v1/index.tsx @@ -28,12 +28,12 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import { FormFieldMessage } from '../../FormFieldMessage/v1' +import { FormFieldMessage } from '../../FormFieldMessage/v1/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldMessagesProps } from './props' /** @@ -56,6 +56,7 @@ type: example **/ @withStyle(generateStyle, generateComponentTheme) class FormFieldMessages extends Component { + static displayName = 'FormFieldMessages' static readonly componentId = 'FormFieldMessages' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/FormFieldMessages/v2/index.tsx b/packages/ui-form-field/src/FormFieldMessages/v2/index.tsx index 77b9768b02..7133021eb9 100644 --- a/packages/ui-form-field/src/FormFieldMessages/v2/index.tsx +++ b/packages/ui-form-field/src/FormFieldMessages/v2/index.tsx @@ -28,11 +28,11 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { FormFieldMessage } from '../../FormFieldMessage/v2' +import { FormFieldMessage } from '../../FormFieldMessage/v2/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { FormFieldMessagesProps } from './props' /** @@ -55,6 +55,7 @@ type: example **/ @withStyleNew(generateStyle) class FormFieldMessages extends Component { + static displayName = 'FormFieldMessages' static readonly componentId = 'FormFieldMessages' static allowedProps = allowedProps diff --git a/packages/ui-form-field/src/exports/a.ts b/packages/ui-form-field/src/exports/a.ts index 364fd3473d..1671d9699f 100644 --- a/packages/ui-form-field/src/exports/a.ts +++ b/packages/ui-form-field/src/exports/a.ts @@ -22,12 +22,12 @@ * SOFTWARE. */ -export { FormField } from '../FormField/v1' -export { FormFieldLabel } from '../FormFieldLabel/v1' -export { FormFieldMessage } from '../FormFieldMessage/v1' -export { FormFieldMessages } from '../FormFieldMessages/v1' -export { FormFieldLayout } from '../FormFieldLayout/v1' -export { FormFieldGroup } from '../FormFieldGroup/v1' +export { FormField } from '../FormField/v1/index.js' +export { FormFieldLabel } from '../FormFieldLabel/v1/index.js' +export { FormFieldMessage } from '../FormFieldMessage/v1/index.js' +export { FormFieldMessages } from '../FormFieldMessages/v1/index.js' +export { FormFieldLayout } from '../FormFieldLayout/v1/index.js' +export { FormFieldGroup } from '../FormFieldGroup/v1/index.js' export type { FormMessageType, diff --git a/packages/ui-form-field/src/exports/b.ts b/packages/ui-form-field/src/exports/b.ts index ae1178507c..3e5bfd3f39 100644 --- a/packages/ui-form-field/src/exports/b.ts +++ b/packages/ui-form-field/src/exports/b.ts @@ -22,11 +22,11 @@ * SOFTWARE. */ -export { FormField } from '../FormField/v2' -export { FormFieldMessage } from '../FormFieldMessage/v2' -export { FormFieldMessages } from '../FormFieldMessages/v2' -export { FormFieldLayout } from '../FormFieldLayout/v2' -export { FormFieldGroup } from '../FormFieldGroup/v2' +export { FormField } from '../FormField/v2/index.js' +export { FormFieldMessage } from '../FormFieldMessage/v2/index.js' +export { FormFieldMessages } from '../FormFieldMessages/v2/index.js' +export { FormFieldLayout } from '../FormFieldLayout/v2/index.js' +export { FormFieldGroup } from '../FormFieldGroup/v2/index.js' export type { FormMessageType, diff --git a/packages/ui-grid/src/Grid/v1/index.tsx b/packages/ui-grid/src/Grid/v1/index.tsx index f6286e001b..982c0ec830 100644 --- a/packages/ui-grid/src/Grid/v1/index.tsx +++ b/packages/ui-grid/src/Grid/v1/index.tsx @@ -31,16 +31,16 @@ import { pickProps } from '@instructure/ui-react-utils' -import { GridRow } from '../../GridRow/v1' +import { GridRow } from '../../GridRow/v1/index.js' import type { GridRowProps } from '../../GridRow/v1/props' -import { GridCol } from '../../GridCol/v1' +import { GridCol } from '../../GridCol/v1/index.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { GridProps } from './props' /** @@ -50,6 +50,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Grid extends Component { + static displayName = 'Grid' static readonly componentId = 'Grid' static allowedProps = allowedProps diff --git a/packages/ui-grid/src/Grid/v2/index.tsx b/packages/ui-grid/src/Grid/v2/index.tsx index 3ba5db1d70..e92aba33d3 100644 --- a/packages/ui-grid/src/Grid/v2/index.tsx +++ b/packages/ui-grid/src/Grid/v2/index.tsx @@ -31,15 +31,15 @@ import { pickProps } from '@instructure/ui-react-utils' -import { GridRow } from '../../GridRow/v2' +import { GridRow } from '../../GridRow/v2/index.js' import type { GridRowProps } from '../../GridRow/v2/props' -import { GridCol } from '../../GridCol/v2' +import { GridCol } from '../../GridCol/v2/index.js' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { GridProps } from './props' /** @@ -49,6 +49,7 @@ category: components **/ @withStyleNew(generateStyle) class Grid extends Component { + static displayName = 'Grid' static readonly componentId = 'Grid' static allowedProps = allowedProps diff --git a/packages/ui-grid/src/GridCol/v1/index.tsx b/packages/ui-grid/src/GridCol/v1/index.tsx index 190944e240..a1542ca409 100644 --- a/packages/ui-grid/src/GridCol/v1/index.tsx +++ b/packages/ui-grid/src/GridCol/v1/index.tsx @@ -29,10 +29,10 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' import { logWarn as warn } from '@instructure/console' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { GridColProps } from './props' /** @@ -43,6 +43,7 @@ id: Grid.Col **/ @withStyle(generateStyle, generateComponentTheme) class GridCol extends Component { + static displayName = 'GridCol' static readonly componentId = 'Grid.Col' static allowedProps = allowedProps diff --git a/packages/ui-grid/src/GridCol/v2/index.tsx b/packages/ui-grid/src/GridCol/v2/index.tsx index 2c7f6e4fd2..a8b6bad1ef 100644 --- a/packages/ui-grid/src/GridCol/v2/index.tsx +++ b/packages/ui-grid/src/GridCol/v2/index.tsx @@ -29,9 +29,9 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' import { logWarn as warn } from '@instructure/console' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { GridColProps } from './props' /** @@ -42,6 +42,7 @@ id: Grid.Col **/ @withStyleNew(generateStyle) class GridCol extends Component { + static displayName = 'GridCol' static readonly componentId = 'Grid.Col' static allowedProps = allowedProps diff --git a/packages/ui-grid/src/GridRow/v1/index.tsx b/packages/ui-grid/src/GridRow/v1/index.tsx index ec60c0b650..d2f262ee37 100644 --- a/packages/ui-grid/src/GridRow/v1/index.tsx +++ b/packages/ui-grid/src/GridRow/v1/index.tsx @@ -31,15 +31,15 @@ import { pickProps } from '@instructure/ui-react-utils' -import { GridCol } from '../../GridCol/v1/' +import { GridCol } from '../../GridCol/v1/index.js' import type { GridColProps } from '../../GridCol/v1/props' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { GridRowProps } from './props' /** @@ -50,6 +50,7 @@ id: Grid.Row **/ @withStyle(generateStyle, generateComponentTheme) class GridRow extends Component { + static displayName = 'GridRow' static readonly componentId = 'Grid.Row' static allowedProps = allowedProps diff --git a/packages/ui-grid/src/GridRow/v2/index.tsx b/packages/ui-grid/src/GridRow/v2/index.tsx index 329f917a4e..2c9ddb1f56 100644 --- a/packages/ui-grid/src/GridRow/v2/index.tsx +++ b/packages/ui-grid/src/GridRow/v2/index.tsx @@ -31,14 +31,14 @@ import { pickProps } from '@instructure/ui-react-utils' -import { GridCol } from '../../GridCol/v2/' +import { GridCol } from '../../GridCol/v2/index.js' import type { GridColProps } from '../../GridCol/v2/props' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { GridRowProps } from './props' /** @@ -49,6 +49,7 @@ id: Grid.Row **/ @withStyleNew(generateStyle) class GridRow extends Component { + static displayName = 'GridRow' static readonly componentId = 'Grid.Row' static allowedProps = allowedProps diff --git a/packages/ui-grid/src/exports/a.ts b/packages/ui-grid/src/exports/a.ts index 164507a0b6..70d734e5ee 100644 --- a/packages/ui-grid/src/exports/a.ts +++ b/packages/ui-grid/src/exports/a.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Grid, GridRow, GridCol } from '../Grid/v1' +export { Grid, GridRow, GridCol } from '../Grid/v1/index.js' export type { GridBreakpoints } from '../utils/v1/GridTypes' diff --git a/packages/ui-grid/src/exports/b.ts b/packages/ui-grid/src/exports/b.ts index 398f220839..fb537ee8b6 100644 --- a/packages/ui-grid/src/exports/b.ts +++ b/packages/ui-grid/src/exports/b.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Grid, GridRow, GridCol } from '../Grid/v2' +export { Grid, GridRow, GridCol } from '../Grid/v2/index.js' export type { GridBreakpoints } from '../utils/v1/GridTypes' diff --git a/packages/ui-heading/src/Heading/v1/index.tsx b/packages/ui-heading/src/Heading/v1/index.tsx index e2537f2928..29cdc3ab73 100644 --- a/packages/ui-heading/src/Heading/v1/index.tsx +++ b/packages/ui-heading/src/Heading/v1/index.tsx @@ -30,10 +30,10 @@ import { IconAiColoredSolid } from '@instructure/ui-icons' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { HeadingProps } from './props' import { AsElementType } from '@instructure/shared-types' @@ -60,6 +60,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Heading extends Component { + static displayName = 'Heading' static readonly componentId = 'Heading' static allowedProps = allowedProps diff --git a/packages/ui-heading/src/Heading/v2/index.tsx b/packages/ui-heading/src/Heading/v2/index.tsx index a818075cf3..570a2b3bae 100644 --- a/packages/ui-heading/src/Heading/v2/index.tsx +++ b/packages/ui-heading/src/Heading/v2/index.tsx @@ -33,9 +33,9 @@ import { import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { HeadingProps } from './props' import { AsElementType } from '@instructure/shared-types' @@ -118,6 +118,7 @@ category: components **/ @withStyleNew(generateStyle) class Heading extends Component { + static displayName = 'Heading' static readonly componentId = 'Heading' static allowedProps = allowedProps diff --git a/packages/ui-heading/src/exports/a.ts b/packages/ui-heading/src/exports/a.ts index c89d1f915a..f2f0242035 100644 --- a/packages/ui-heading/src/exports/a.ts +++ b/packages/ui-heading/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Heading } from '../Heading/v1' +export { Heading } from '../Heading/v1/index.js' export type { HeadingProps } from '../Heading/v1/props' diff --git a/packages/ui-heading/src/exports/b.ts b/packages/ui-heading/src/exports/b.ts index 986a2e72a8..b27cfc843c 100644 --- a/packages/ui-heading/src/exports/b.ts +++ b/packages/ui-heading/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Heading } from '../Heading/v2' +export { Heading } from '../Heading/v2/index.js' export type { HeadingProps } from '../Heading/v2/props' diff --git a/packages/ui-i18n/src/ApplyLocale/__tests__/ApplyLocale.test.tsx b/packages/ui-i18n/src/ApplyLocale/__tests__/ApplyLocale.test.tsx index c70bf70041..73568d099c 100644 --- a/packages/ui-i18n/src/ApplyLocale/__tests__/ApplyLocale.test.tsx +++ b/packages/ui-i18n/src/ApplyLocale/__tests__/ApplyLocale.test.tsx @@ -25,8 +25,8 @@ import { Component } from 'react' import { render } from '@testing-library/react' import '@testing-library/jest-dom' import { expect } from 'vitest' -import { ApplyLocale } from '../index' -import { ApplyLocaleContext } from '../ApplyLocaleContext' +import { ApplyLocale } from '../index.js' +import { ApplyLocaleContext } from '../ApplyLocaleContext.js' class LocalizableComponent extends Component { declare context: React.ContextType diff --git a/packages/ui-i18n/src/ApplyLocale/index.tsx b/packages/ui-i18n/src/ApplyLocale/index.tsx index 7676bfee6f..b11099771a 100644 --- a/packages/ui-i18n/src/ApplyLocale/index.tsx +++ b/packages/ui-i18n/src/ApplyLocale/index.tsx @@ -23,8 +23,8 @@ */ import { ensureSingleChild } from '@instructure/ui-react-utils' -import { ApplyLocaleContext } from './ApplyLocaleContext' -import { ApplyLocaleProps } from './props' +import { ApplyLocaleContext } from './ApplyLocaleContext.js' +import { ApplyLocaleProps } from './props.js' /** --- diff --git a/packages/ui-i18n/src/TextDirectionContext.ts b/packages/ui-i18n/src/TextDirectionContext.ts index 9691fe41dd..ed59a0ee10 100644 --- a/packages/ui-i18n/src/TextDirectionContext.ts +++ b/packages/ui-i18n/src/TextDirectionContext.ts @@ -23,7 +23,7 @@ */ import { createContext } from 'react' -import { getTextDirection } from './getTextDirection' +import { getTextDirection } from './getTextDirection.js' /** * --- diff --git a/packages/ui-i18n/src/__tests__/DateTime.test.tsx b/packages/ui-i18n/src/__tests__/DateTime.test.tsx index b6accf8f96..c47544e8d8 100644 --- a/packages/ui-i18n/src/__tests__/DateTime.test.tsx +++ b/packages/ui-i18n/src/__tests__/DateTime.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' import { expect } from 'vitest' -import { DateTime } from '../DateTime' +import { DateTime } from '../DateTime.js' const { now, diff --git a/packages/ui-i18n/src/__tests__/Locale.test.tsx b/packages/ui-i18n/src/__tests__/Locale.test.tsx index b16f74be48..e567e11d8f 100644 --- a/packages/ui-i18n/src/__tests__/Locale.test.tsx +++ b/packages/ui-i18n/src/__tests__/Locale.test.tsx @@ -24,7 +24,7 @@ import '@testing-library/jest-dom' import { expect } from 'vitest' -import { Locale } from '../Locale' +import { Locale } from '../Locale.js' describe('browserLocale', () => { it('returns the navigator language if a navigator is explicity passed', () => { diff --git a/packages/ui-i18n/src/__tests__/textDirectionContextConsumer.test.tsx b/packages/ui-i18n/src/__tests__/textDirectionContextConsumer.test.tsx index 1dbeba8630..2da3685be5 100644 --- a/packages/ui-i18n/src/__tests__/textDirectionContextConsumer.test.tsx +++ b/packages/ui-i18n/src/__tests__/textDirectionContextConsumer.test.tsx @@ -31,8 +31,8 @@ import type { MockInstance } from 'vitest' import { textDirectionContextConsumer, TextDirectionContextConsumerProps -} from '../textDirectionContextConsumer' -import { TextDirectionContext } from '../TextDirectionContext' +} from '../textDirectionContextConsumer.js' +import { TextDirectionContext } from '../TextDirectionContext.js' @textDirectionContextConsumer() class TextDirectionContextConsumerComponent extends Component { diff --git a/packages/ui-i18n/src/getLocale.ts b/packages/ui-i18n/src/getLocale.ts index d828df6531..891445b3f2 100644 --- a/packages/ui-i18n/src/getLocale.ts +++ b/packages/ui-i18n/src/getLocale.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ import { useContext } from 'react' -import { ApplyLocaleContext } from '.' +import { ApplyLocaleContext } from './index.js' // TODO: this is a better replacement for `ui-i18n/src/Locale.ts` which should be deleted in the future export function getLocale(defaultLocale = 'en-US') { diff --git a/packages/ui-i18n/src/getTimezone.ts b/packages/ui-i18n/src/getTimezone.ts index a0a588ebc0..f08d3441c4 100644 --- a/packages/ui-i18n/src/getTimezone.ts +++ b/packages/ui-i18n/src/getTimezone.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ import { useContext } from 'react' -import { ApplyLocaleContext } from '.' +import { ApplyLocaleContext } from './index.js' // TODO: this is a better replacement for `ui-i18n/src/Locale.ts` which should be deleted in the future export function getTimezone() { diff --git a/packages/ui-i18n/src/index.ts b/packages/ui-i18n/src/index.ts index 02b17bfdd7..d5838c96d0 100644 --- a/packages/ui-i18n/src/index.ts +++ b/packages/ui-i18n/src/index.ts @@ -22,18 +22,18 @@ * SOFTWARE. */ -export { ApplyLocale } from './ApplyLocale' -export { ApplyLocaleContext } from './ApplyLocale/ApplyLocaleContext' +export { ApplyLocale } from './ApplyLocale/index.js' +export { ApplyLocaleContext } from './ApplyLocale/ApplyLocaleContext.js' -export { textDirectionContextConsumer } from './textDirectionContextConsumer' -export { DateTime } from './DateTime' -export { getTextDirection } from './getTextDirection' +export { textDirectionContextConsumer } from './textDirectionContextConsumer.js' +export { DateTime } from './DateTime.js' +export { getTextDirection } from './getTextDirection.js' -export { Locale } from './Locale' // TODO delete this and only keep the ones below -export { getLocale } from './getLocale' -export { getTimezone } from './getTimezone' +export { Locale } from './Locale.js' // TODO delete this and only keep the ones below +export { getLocale } from './getLocale.js' +export { getTimezone } from './getTimezone.js' -export { DIRECTION, TextDirectionContext } from './TextDirectionContext' +export { DIRECTION, TextDirectionContext } from './TextDirectionContext.js' export type { Moment } from './DateTime' export type { TextDirectionContextConsumerProps } from './textDirectionContextConsumer' diff --git a/packages/ui-i18n/src/textDirectionContextConsumer.tsx b/packages/ui-i18n/src/textDirectionContextConsumer.tsx index d53c972161..abc39c5c00 100644 --- a/packages/ui-i18n/src/textDirectionContextConsumer.tsx +++ b/packages/ui-i18n/src/textDirectionContextConsumer.tsx @@ -34,7 +34,7 @@ import type { RefAttributes } from 'react' import { decorator } from '@instructure/ui-decorator' -import { DIRECTION, TextDirectionContext } from './TextDirectionContext' +import { DIRECTION, TextDirectionContext } from './TextDirectionContext.js' import hoistNonReactStatics from 'hoist-non-react-statics' // This is a workaround because TS cannot take type information from @@ -110,6 +110,7 @@ const textDirectionContextConsumer: TextDirectionContextConsumerType = } ) => { class TextDirectionContextConsumerComponent extends Component { + static displayName = 'TextDirectionContextConsumerComponent' render() { const { forwardedRef, ...rest } = this.props // Quite complex code, this is the priority order of applying the `dir` prop: diff --git a/packages/ui-icons/src/IconPropsProvider/IconPropsProvider.tsx b/packages/ui-icons/src/IconPropsProvider/IconPropsProvider.tsx index 670845196f..ef3f9b4841 100644 --- a/packages/ui-icons/src/IconPropsProvider/IconPropsProvider.tsx +++ b/packages/ui-icons/src/IconPropsProvider/IconPropsProvider.tsx @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { IconPropsContext } from './IconPropsContext' +import { IconPropsContext } from './IconPropsContext.js' import type { InstUIIconOwnProps } from '../props' type IconPropsContextValue = Pick diff --git a/packages/ui-icons/src/IconPropsProvider/__tests__/IconPropsProvider.test.tsx b/packages/ui-icons/src/IconPropsProvider/__tests__/IconPropsProvider.test.tsx index b2d1aa5902..5ce3a1ab7e 100644 --- a/packages/ui-icons/src/IconPropsProvider/__tests__/IconPropsProvider.test.tsx +++ b/packages/ui-icons/src/IconPropsProvider/__tests__/IconPropsProvider.test.tsx @@ -26,7 +26,7 @@ import { useContext } from 'react' import { render, screen } from '@testing-library/react' import '@testing-library/jest-dom' -import { IconPropsProvider, IconPropsContext } from '../' +import { IconPropsProvider, IconPropsContext } from '../index.js' // Test component that exposes context values const TestComponentWithHook = () => { diff --git a/packages/ui-icons/src/IconPropsProvider/index.ts b/packages/ui-icons/src/IconPropsProvider/index.ts index dde477bf89..9a46d71a14 100644 --- a/packages/ui-icons/src/IconPropsProvider/index.ts +++ b/packages/ui-icons/src/IconPropsProvider/index.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { IconPropsProvider } from './IconPropsProvider' -export { IconPropsContext } from './IconPropsContext' -export { useIconProps } from './useIconProps' -export { renderIconWithProps } from './renderIconWithProps' +export { IconPropsProvider } from './IconPropsProvider.js' +export { IconPropsContext } from './IconPropsContext.js' +export { useIconProps } from './useIconProps.js' +export { renderIconWithProps } from './renderIconWithProps.js' export type { IconPropsContextValue } from './IconPropsProvider' diff --git a/packages/ui-icons/src/IconPropsProvider/renderIconWithProps.tsx b/packages/ui-icons/src/IconPropsProvider/renderIconWithProps.tsx index 6bf1e3c1a3..2ffcd5153d 100644 --- a/packages/ui-icons/src/IconPropsProvider/renderIconWithProps.tsx +++ b/packages/ui-icons/src/IconPropsProvider/renderIconWithProps.tsx @@ -25,8 +25,8 @@ import React from 'react' import type { Renderable } from '@instructure/shared-types' -import { IconPropsProvider } from './IconPropsProvider' -import { InstUIIconOwnProps } from '../props' +import { IconPropsProvider } from './IconPropsProvider.js' +import { InstUIIconOwnProps } from '../props.js' /** * Renders an icon wrapped in IconPropsProvider to apply size and color via React context. diff --git a/packages/ui-icons/src/IconPropsProvider/useIconProps.tsx b/packages/ui-icons/src/IconPropsProvider/useIconProps.tsx index 6e362752bf..a817b24164 100644 --- a/packages/ui-icons/src/IconPropsProvider/useIconProps.tsx +++ b/packages/ui-icons/src/IconPropsProvider/useIconProps.tsx @@ -23,7 +23,7 @@ */ import { useContext } from 'react' -import { IconPropsContext } from './IconPropsContext' +import { IconPropsContext } from './IconPropsContext.js' function useIconProps() { return useContext(IconPropsContext) diff --git a/packages/ui-icons/src/custom/wrapCustomIcon.tsx b/packages/ui-icons/src/custom/wrapCustomIcon.tsx index 39d2f737d4..abf648bc91 100644 --- a/packages/ui-icons/src/custom/wrapCustomIcon.tsx +++ b/packages/ui-icons/src/custom/wrapCustomIcon.tsx @@ -26,9 +26,9 @@ import React, { useId, useContext } from 'react' import { useStyleNew } from '@instructure/emotion' import { passthroughProps } from '@instructure/ui-react-utils' -import { IconPropsContext } from '../IconPropsProvider' +import { IconPropsContext } from '../IconPropsProvider/index.js' import type { InstUIIconProps } from '../props' -import generateStyle from '../styles' +import generateStyle from '../styles.js' /** * Unified wrapper for custom icons (both stroke and filled) rendered from a diff --git a/packages/ui-icons/src/index.ts b/packages/ui-icons/src/index.ts index 964a6a5ea6..5079fa0ae1 100644 --- a/packages/ui-icons/src/index.ts +++ b/packages/ui-icons/src/index.ts @@ -24,17 +24,17 @@ // Shared icon utilities export type { InstUIIconProps } from './props' -export { renderIconWithProps } from './IconPropsProvider' +export { renderIconWithProps } from './IconPropsProvider/index.js' // Lucide icons -export * from './generated/lucide' +export * from './generated/lucide/index.js' // Custom/brand icons -export * from './generated/custom' +export * from './generated/custom/index.js' // Re-export legacy icons for backwards compatibility -export * from './generated' +export * from './generated/index.js' // Re-export as namespaces for cases where distinction is needed (e.g., icon gallery) -export * as CustomIcons from './generated/custom' -export * as LucideIcons from './generated/lucide' +export * as CustomIcons from './generated/custom/index.js' +export * as LucideIcons from './generated/lucide/index.js' diff --git a/packages/ui-icons/src/lucide/wrapLucideIcon.tsx b/packages/ui-icons/src/lucide/wrapLucideIcon.tsx index 1162a1df5a..41ece2cbc7 100644 --- a/packages/ui-icons/src/lucide/wrapLucideIcon.tsx +++ b/packages/ui-icons/src/lucide/wrapLucideIcon.tsx @@ -27,9 +27,9 @@ import { useStyleNew } from '@instructure/emotion' import { passthroughProps } from '@instructure/ui-react-utils' import type { LucideIcon } from 'lucide-react' -import { IconPropsContext } from '../IconPropsProvider' +import { IconPropsContext } from '../IconPropsProvider/index.js' import type { InstUIIconProps } from '../props' -import generateStyle from '../styles' +import generateStyle from '../styles.js' /** * Wraps a Lucide icon with InstUI theming, RTL support, and semantic sizing. diff --git a/packages/ui-icons/src/styles.ts b/packages/ui-icons/src/styles.ts index c9fbc86cbf..ca6149a190 100644 --- a/packages/ui-icons/src/styles.ts +++ b/packages/ui-icons/src/styles.ts @@ -24,7 +24,7 @@ import { px } from '@instructure/ui-utils' import type { NewComponentTypes } from '@instructure/ui-themes' -import { IconStyle, InstUIIconProps } from './props' +import { IconStyle, InstUIIconProps } from './props.js' type StyleParams = { size?: InstUIIconProps['size'] diff --git a/packages/ui-img/src/Img/v1/index.tsx b/packages/ui-img/src/Img/v1/index.tsx index e699cfd13c..83fee0bd06 100644 --- a/packages/ui-img/src/Img/v1/index.tsx +++ b/packages/ui-img/src/Img/v1/index.tsx @@ -29,10 +29,10 @@ import { passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ImgProps } from './props' /** @@ -42,6 +42,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Img extends Component { + static displayName = 'Img' static readonly componentId = 'Img' static allowedProps = allowedProps diff --git a/packages/ui-img/src/Img/v2/index.tsx b/packages/ui-img/src/Img/v2/index.tsx index 053e04183d..a246186273 100644 --- a/packages/ui-img/src/Img/v2/index.tsx +++ b/packages/ui-img/src/Img/v2/index.tsx @@ -29,9 +29,9 @@ import { passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ImgProps } from './props' /** @@ -41,6 +41,7 @@ category: components **/ @withStyleNew(generateStyle) class Img extends Component { + static displayName = 'Img' static readonly componentId = 'Img' static allowedProps = allowedProps diff --git a/packages/ui-img/src/exports/a.ts b/packages/ui-img/src/exports/a.ts index 708591a16b..f2b64e3bc0 100644 --- a/packages/ui-img/src/exports/a.ts +++ b/packages/ui-img/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Img } from '../Img/v1' +export { Img } from '../Img/v1/index.js' export type { ImgProps } from '../Img/v1/props' diff --git a/packages/ui-img/src/exports/b.ts b/packages/ui-img/src/exports/b.ts index 90d62444bc..8f875a2943 100644 --- a/packages/ui-img/src/exports/b.ts +++ b/packages/ui-img/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Img } from '../Img/v2' +export { Img } from '../Img/v2/index.js' export type { ImgProps } from '../Img/v2/props' diff --git a/packages/ui-instructure/src/AiInformation/v1/index.tsx b/packages/ui-instructure/src/AiInformation/v1/index.tsx index 428c98599d..47589909f6 100644 --- a/packages/ui-instructure/src/AiInformation/v1/index.tsx +++ b/packages/ui-instructure/src/AiInformation/v1/index.tsx @@ -29,12 +29,12 @@ import { Text } from '@instructure/ui-text/v11_6' import { Link } from '@instructure/ui-link/v11_6' import { IconExternalLinkLine } from '@instructure/ui-icons' import { useStyle as useStyleNew } from '@instructure/emotion' -import { NutritionFacts } from '../../NutritionFacts/v1' -import { DataPermissionLevels } from '../../DataPermissionLevels/v1' +import { NutritionFacts } from '../../NutritionFacts/v1/index.js' +import { DataPermissionLevels } from '../../DataPermissionLevels/v1/index.js' -import { AiInformationProps } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import { AiInformationProps } from './props.js' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- diff --git a/packages/ui-instructure/src/AiInformation/v2/index.tsx b/packages/ui-instructure/src/AiInformation/v2/index.tsx index 448dfa73d9..8baf360423 100644 --- a/packages/ui-instructure/src/AiInformation/v2/index.tsx +++ b/packages/ui-instructure/src/AiInformation/v2/index.tsx @@ -29,11 +29,11 @@ import { Text } from '@instructure/ui-text/latest' import { Link } from '@instructure/ui-link/latest' import { ExternalLinkInstUIIcon } from '@instructure/ui-icons' import { useStyleNew } from '@instructure/emotion' -import { NutritionFacts } from '../../NutritionFacts/v2' -import { DataPermissionLevels } from '../../DataPermissionLevels/v2' +import { NutritionFacts } from '../../NutritionFacts/v2/index.js' +import { DataPermissionLevels } from '../../DataPermissionLevels/v2/index.js' -import { AiInformationProps } from './props' -import generateStyle from './styles' +import { AiInformationProps } from './props.js' +import generateStyle from './styles.js' /** --- diff --git a/packages/ui-instructure/src/DataPermissionLevels/v1/index.tsx b/packages/ui-instructure/src/DataPermissionLevels/v1/index.tsx index b8387ebea7..c24873ad81 100644 --- a/packages/ui-instructure/src/DataPermissionLevels/v1/index.tsx +++ b/packages/ui-instructure/src/DataPermissionLevels/v1/index.tsx @@ -29,9 +29,9 @@ import { Text } from '@instructure/ui-text/v11_6' import { Link } from '@instructure/ui-link/v11_6' import { useStyle as useStyleNew } from '@instructure/emotion' -import { DataPermissionLevelsProps } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import { DataPermissionLevelsProps } from './props.js' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- diff --git a/packages/ui-instructure/src/DataPermissionLevels/v2/index.tsx b/packages/ui-instructure/src/DataPermissionLevels/v2/index.tsx index 3c008f4275..1d2d57cd2a 100644 --- a/packages/ui-instructure/src/DataPermissionLevels/v2/index.tsx +++ b/packages/ui-instructure/src/DataPermissionLevels/v2/index.tsx @@ -29,8 +29,8 @@ import { Text } from '@instructure/ui-text/latest' import { Link } from '@instructure/ui-link/latest' import { useStyleNew } from '@instructure/emotion' -import { DataPermissionLevelsProps } from './props' -import generateStyle from './styles' +import { DataPermissionLevelsProps } from './props.js' +import generateStyle from './styles.js' /** --- diff --git a/packages/ui-instructure/src/NutritionFacts/v1/index.tsx b/packages/ui-instructure/src/NutritionFacts/v1/index.tsx index 108647c6cb..17a52cc5cb 100644 --- a/packages/ui-instructure/src/NutritionFacts/v1/index.tsx +++ b/packages/ui-instructure/src/NutritionFacts/v1/index.tsx @@ -29,9 +29,9 @@ import { Text } from '@instructure/ui-text/v11_6' import { Link } from '@instructure/ui-link/v11_6' import { useStyle as useStyleNew } from '@instructure/emotion' -import { NutritionFactsProps } from './props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import { NutritionFactsProps } from './props.js' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- diff --git a/packages/ui-instructure/src/NutritionFacts/v2/index.tsx b/packages/ui-instructure/src/NutritionFacts/v2/index.tsx index e40ef8908f..ae627e43b0 100644 --- a/packages/ui-instructure/src/NutritionFacts/v2/index.tsx +++ b/packages/ui-instructure/src/NutritionFacts/v2/index.tsx @@ -29,8 +29,8 @@ import { Text } from '@instructure/ui-text/latest' import { Link } from '@instructure/ui-link/latest' import { useStyleNew } from '@instructure/emotion' -import { NutritionFactsProps } from './props' -import generateStyle from './styles' +import { NutritionFactsProps } from './props.js' +import generateStyle from './styles.js' /** --- diff --git a/packages/ui-instructure/src/exports/a.ts b/packages/ui-instructure/src/exports/a.ts index 5677d202fd..eb1b15f469 100644 --- a/packages/ui-instructure/src/exports/a.ts +++ b/packages/ui-instructure/src/exports/a.ts @@ -21,9 +21,9 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { NutritionFacts } from '../NutritionFacts/v1' -export { DataPermissionLevels } from '../DataPermissionLevels/v1' -export { AiInformation } from '../AiInformation/v1' +export { NutritionFacts } from '../NutritionFacts/v1/index.js' +export { DataPermissionLevels } from '../DataPermissionLevels/v1/index.js' +export { AiInformation } from '../AiInformation/v1/index.js' export type { NutritionFactsProps } from '../NutritionFacts/v1/props' export type { DataPermissionLevelsProps } from '../DataPermissionLevels/v1/props' export type { AiInformationProps } from '../AiInformation/v1/props' diff --git a/packages/ui-instructure/src/exports/b.ts b/packages/ui-instructure/src/exports/b.ts index f53738bdca..94cd77b9b1 100644 --- a/packages/ui-instructure/src/exports/b.ts +++ b/packages/ui-instructure/src/exports/b.ts @@ -21,9 +21,9 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { NutritionFacts } from '../NutritionFacts/v2' -export { DataPermissionLevels } from '../DataPermissionLevels/v2' -export { AiInformation } from '../AiInformation/v2' +export { NutritionFacts } from '../NutritionFacts/v2/index.js' +export { DataPermissionLevels } from '../DataPermissionLevels/v2/index.js' +export { AiInformation } from '../AiInformation/v2/index.js' export type { NutritionFactsProps } from '../NutritionFacts/v2/props' export type { DataPermissionLevelsProps } from '../DataPermissionLevels/v2/props' export type { AiInformationProps } from '../AiInformation/v2/props' diff --git a/packages/ui-link/src/Link/v1/index.tsx b/packages/ui-link/src/Link/v1/index.tsx index d6902b5c44..9906b0cdc7 100644 --- a/packages/ui-link/src/Link/v1/index.tsx +++ b/packages/ui-link/src/Link/v1/index.tsx @@ -38,10 +38,10 @@ import { combineDataCid } from '@instructure/ui-utils' import { logWarn as 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 { allowedProps } from './props' +import { allowedProps } from './props.js' import type { LinkProps, LinkState, LinkStyleProps } from './props' import type { ViewOwnProps } from '@instructure/ui-view/v11_6' @@ -53,6 +53,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Link extends Component { + static displayName = 'Link' static readonly componentId = 'Link' static allowedProps = allowedProps diff --git a/packages/ui-link/src/Link/v2/index.tsx b/packages/ui-link/src/Link/v2/index.tsx index ba0e55f712..097595feb5 100644 --- a/packages/ui-link/src/Link/v2/index.tsx +++ b/packages/ui-link/src/Link/v2/index.tsx @@ -38,9 +38,9 @@ import { logWarn as warn } from '@instructure/console' import { renderIconWithProps } from '@instructure/ui-icons' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { LinkProps, LinkState, LinkStyleProps } from './props' import type { ViewOwnProps } from '@instructure/ui-view/latest' @@ -52,6 +52,7 @@ category: components **/ @withStyleNew(generateStyle) class Link extends Component { + static displayName = 'Link' static readonly componentId = 'Link' static allowedProps = allowedProps diff --git a/packages/ui-link/src/exports/a.ts b/packages/ui-link/src/exports/a.ts index 00bd1a637d..16cf6651ae 100644 --- a/packages/ui-link/src/exports/a.ts +++ b/packages/ui-link/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Link } from '../Link/v1' +export { Link } from '../Link/v1/index.js' export type { LinkProps } from '../Link/v1/props' diff --git a/packages/ui-link/src/exports/b.ts b/packages/ui-link/src/exports/b.ts index a45a6cae78..e1c162599f 100644 --- a/packages/ui-link/src/exports/b.ts +++ b/packages/ui-link/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Link } from '../Link/v2' +export { Link } from '../Link/v2/index.js' export type { LinkProps } from '../Link/v2/props' diff --git a/packages/ui-list/src/InlineList/v1/InlineListItem/index.tsx b/packages/ui-list/src/InlineList/v1/InlineListItem/index.tsx index ec3db56623..4f5b640091 100644 --- a/packages/ui-list/src/InlineList/v1/InlineListItem/index.tsx +++ b/packages/ui-list/src/InlineList/v1/InlineListItem/index.tsx @@ -29,10 +29,10 @@ import { passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { InlineListItemProps } from './props' /** @@ -43,6 +43,7 @@ id: InlineList.Item **/ @withStyle(generateStyle, generateComponentTheme) class InlineListItem extends Component { + static displayName = 'InlineListItem' static readonly componentId = 'InlineList.Item' static allowedProps = allowedProps diff --git a/packages/ui-list/src/InlineList/v1/index.tsx b/packages/ui-list/src/InlineList/v1/index.tsx index c96c86fcc8..ff746b47f7 100644 --- a/packages/ui-list/src/InlineList/v1/index.tsx +++ b/packages/ui-list/src/InlineList/v1/index.tsx @@ -26,9 +26,9 @@ import { Children, Component, ReactElement } from 'react' import { View } from '@instructure/ui-view/v11_6' import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils' -import { InlineListItem } from './InlineListItem' +import { InlineListItem } from './InlineListItem/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { InlineListProps } from './props' /** @@ -38,6 +38,7 @@ category: components **/ class InlineList extends Component { + static displayName = 'InlineList' static allowedProps = allowedProps static defaultProps = { itemSpacing: 'none', diff --git a/packages/ui-list/src/InlineList/v2/InlineListItem/index.tsx b/packages/ui-list/src/InlineList/v2/InlineListItem/index.tsx index 961a792d4e..4e6a218c29 100644 --- a/packages/ui-list/src/InlineList/v2/InlineListItem/index.tsx +++ b/packages/ui-list/src/InlineList/v2/InlineListItem/index.tsx @@ -28,8 +28,8 @@ import { View } from '@instructure/ui-view/latest' import { passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' -import { allowedProps } from './props' +import generateStyle from './styles.js' +import { allowedProps } from './props.js' import type { InlineListItemProps } from './props' /** @@ -40,6 +40,7 @@ id: InlineList.Item **/ @withStyleNew(generateStyle) class InlineListItem extends Component { + static displayName = 'InlineListItem' static readonly componentId = 'InlineList.Item' static allowedProps = allowedProps diff --git a/packages/ui-list/src/InlineList/v2/index.tsx b/packages/ui-list/src/InlineList/v2/index.tsx index ac400cd445..f17dadd237 100644 --- a/packages/ui-list/src/InlineList/v2/index.tsx +++ b/packages/ui-list/src/InlineList/v2/index.tsx @@ -26,9 +26,9 @@ import { Children, Component, ReactElement } from 'react' import { View } from '@instructure/ui-view/latest' import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils' -import { InlineListItem } from './InlineListItem' +import { InlineListItem } from './InlineListItem/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { InlineListProps } from './props' /** @@ -38,6 +38,7 @@ category: components **/ class InlineList extends Component { + static displayName = 'InlineList' static allowedProps = allowedProps static defaultProps = { itemSpacing: 'none', diff --git a/packages/ui-list/src/List/v1/ListItem/index.tsx b/packages/ui-list/src/List/v1/ListItem/index.tsx index 189a91a146..abf3d088c3 100644 --- a/packages/ui-list/src/List/v1/ListItem/index.tsx +++ b/packages/ui-list/src/List/v1/ListItem/index.tsx @@ -29,10 +29,10 @@ import { passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ListItemProps } from './props' /** @@ -43,6 +43,7 @@ id: List.Item **/ @withStyle(generateStyle, generateComponentTheme) class ListItem extends Component { + static displayName = 'ListItem' static readonly componentId = 'List.Item' static allowedProps = allowedProps diff --git a/packages/ui-list/src/List/v1/index.tsx b/packages/ui-list/src/List/v1/index.tsx index 6ffefb2ed2..0817c77e1c 100644 --- a/packages/ui-list/src/List/v1/index.tsx +++ b/packages/ui-list/src/List/v1/index.tsx @@ -27,14 +27,14 @@ import { Children, Component, ReactElement } from 'react' import { View } from '@instructure/ui-view/v11_6' import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils' -import { ListItem } from './ListItem' +import { ListItem } from './ListItem/index.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ListProps } from './props' /** @@ -44,6 +44,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class List extends Component { + static displayName = 'List' static readonly componentId = 'List' static allowedProps = allowedProps diff --git a/packages/ui-list/src/List/v2/ListItem/index.tsx b/packages/ui-list/src/List/v2/ListItem/index.tsx index 50ae433759..2009d80df0 100644 --- a/packages/ui-list/src/List/v2/ListItem/index.tsx +++ b/packages/ui-list/src/List/v2/ListItem/index.tsx @@ -28,8 +28,8 @@ import { View } from '@instructure/ui-view/latest' import { passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' -import { allowedProps } from './props' +import generateStyle from './styles.js' +import { allowedProps } from './props.js' import type { ListItemProps } from './props' /** @@ -40,6 +40,7 @@ id: List.Item **/ @withStyleNew(generateStyle) class ListItem extends Component { + static displayName = 'ListItem' static readonly componentId = 'List.Item' static allowedProps = allowedProps diff --git a/packages/ui-list/src/List/v2/index.tsx b/packages/ui-list/src/List/v2/index.tsx index 5175008a66..0ccf37d5f9 100644 --- a/packages/ui-list/src/List/v2/index.tsx +++ b/packages/ui-list/src/List/v2/index.tsx @@ -28,9 +28,9 @@ import { View } from '@instructure/ui-view/latest' import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { ListItem } from './ListItem' -import generateStyle from './styles' -import { allowedProps } from './props' +import { ListItem } from './ListItem/index.js' +import generateStyle from './styles.js' +import { allowedProps } from './props.js' import type { ListProps } from './props' /** @@ -40,6 +40,7 @@ category: components **/ @withStyleNew(generateStyle) class List extends Component { + static displayName = 'List' static readonly componentId = 'List' static allowedProps = allowedProps diff --git a/packages/ui-list/src/exports/a.ts b/packages/ui-list/src/exports/a.ts index 9b0bd0544a..069c945587 100644 --- a/packages/ui-list/src/exports/a.ts +++ b/packages/ui-list/src/exports/a.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { InlineList } from '../InlineList/v1' -export { List, ListItem } from '../List/v1' -export { InlineListItem } from '../InlineList/v1/InlineListItem' +export { InlineList } from '../InlineList/v1/index.js' +export { List, ListItem } from '../List/v1/index.js' +export { InlineListItem } from '../InlineList/v1/InlineListItem/index.js' export type { InlineListProps } from '../InlineList/v1/props' export type { InlineListItemProps } from '../InlineList/v1/InlineListItem/props' diff --git a/packages/ui-list/src/exports/b.ts b/packages/ui-list/src/exports/b.ts index 817b6e8d3c..e83b78148d 100644 --- a/packages/ui-list/src/exports/b.ts +++ b/packages/ui-list/src/exports/b.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { InlineList } from '../InlineList/v2' -export { List, ListItem } from '../List/v2' -export { InlineListItem } from '../InlineList/v2/InlineListItem' +export { InlineList } from '../InlineList/v2/index.js' +export { List, ListItem } from '../List/v2/index.js' +export { InlineListItem } from '../InlineList/v2/InlineListItem/index.js' export type { InlineListProps } from '../InlineList/v2/props' export type { InlineListItemProps } from '../InlineList/v2/InlineListItem/props' diff --git a/packages/ui-menu/src/Menu/v1/MenuItem/index.tsx b/packages/ui-menu/src/Menu/v1/MenuItem/index.tsx index 6a53337bc1..be72e6878c 100644 --- a/packages/ui-menu/src/Menu/v1/MenuItem/index.tsx +++ b/packages/ui-menu/src/Menu/v1/MenuItem/index.tsx @@ -36,12 +36,12 @@ import { createChainedFunction } from '@instructure/ui-utils' import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils' import { withStyle } from '@instructure/emotion' -import { MenuContext } from '../../../utils/v1/MenuContext' +import { MenuContext } from '../../../utils/v1/MenuContext.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuItemProps, MenuItemState } from './props' /** @@ -53,6 +53,7 @@ id: Menu.Item @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class MenuItem extends Component { + static displayName = 'MenuItem' static readonly componentId = 'Menu.Item' static allowedProps = allowedProps diff --git a/packages/ui-menu/src/Menu/v1/MenuItem/props.ts b/packages/ui-menu/src/Menu/v1/MenuItem/props.ts index ab854a8314..624c4aed82 100644 --- a/packages/ui-menu/src/Menu/v1/MenuItem/props.ts +++ b/packages/ui-menu/src/Menu/v1/MenuItem/props.ts @@ -23,7 +23,7 @@ */ import React from 'react' -import MenuItem from '../MenuItem' +import MenuItem from '../MenuItem/index.js' import type { AsElementType, diff --git a/packages/ui-menu/src/Menu/v1/MenuItemGroup/index.tsx b/packages/ui-menu/src/Menu/v1/MenuItemGroup/index.tsx index e673ed3e1d..eb914e1ef7 100644 --- a/packages/ui-menu/src/Menu/v1/MenuItemGroup/index.tsx +++ b/packages/ui-menu/src/Menu/v1/MenuItemGroup/index.tsx @@ -33,15 +33,15 @@ import { } from '@instructure/ui-react-utils' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' -import { MenuItem } from '../MenuItem' +import { MenuItem } from '../MenuItem/index.js' import type { OnMenuItemSelect, MenuItemProps } from '../MenuItem/props' -import { MenuItemSeparator } from '../MenuItemSeparator' +import { MenuItemSeparator } from '../MenuItemSeparator/index.js' import type { MenuSeparatorProps } from '../MenuItemSeparator/props' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuGroupProps, MenuGroupState } from './props' type MenuItemChild = ComponentElement @@ -59,6 +59,7 @@ id: Menu.Group @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class MenuItemGroup extends Component { + static displayName = 'MenuItemGroup' static readonly componentId = 'Menu.Group' static allowedProps = allowedProps diff --git a/packages/ui-menu/src/Menu/v1/MenuItemGroup/props.ts b/packages/ui-menu/src/Menu/v1/MenuItemGroup/props.ts index 8e473de873..c7a11907d0 100644 --- a/packages/ui-menu/src/Menu/v1/MenuItemGroup/props.ts +++ b/packages/ui-menu/src/Menu/v1/MenuItemGroup/props.ts @@ -24,7 +24,7 @@ import React from 'react' -import { MenuItem } from '../MenuItem' +import { MenuItem } from '../MenuItem/index.js' import type { MenuGroupTheme, diff --git a/packages/ui-menu/src/Menu/v1/MenuItemSeparator/index.tsx b/packages/ui-menu/src/Menu/v1/MenuItemSeparator/index.tsx index 845a1d2e79..ab22ab23e6 100644 --- a/packages/ui-menu/src/Menu/v1/MenuItemSeparator/index.tsx +++ b/packages/ui-menu/src/Menu/v1/MenuItemSeparator/index.tsx @@ -27,10 +27,10 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' import { omitProps } from '@instructure/ui-react-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuSeparatorProps } from './props' /** @@ -42,6 +42,7 @@ id: Menu.Separator **/ @withStyle(generateStyle, generateComponentTheme) class MenuItemSeparator extends Component { + static displayName = 'MenuItemSeparator' static readonly componentId = 'Menu.Separator' static allowedProps = allowedProps diff --git a/packages/ui-menu/src/Menu/v1/index.tsx b/packages/ui-menu/src/Menu/v1/index.tsx index 69a90103d4..22975b9226 100644 --- a/packages/ui-menu/src/Menu/v1/index.tsx +++ b/packages/ui-menu/src/Menu/v1/index.tsx @@ -34,19 +34,19 @@ import { import { logError as error } from '@instructure/console' import { containsActiveElement } from '@instructure/ui-dom-utils' -import { MenuContext } from '../../utils/v1/MenuContext' -import { MenuItem } from './MenuItem' +import { MenuContext } from '../../utils/v1/MenuContext.js' +import { MenuItem } from './MenuItem/index.js' import type { MenuItemProps } from './MenuItem/props' -import { MenuItemGroup } from './MenuItemGroup' +import { MenuItemGroup } from './MenuItemGroup/index.js' import type { MenuGroupProps } from './MenuItemGroup/props' -import { MenuItemSeparator } from './MenuItemSeparator' +import { MenuItemSeparator } from './MenuItemSeparator/index.js' import type { MenuSeparatorProps } from './MenuItemSeparator/props' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuProps } from './props' type MenuChild = ComponentElement @@ -65,6 +65,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Menu extends Component { + static displayName = 'Menu' static readonly componentId = 'Menu' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-menu/src/Menu/v1/props.ts b/packages/ui-menu/src/Menu/v1/props.ts index 3003d9913d..defcd2e304 100644 --- a/packages/ui-menu/src/Menu/v1/props.ts +++ b/packages/ui-menu/src/Menu/v1/props.ts @@ -34,7 +34,7 @@ import type { import type { Popover } from '@instructure/ui-popover/v11_6' import type { WithDeterministicIdProps } from '@instructure/ui-react-utils' -import { MenuItem } from './MenuItem' +import { MenuItem } from './MenuItem/index.js' import type { Menu } from './index' import type { MenuItemProps } from './MenuItem/props' diff --git a/packages/ui-menu/src/Menu/v2/MenuItem/index.tsx b/packages/ui-menu/src/Menu/v2/MenuItem/index.tsx index b7cd510447..e53c8d5063 100644 --- a/packages/ui-menu/src/Menu/v2/MenuItem/index.tsx +++ b/packages/ui-menu/src/Menu/v2/MenuItem/index.tsx @@ -36,11 +36,11 @@ import { createChainedFunction } from '@instructure/ui-utils' import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils' import { withStyleNew } from '@instructure/emotion' -import { MenuContext } from '../../../utils/v1/MenuContext' +import { MenuContext } from '../../../utils/v1/MenuContext.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuItemProps, MenuItemState } from './props' /** @@ -52,6 +52,7 @@ id: Menu.Item @withDeterministicId() @withStyleNew(generateStyle) class MenuItem extends Component { + static displayName = 'MenuItem' static readonly componentId = 'Menu.Item' static allowedProps = allowedProps diff --git a/packages/ui-menu/src/Menu/v2/MenuItem/props.ts b/packages/ui-menu/src/Menu/v2/MenuItem/props.ts index e3d8a250b8..ee5e7a0515 100644 --- a/packages/ui-menu/src/Menu/v2/MenuItem/props.ts +++ b/packages/ui-menu/src/Menu/v2/MenuItem/props.ts @@ -23,7 +23,7 @@ */ import React from 'react' -import MenuItem from '../MenuItem' +import MenuItem from '../MenuItem/index.js' import type { AsElementType, diff --git a/packages/ui-menu/src/Menu/v2/MenuItemGroup/index.tsx b/packages/ui-menu/src/Menu/v2/MenuItemGroup/index.tsx index 451b3a6a9a..eb3bcf3fa7 100644 --- a/packages/ui-menu/src/Menu/v2/MenuItemGroup/index.tsx +++ b/packages/ui-menu/src/Menu/v2/MenuItemGroup/index.tsx @@ -33,14 +33,14 @@ import { } from '@instructure/ui-react-utils' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' -import { MenuItem } from '../MenuItem' +import { MenuItem } from '../MenuItem/index.js' import type { OnMenuItemSelect, MenuItemProps } from '../MenuItem/props' -import { MenuItemSeparator } from '../MenuItemSeparator' +import { MenuItemSeparator } from '../MenuItemSeparator/index.js' import type { MenuSeparatorProps } from '../MenuItemSeparator/props' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuGroupProps, MenuGroupState } from './props' type MenuItemChild = ComponentElement @@ -58,6 +58,7 @@ id: Menu.Group @withDeterministicId() @withStyleNew(generateStyle) class MenuItemGroup extends Component { + static displayName = 'MenuItemGroup' static readonly componentId = 'Menu.Group' static allowedProps = allowedProps diff --git a/packages/ui-menu/src/Menu/v2/MenuItemGroup/props.ts b/packages/ui-menu/src/Menu/v2/MenuItemGroup/props.ts index 9d17035f07..9dbb324f6d 100644 --- a/packages/ui-menu/src/Menu/v2/MenuItemGroup/props.ts +++ b/packages/ui-menu/src/Menu/v2/MenuItemGroup/props.ts @@ -24,7 +24,7 @@ import React from 'react' -import { MenuItem } from '../MenuItem' +import { MenuItem } from '../MenuItem/index.js' import type { OtherHTMLAttributes } from '@instructure/shared-types' import type { WithStyleProps, ComponentStyle } from '@instructure/emotion' diff --git a/packages/ui-menu/src/Menu/v2/MenuItemSeparator/index.tsx b/packages/ui-menu/src/Menu/v2/MenuItemSeparator/index.tsx index 60734f6b6c..832596f7dd 100644 --- a/packages/ui-menu/src/Menu/v2/MenuItemSeparator/index.tsx +++ b/packages/ui-menu/src/Menu/v2/MenuItemSeparator/index.tsx @@ -27,9 +27,9 @@ import { Component } from 'react' import { withStyleNew } from '@instructure/emotion' import { omitProps } from '@instructure/ui-react-utils' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuSeparatorProps } from './props' /** @@ -41,6 +41,7 @@ id: Menu.Separator **/ @withStyleNew(generateStyle) class MenuItemSeparator extends Component { + static displayName = 'MenuItemSeparator' static readonly componentId = 'Menu.Separator' static allowedProps = allowedProps diff --git a/packages/ui-menu/src/Menu/v2/index.tsx b/packages/ui-menu/src/Menu/v2/index.tsx index 67089f1eeb..dcbd26021a 100644 --- a/packages/ui-menu/src/Menu/v2/index.tsx +++ b/packages/ui-menu/src/Menu/v2/index.tsx @@ -34,18 +34,18 @@ import { import { logError as error } from '@instructure/console' import { containsActiveElement } from '@instructure/ui-dom-utils' -import { MenuContext } from '../../utils/v1/MenuContext' -import { MenuItem } from './MenuItem' +import { MenuContext } from '../../utils/v1/MenuContext.js' +import { MenuItem } from './MenuItem/index.js' import type { MenuItemProps } from './MenuItem/props' -import { MenuItemGroup } from './MenuItemGroup' +import { MenuItemGroup } from './MenuItemGroup/index.js' import type { MenuGroupProps } from './MenuItemGroup/props' -import { MenuItemSeparator } from './MenuItemSeparator' +import { MenuItemSeparator } from './MenuItemSeparator/index.js' import type { MenuSeparatorProps } from './MenuItemSeparator/props' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MenuProps } from './props' type MenuChild = ComponentElement @@ -64,6 +64,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Menu extends Component { + static displayName = 'Menu' static readonly componentId = 'Menu' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-menu/src/Menu/v2/props.ts b/packages/ui-menu/src/Menu/v2/props.ts index 67be9e8ed6..7aae3df300 100644 --- a/packages/ui-menu/src/Menu/v2/props.ts +++ b/packages/ui-menu/src/Menu/v2/props.ts @@ -35,7 +35,7 @@ import type { import type { Popover } from '@instructure/ui-popover/latest' import type { WithDeterministicIdProps } from '@instructure/ui-react-utils' -import { MenuItem } from './MenuItem' +import { MenuItem } from './MenuItem/index.js' import type { Menu } from './index' import type { MenuItemProps } from './MenuItem/props' diff --git a/packages/ui-menu/src/exports/a.ts b/packages/ui-menu/src/exports/a.ts index 80ab90a85f..8778eb7834 100644 --- a/packages/ui-menu/src/exports/a.ts +++ b/packages/ui-menu/src/exports/a.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v1' +export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v1/index.js' export type { MenuProps } from '../Menu/v1/props' export type { MenuItemProps } from '../Menu/v1/MenuItem/props' diff --git a/packages/ui-menu/src/exports/b.ts b/packages/ui-menu/src/exports/b.ts index a3a2cc3ade..5d81d4f038 100644 --- a/packages/ui-menu/src/exports/b.ts +++ b/packages/ui-menu/src/exports/b.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v2' +export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v2/index.js' export type { MenuProps } from '../Menu/v2/props' export type { MenuItemProps } from '../Menu/v2/MenuItem/props' diff --git a/packages/ui-metric/src/Metric/v1/index.tsx b/packages/ui-metric/src/Metric/v1/index.tsx index e04ccadb53..012c99b91e 100644 --- a/packages/ui-metric/src/Metric/v1/index.tsx +++ b/packages/ui-metric/src/Metric/v1/index.tsx @@ -27,10 +27,10 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MetricProps } from './props' /** @@ -40,6 +40,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Metric extends Component { + static displayName = 'Metric' static readonly componentId = 'Metric' static allowedProps = allowedProps diff --git a/packages/ui-metric/src/Metric/v2/index.tsx b/packages/ui-metric/src/Metric/v2/index.tsx index dd67fda6e3..b01d1ee68b 100644 --- a/packages/ui-metric/src/Metric/v2/index.tsx +++ b/packages/ui-metric/src/Metric/v2/index.tsx @@ -27,7 +27,7 @@ import { forwardRef } from 'react' import { useStyleNew } from '@instructure/emotion' import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { MetricProps } from './props' diff --git a/packages/ui-metric/src/MetricGroup/v1/index.tsx b/packages/ui-metric/src/MetricGroup/v1/index.tsx index 3fdfef0568..60dbac9162 100644 --- a/packages/ui-metric/src/MetricGroup/v1/index.tsx +++ b/packages/ui-metric/src/MetricGroup/v1/index.tsx @@ -27,10 +27,10 @@ import { Children, Component, ReactElement } from 'react' import { withStyle } from '@instructure/emotion' import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { MetricGroupProps } from './props' /** @@ -40,6 +40,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class MetricGroup extends Component { + static displayName = 'MetricGroup' static readonly componentId = 'MetricGroup' static allowedProps = allowedProps diff --git a/packages/ui-metric/src/MetricGroup/v2/index.tsx b/packages/ui-metric/src/MetricGroup/v2/index.tsx index d7f247ced5..9043cebfd9 100644 --- a/packages/ui-metric/src/MetricGroup/v2/index.tsx +++ b/packages/ui-metric/src/MetricGroup/v2/index.tsx @@ -26,7 +26,7 @@ import { Children, forwardRef, ReactElement } from 'react' import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { MetricGroupProps } from './props' diff --git a/packages/ui-metric/src/exports/a.ts b/packages/ui-metric/src/exports/a.ts index 76fbf6e332..1179209066 100644 --- a/packages/ui-metric/src/exports/a.ts +++ b/packages/ui-metric/src/exports/a.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { Metric } from '../Metric/v1' -export { MetricGroup } from '../MetricGroup/v1' +export { Metric } from '../Metric/v1/index.js' +export { MetricGroup } from '../MetricGroup/v1/index.js' export type { MetricProps } from '../Metric/v1/props' export type { MetricGroupProps } from '../MetricGroup/v1/props' diff --git a/packages/ui-metric/src/exports/b.ts b/packages/ui-metric/src/exports/b.ts index c7bbdffc42..fe0b23473e 100644 --- a/packages/ui-metric/src/exports/b.ts +++ b/packages/ui-metric/src/exports/b.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { Metric } from '../Metric/v2' -export { MetricGroup } from '../MetricGroup/v2' +export { Metric } from '../Metric/v2/index.js' +export { MetricGroup } from '../MetricGroup/v2/index.js' export type { MetricProps } from '../Metric/v2/props' export type { MetricGroupProps } from '../MetricGroup/v2/props' diff --git a/packages/ui-modal/src/Modal/v1/ModalBody/index.tsx b/packages/ui-modal/src/Modal/v1/ModalBody/index.tsx index 1241e4821d..ff71041db7 100644 --- a/packages/ui-modal/src/Modal/v1/ModalBody/index.tsx +++ b/packages/ui-modal/src/Modal/v1/ModalBody/index.tsx @@ -29,13 +29,13 @@ import { omitProps } from '@instructure/ui-react-utils' import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalBodyProps } from './props' import { UIElement } from '@instructure/shared-types' -import ModalContext from '../ModalContext' +import ModalContext from '../ModalContext.js' /** --- @@ -45,6 +45,7 @@ id: Modal.Body **/ @withStyle(generateStyle, generateComponentTheme) class ModalBody extends Component { + static displayName = 'ModalBody' static readonly componentId = 'Modal.Body' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v1/ModalFooter/index.tsx b/packages/ui-modal/src/Modal/v1/ModalFooter/index.tsx index 8a835ee66f..b0c2a74dfe 100644 --- a/packages/ui-modal/src/Modal/v1/ModalFooter/index.tsx +++ b/packages/ui-modal/src/Modal/v1/ModalFooter/index.tsx @@ -26,10 +26,10 @@ import { Component } from 'react' import { passthroughProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalFooterProps } from './props' /** @@ -40,6 +40,7 @@ id: Modal.Footer **/ @withStyle(generateStyle, generateComponentTheme) class ModalFooter extends Component { + static displayName = 'ModalFooter' static readonly componentId = 'Modal.Footer' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v1/ModalHeader/index.tsx b/packages/ui-modal/src/Modal/v1/ModalHeader/index.tsx index 048e172aa2..ac41683e27 100644 --- a/packages/ui-modal/src/Modal/v1/ModalHeader/index.tsx +++ b/packages/ui-modal/src/Modal/v1/ModalHeader/index.tsx @@ -34,12 +34,12 @@ import { withStyle } from '@instructure/emotion' import { CloseButton } from '@instructure/ui-buttons/v11_6' import type { CloseButtonProps } from '@instructure/ui-buttons/v11_6' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalHeaderProps, ModalHeaderStyleProps } from './props' -import ModalContext from '../ModalContext' +import ModalContext from '../ModalContext.js' type CloseButtonChild = ComponentElement @@ -51,6 +51,7 @@ id: Modal.Header **/ @withStyle(generateStyle, generateComponentTheme) class ModalHeader extends Component { + static displayName = 'ModalHeader' static readonly componentId = 'Modal.Header' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v1/index.tsx b/packages/ui-modal/src/Modal/v1/index.tsx index d8d3be8f23..366541e29e 100644 --- a/packages/ui-modal/src/Modal/v1/index.tsx +++ b/packages/ui-modal/src/Modal/v1/index.tsx @@ -33,23 +33,23 @@ import type { PortalNode } from '@instructure/ui-portal' import { Dialog } from '@instructure/ui-dialog' import { Mask } from '@instructure/ui-overlays/v11_6' -import { ModalHeader } from './ModalHeader' -import { ModalBody } from './ModalBody' -import { ModalFooter } from './ModalFooter' +import { ModalHeader } from './ModalHeader/index.js' +import { ModalBody } from './ModalBody/index.js' +import { ModalFooter } from './ModalFooter/index.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalProps, ModalState, ModalPropsForPortal, ModalPropsForTransition } from './props' -import ModalContext from './ModalContext' +import ModalContext from './ModalContext.js' /** --- @@ -59,6 +59,7 @@ tags: overlay, portal, dialog **/ @withStyle(generateStyle, generateComponentTheme) class Modal extends Component { + static displayName = 'Modal' static readonly componentId = 'Modal' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v2/ModalBody/index.tsx b/packages/ui-modal/src/Modal/v2/ModalBody/index.tsx index 61f5200137..1bf2a48ba5 100644 --- a/packages/ui-modal/src/Modal/v2/ModalBody/index.tsx +++ b/packages/ui-modal/src/Modal/v2/ModalBody/index.tsx @@ -29,12 +29,12 @@ import { omitProps } from '@instructure/ui-react-utils' import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalBodyProps } from './props' import { UIElement } from '@instructure/shared-types' -import ModalContext from '../ModalContext' +import ModalContext from '../ModalContext.js' /** --- @@ -44,6 +44,7 @@ id: Modal.Body **/ @withStyleNew(generateStyle, 'ModalBody') class ModalBody extends Component { + static displayName = 'ModalBody' static readonly componentId = 'Modal.Body' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v2/ModalFooter/index.tsx b/packages/ui-modal/src/Modal/v2/ModalFooter/index.tsx index 498e35a978..bb77cde863 100644 --- a/packages/ui-modal/src/Modal/v2/ModalFooter/index.tsx +++ b/packages/ui-modal/src/Modal/v2/ModalFooter/index.tsx @@ -26,9 +26,9 @@ import { Component } from 'react' import { passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalFooterProps } from './props' /** @@ -39,6 +39,7 @@ id: Modal.Footer **/ @withStyleNew(generateStyle, 'ModalFooter') class ModalFooter extends Component { + static displayName = 'ModalFooter' static readonly componentId = 'Modal.Footer' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v2/ModalHeader/index.tsx b/packages/ui-modal/src/Modal/v2/ModalHeader/index.tsx index cd0aa31354..496550d704 100644 --- a/packages/ui-modal/src/Modal/v2/ModalHeader/index.tsx +++ b/packages/ui-modal/src/Modal/v2/ModalHeader/index.tsx @@ -34,11 +34,11 @@ import { withStyleNew } from '@instructure/emotion' import { CloseButton } from '@instructure/ui-buttons/latest' import type { CloseButtonProps } from '@instructure/ui-buttons/latest' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalHeaderProps, ModalHeaderStyleProps } from './props' -import ModalContext from '../ModalContext' +import ModalContext from '../ModalContext.js' type CloseButtonChild = ComponentElement @@ -50,6 +50,7 @@ id: Modal.Header **/ @withStyleNew(generateStyle, 'ModalHeader') class ModalHeader extends Component { + static displayName = 'ModalHeader' static readonly componentId = 'Modal.Header' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/Modal/v2/index.tsx b/packages/ui-modal/src/Modal/v2/index.tsx index 036981dbf7..f301d08c3a 100644 --- a/packages/ui-modal/src/Modal/v2/index.tsx +++ b/packages/ui-modal/src/Modal/v2/index.tsx @@ -33,22 +33,22 @@ import type { PortalNode } from '@instructure/ui-portal' import { Dialog } from '@instructure/ui-dialog' import { Mask } from '@instructure/ui-overlays/latest' -import { ModalHeader } from './ModalHeader' -import { ModalBody } from './ModalBody' -import { ModalFooter } from './ModalFooter' +import { ModalHeader } from './ModalHeader/index.js' +import { ModalBody } from './ModalBody/index.js' +import { ModalFooter } from './ModalFooter/index.js' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ModalProps, ModalState, ModalPropsForPortal, ModalPropsForTransition } from './props' -import ModalContext from './ModalContext' +import ModalContext from './ModalContext.js' /** --- @@ -58,6 +58,7 @@ tags: overlay, portal, dialog **/ @withStyleNew(generateStyle) class Modal extends Component { + static displayName = 'Modal' static readonly componentId = 'Modal' static allowedProps = allowedProps diff --git a/packages/ui-modal/src/exports/a.ts b/packages/ui-modal/src/exports/a.ts index 941b8745b2..3d5b080f09 100644 --- a/packages/ui-modal/src/exports/a.ts +++ b/packages/ui-modal/src/exports/a.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v1' +export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v1/index.js' export type { ModalProps } from '../Modal/v1/props' export type { ModalBodyProps } from '../Modal/v1/ModalBody/props' diff --git a/packages/ui-modal/src/exports/b.ts b/packages/ui-modal/src/exports/b.ts index a7879aba02..8787c6e487 100644 --- a/packages/ui-modal/src/exports/b.ts +++ b/packages/ui-modal/src/exports/b.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v2' +export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v2/index.js' export type { ModalProps } from '../Modal/v2/props' export type { ModalBodyProps } from '../Modal/v2/ModalBody/props' diff --git a/packages/ui-motion/src/Transition/BaseTransition/index.ts b/packages/ui-motion/src/Transition/BaseTransition/index.ts index a9f5749685..741aeddf9a 100644 --- a/packages/ui-motion/src/Transition/BaseTransition/index.ts +++ b/packages/ui-motion/src/Transition/BaseTransition/index.ts @@ -30,7 +30,7 @@ import { safeCloneElement } from '@instructure/ui-react-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { BaseTransitionProps, BaseTransitionState, @@ -56,6 +56,7 @@ class BaseTransition extends Component< BaseTransitionProps, BaseTransitionState > { + static displayName = 'BaseTransition' static allowedProps = allowedProps static defaultProps = { in: false, diff --git a/packages/ui-motion/src/Transition/__tests__/Transition.test.tsx b/packages/ui-motion/src/Transition/__tests__/Transition.test.tsx index a44df61b2b..4263cc488e 100644 --- a/packages/ui-motion/src/Transition/__tests__/Transition.test.tsx +++ b/packages/ui-motion/src/Transition/__tests__/Transition.test.tsx @@ -32,8 +32,8 @@ import { vi } from 'vitest' import type { MockInstance } from 'vitest' import '@testing-library/jest-dom' -import { Transition } from '../index' -import { getClassNames } from '../styles' +import { Transition } from '../index.js' +import { getClassNames } from '../styles.js' import type { TransitionStyle, TransitionType } from '../props' diff --git a/packages/ui-motion/src/Transition/index.tsx b/packages/ui-motion/src/Transition/index.tsx index 498ee6f3c5..94efead91a 100644 --- a/packages/ui-motion/src/Transition/index.tsx +++ b/packages/ui-motion/src/Transition/index.tsx @@ -29,12 +29,12 @@ import { ms } from '@instructure/ui-utils' import { withStyle, Global } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { BaseTransition } from './BaseTransition' +import { BaseTransition } from './BaseTransition/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TransitionProps } from './props' /** @@ -45,6 +45,7 @@ category: components/utilities **/ @withStyle(generateStyle, generateComponentTheme) class Transition extends Component { + static displayName = 'Transition' static readonly componentId = 'Transition' static allowedProps = allowedProps diff --git a/packages/ui-motion/src/index.ts b/packages/ui-motion/src/index.ts index 249fd28d0a..7fca89e202 100644 --- a/packages/ui-motion/src/index.ts +++ b/packages/ui-motion/src/index.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Transition } from './Transition' -export { BaseTransition } from './Transition/BaseTransition' +export { Transition } from './Transition/index.js' +export { BaseTransition } from './Transition/BaseTransition/index.js' export type { TransitionProps, TransitionType } from './Transition/props' export type { BaseTransitionStatesType } from './Transition/BaseTransition/props' diff --git a/packages/ui-navigation/src/AppNav/v1/Item/index.tsx b/packages/ui-navigation/src/AppNav/v1/Item/index.tsx index f1127f5a93..73edc32bc7 100644 --- a/packages/ui-navigation/src/AppNav/v1/Item/index.tsx +++ b/packages/ui-navigation/src/AppNav/v1/Item/index.tsx @@ -38,10 +38,10 @@ import type { ScreenReaderContentProps } 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 type { AppNavItemProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -52,6 +52,7 @@ id: AppNav.Item **/ @withStyle(generateStyle, generateComponentTheme) class Item extends Component { + static displayName = 'Item' static readonly componentId = 'AppNav.Item' static allowedProps = allowedProps diff --git a/packages/ui-navigation/src/AppNav/v1/index.tsx b/packages/ui-navigation/src/AppNav/v1/index.tsx index f5a9ea3313..bcf1947344 100644 --- a/packages/ui-navigation/src/AppNav/v1/index.tsx +++ b/packages/ui-navigation/src/AppNav/v1/index.tsx @@ -30,13 +30,13 @@ import { callRenderProp, omitProps } from '@instructure/ui-react-utils' import { View } from '@instructure/ui-view/v11_6' import { Menu } from '@instructure/ui-menu/v11_6' -import { Item } from './Item' +import { Item } from './Item/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { AppNavProps } from './props' -import { allowedProps } from './props' -import { AppNavItemProps } from './Item/props' +import { allowedProps } from './props.js' +import { AppNavItemProps } from './Item/props.js' import { TruncateList } from '@instructure/ui-truncate-list' @@ -47,6 +47,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class AppNav extends Component { + static displayName = 'AppNav' static readonly componentId = 'AppNav' static allowedProps = allowedProps diff --git a/packages/ui-navigation/src/AppNav/v2/Item/index.tsx b/packages/ui-navigation/src/AppNav/v2/Item/index.tsx index 91c76add49..056003708d 100644 --- a/packages/ui-navigation/src/AppNav/v2/Item/index.tsx +++ b/packages/ui-navigation/src/AppNav/v2/Item/index.tsx @@ -38,9 +38,9 @@ import type { ScreenReaderContentProps } from '@instructure/ui-a11y-content' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { AppNavItemProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -51,6 +51,7 @@ id: AppNav.Item **/ @withStyleNew(generateStyle) class Item extends Component { + static displayName = 'Item' static readonly componentId = 'AppNav.Item' static allowedProps = allowedProps diff --git a/packages/ui-navigation/src/AppNav/v2/index.tsx b/packages/ui-navigation/src/AppNav/v2/index.tsx index b227037ef9..ca4c4308e2 100644 --- a/packages/ui-navigation/src/AppNav/v2/index.tsx +++ b/packages/ui-navigation/src/AppNav/v2/index.tsx @@ -30,12 +30,12 @@ import { callRenderProp, omitProps } from '@instructure/ui-react-utils' import { View } from '@instructure/ui-view/latest' import { Menu } from '@instructure/ui-menu/latest' -import { Item } from './Item' +import { Item } from './Item/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { AppNavProps } from './props' -import { allowedProps } from './props' -import { AppNavItemProps } from './Item/props' +import { allowedProps } from './props.js' +import { AppNavItemProps } from './Item/props.js' import { TruncateList } from '@instructure/ui-truncate-list' @@ -46,6 +46,7 @@ category: components **/ @withStyleNew(generateStyle) class AppNav extends Component { + static displayName = 'AppNav' static readonly componentId = 'AppNav' static allowedProps = allowedProps diff --git a/packages/ui-navigation/src/exports/a.ts b/packages/ui-navigation/src/exports/a.ts index 4c404444d4..f98d054189 100644 --- a/packages/ui-navigation/src/exports/a.ts +++ b/packages/ui-navigation/src/exports/a.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { AppNav } from '../AppNav/v1' -export { Item as AppNavItem } from '../AppNav/v1/Item' +export { AppNav } from '../AppNav/v1/index.js' +export { Item as AppNavItem } from '../AppNav/v1/Item/index.js' export type { AppNavProps } from '../AppNav/v1/props' export type { AppNavItemProps } from '../AppNav/v1/Item/props' diff --git a/packages/ui-navigation/src/exports/b.ts b/packages/ui-navigation/src/exports/b.ts index bce04faf6b..a49be765d2 100644 --- a/packages/ui-navigation/src/exports/b.ts +++ b/packages/ui-navigation/src/exports/b.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { AppNav } from '../AppNav/v2' -export { Item as AppNavItem } from '../AppNav/v2/Item' +export { AppNav } from '../AppNav/v2/index.js' +export { Item as AppNavItem } from '../AppNav/v2/Item/index.js' export type { AppNavProps } from '../AppNav/v2/props' export type { AppNavItemProps } from '../AppNav/v2/Item/props' diff --git a/packages/ui-number-input/src/NumberInput/v1/index.tsx b/packages/ui-number-input/src/NumberInput/v1/index.tsx index 2a1ffb614d..a39d7298f4 100644 --- a/packages/ui-number-input/src/NumberInput/v1/index.tsx +++ b/packages/ui-number-input/src/NumberInput/v1/index.tsx @@ -41,10 +41,10 @@ import { hasVisibleChildren } from '@instructure/ui-a11y-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { NumberInputProps, NumberInputState, @@ -61,6 +61,7 @@ id: NumberInput @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class NumberInput extends Component { + static displayName = 'NumberInput' static readonly componentId = 'NumberInput' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-number-input/src/NumberInput/v2/index.tsx b/packages/ui-number-input/src/NumberInput/v2/index.tsx index c061dd6baa..cfdd9c7065 100644 --- a/packages/ui-number-input/src/NumberInput/v2/index.tsx +++ b/packages/ui-number-input/src/NumberInput/v2/index.tsx @@ -48,7 +48,7 @@ import { import { useStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { NumberInputProps } from './props' import { Renderable } from '@instructure/shared-types' diff --git a/packages/ui-number-input/src/exports/a.ts b/packages/ui-number-input/src/exports/a.ts index d37b8d8300..4d8e60f7be 100644 --- a/packages/ui-number-input/src/exports/a.ts +++ b/packages/ui-number-input/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { NumberInput } from '../NumberInput/v1' +export { NumberInput } from '../NumberInput/v1/index.js' export type { NumberInputProps } from '../NumberInput/v1/props' diff --git a/packages/ui-number-input/src/exports/b.ts b/packages/ui-number-input/src/exports/b.ts index aad15c1786..c15a064fab 100644 --- a/packages/ui-number-input/src/exports/b.ts +++ b/packages/ui-number-input/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { NumberInput } from '../NumberInput/v2' +export { NumberInput } from '../NumberInput/v2/index.js' export type { NumberInputProps } from '../NumberInput/v2/props' diff --git a/packages/ui-options/src/Options/v1/Item/index.tsx b/packages/ui-options/src/Options/v1/Item/index.tsx index 6deba06778..fdde7360fe 100644 --- a/packages/ui-options/src/Options/v1/Item/index.tsx +++ b/packages/ui-options/src/Options/v1/Item/index.tsx @@ -33,10 +33,10 @@ import { import { withStyle } from '@instructure/emotion' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' import type { OptionsItemProps, OptionsItemStyle } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -47,6 +47,7 @@ id: Options.Item @withDeterministicId() @withStyle(generateStyles, generateComponentTheme) class Item extends Component { + static displayName = 'Item' static readonly componentId = 'Options.Item' static allowedProps = allowedProps diff --git a/packages/ui-options/src/Options/v1/Separator/index.tsx b/packages/ui-options/src/Options/v1/Separator/index.tsx index 2490dd6887..f74fb7da2c 100644 --- a/packages/ui-options/src/Options/v1/Separator/index.tsx +++ b/packages/ui-options/src/Options/v1/Separator/index.tsx @@ -28,10 +28,10 @@ import { getElementType, omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' import type { OptionsSeparatorProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -42,6 +42,7 @@ id: Options.Separator **/ @withStyle(generateStyles, generateComponentTheme) class Separator extends Component { + static displayName = 'Separator' static readonly componentId = 'Options.Separator' static allowedProps = allowedProps diff --git a/packages/ui-options/src/Options/v1/index.tsx b/packages/ui-options/src/Options/v1/index.tsx index 218e8e5d6e..0f8ff9b336 100644 --- a/packages/ui-options/src/Options/v1/index.tsx +++ b/packages/ui-options/src/Options/v1/index.tsx @@ -35,16 +35,16 @@ import { View } from '@instructure/ui-view/v11_6' import { withStyle } from '@instructure/emotion' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' -import { Item } from './Item' +import { Item } from './Item/index.js' import type { OptionsItemProps } from './Item/props' -import { Separator } from './Separator' +import { Separator } from './Separator/index.js' import type { OptionsSeparatorProps } from './Separator/props' import type { OptionsProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { isAndroidOrIOS } from '@instructure/ui-utils' type ItemChild = ComponentElement @@ -60,6 +60,7 @@ category: components/utilities @withDeterministicId() @withStyle(generateStyles, generateComponentTheme) class Options extends Component { + static displayName = 'Options' static readonly componentId = 'Options' static allowedProps = allowedProps diff --git a/packages/ui-options/src/Options/v2/Item/index.tsx b/packages/ui-options/src/Options/v2/Item/index.tsx index 1d3b0bdfe9..efdbf23223 100644 --- a/packages/ui-options/src/Options/v2/Item/index.tsx +++ b/packages/ui-options/src/Options/v2/Item/index.tsx @@ -33,9 +33,9 @@ import { import { withStyleNew } from '@instructure/emotion' -import generateStyles from './styles' +import generateStyles from './styles.js' import type { OptionsItemProps, OptionsItemStyle } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -46,6 +46,7 @@ id: Options.Item @withDeterministicId() @withStyleNew(generateStyles) class Item extends Component { + static displayName = 'Item' static readonly componentId = 'Options.Item' static allowedProps = allowedProps diff --git a/packages/ui-options/src/Options/v2/Separator/index.tsx b/packages/ui-options/src/Options/v2/Separator/index.tsx index cf99ac4315..272f4ffb15 100644 --- a/packages/ui-options/src/Options/v2/Separator/index.tsx +++ b/packages/ui-options/src/Options/v2/Separator/index.tsx @@ -28,9 +28,9 @@ import { getElementType, omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyles from './styles' +import generateStyles from './styles.js' import type { OptionsSeparatorProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -41,6 +41,7 @@ id: Options.Separator **/ @withStyleNew(generateStyles) class Separator extends Component { + static displayName = 'Separator' static readonly componentId = 'Options.Separator' static allowedProps = allowedProps diff --git a/packages/ui-options/src/Options/v2/index.tsx b/packages/ui-options/src/Options/v2/index.tsx index c8fa7c8dde..56ae6c07c2 100644 --- a/packages/ui-options/src/Options/v2/index.tsx +++ b/packages/ui-options/src/Options/v2/index.tsx @@ -35,15 +35,15 @@ import { View } from '@instructure/ui-view/latest' import { withStyleNew } from '@instructure/emotion' -import generateStyles from './styles' +import generateStyles from './styles.js' -import { Item } from './Item' +import { Item } from './Item/index.js' import type { OptionsItemProps } from './Item/props' -import { Separator } from './Separator' +import { Separator } from './Separator/index.js' import type { OptionsSeparatorProps } from './Separator/props' import type { OptionsProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { isAndroidOrIOS } from '@instructure/ui-utils' type ItemChild = ComponentElement @@ -59,6 +59,7 @@ category: components/utilities @withDeterministicId() @withStyleNew(generateStyles) class Options extends Component { + static displayName = 'Options' static readonly componentId = 'Options' static allowedProps = allowedProps diff --git a/packages/ui-options/src/exports/a.ts b/packages/ui-options/src/exports/a.ts index e245a69070..bbb3c5ad42 100644 --- a/packages/ui-options/src/exports/a.ts +++ b/packages/ui-options/src/exports/a.ts @@ -22,13 +22,13 @@ * SOFTWARE. */ -export { Options } from '../Options/v1' -export { Item as OptionItem } from '../Options/v1/Item' -export { Separator as OptionSeparator } from '../Options/v1/Separator' +export { Options } from '../Options/v1/index.js' +export { Item as OptionItem } from '../Options/v1/Item/index.js' +export { Separator as OptionSeparator } from '../Options/v1/Separator/index.js' -export { optionsThemeGenerator } from '../Options/v1/theme' -export { optionsItemThemeGenerator } from '../Options/v1/Item/theme' -export { optionsSeparatorThemeGenerator } from '../Options/v1/Separator/theme' +export { optionsThemeGenerator } from '../Options/v1/theme.js' +export { optionsItemThemeGenerator } from '../Options/v1/Item/theme.js' +export { optionsSeparatorThemeGenerator } from '../Options/v1/Separator/theme.js' export type { OptionsProps } from '../Options/v1/props' export type { diff --git a/packages/ui-options/src/exports/b.ts b/packages/ui-options/src/exports/b.ts index ac7967e0d9..31899a9364 100644 --- a/packages/ui-options/src/exports/b.ts +++ b/packages/ui-options/src/exports/b.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { Options } from '../Options/v2' -export { Item as OptionItem } from '../Options/v2/Item' -export { Separator as OptionSeparator } from '../Options/v2/Separator' +export { Options } from '../Options/v2/index.js' +export { Item as OptionItem } from '../Options/v2/Item/index.js' +export { Separator as OptionSeparator } from '../Options/v2/Separator/index.js' export type { OptionsProps } from '../Options/v2/props' export type { diff --git a/packages/ui-overlays/src/Mask/v1/index.tsx b/packages/ui-overlays/src/Mask/v1/index.tsx index f191d97135..894c59e7ca 100644 --- a/packages/ui-overlays/src/Mask/v1/index.tsx +++ b/packages/ui-overlays/src/Mask/v1/index.tsx @@ -29,12 +29,12 @@ import { withStyle } from '@instructure/emotion' import type { ComponentStyle } from '@instructure/emotion' import { ensureSingleChild, omitProps } from '@instructure/ui-react-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { MaskProps } from './props' -import { allowedProps } from './props' -import MaskCounter from './MaskCounter' +import { allowedProps } from './props.js' +import MaskCounter from './MaskCounter.js' /** --- @@ -43,6 +43,7 @@ category: components/utilities **/ @withStyle(generateStyle, generateComponentTheme) class Mask extends Component { + static displayName = 'Mask' static readonly componentId = 'Mask' static allowedProps = allowedProps diff --git a/packages/ui-overlays/src/Mask/v2/index.tsx b/packages/ui-overlays/src/Mask/v2/index.tsx index 99e6ac4ee3..9afbef18da 100644 --- a/packages/ui-overlays/src/Mask/v2/index.tsx +++ b/packages/ui-overlays/src/Mask/v2/index.tsx @@ -29,11 +29,11 @@ import { withStyleNew } from '@instructure/emotion' import type { ComponentStyle } from '@instructure/emotion' import { ensureSingleChild, omitProps } from '@instructure/ui-react-utils' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { MaskProps } from './props' -import { allowedProps } from './props' -import MaskCounter from './MaskCounter' +import { allowedProps } from './props.js' +import MaskCounter from './MaskCounter.js' /** --- @@ -42,6 +42,7 @@ category: components/utilities **/ @withStyleNew(generateStyle) class Mask extends Component { + static displayName = 'Mask' static readonly componentId = 'Mask' static allowedProps = allowedProps diff --git a/packages/ui-overlays/src/Overlay/v1/index.tsx b/packages/ui-overlays/src/Overlay/v1/index.tsx index 04a890a8fa..f133d17797 100644 --- a/packages/ui-overlays/src/Overlay/v1/index.tsx +++ b/packages/ui-overlays/src/Overlay/v1/index.tsx @@ -35,7 +35,7 @@ import { Transition } from '@instructure/ui-motion' import type { TransitionType } from '@instructure/ui-motion' import type { OverlayProps, OverlayState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -43,6 +43,7 @@ category: components --- **/ class Overlay extends Component { + static displayName = 'Overlay' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-overlays/src/exports/a.ts b/packages/ui-overlays/src/exports/a.ts index b24d3c4db1..e9e3448c28 100644 --- a/packages/ui-overlays/src/exports/a.ts +++ b/packages/ui-overlays/src/exports/a.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Mask } from '../Mask/v1' -export { Overlay } from '../Overlay/v1' +export { Mask } from '../Mask/v1/index.js' +export { Overlay } from '../Overlay/v1/index.js' export type { MaskProps } from '../Mask/v1/props' export type { OverlayProps } from '../Overlay/v1/props' diff --git a/packages/ui-overlays/src/exports/b.ts b/packages/ui-overlays/src/exports/b.ts index ae3b00c193..1cdd31cc1e 100644 --- a/packages/ui-overlays/src/exports/b.ts +++ b/packages/ui-overlays/src/exports/b.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Mask } from '../Mask/v2' -export { Overlay } from '../Overlay/v1' +export { Mask } from '../Mask/v2/index.js' +export { Overlay } from '../Overlay/v1/index.js' export type { MaskProps } from '../Mask/v2/props' export type { OverlayProps } from '../Overlay/v1/props' diff --git a/packages/ui-pages/src/Pages/v1/Page/index.tsx b/packages/ui-pages/src/Pages/v1/Page/index.tsx index 4f28b57f50..9f7ce127ca 100644 --- a/packages/ui-pages/src/Pages/v1/Page/index.tsx +++ b/packages/ui-pages/src/Pages/v1/Page/index.tsx @@ -28,9 +28,9 @@ import { findDOMNode, findTabbable } from '@instructure/ui-dom-utils' import { logError as error } from '@instructure/console' import { View } from '@instructure/ui-view/v11_6' -import { PagesContext } from '../PagesContext' +import { PagesContext } from '../PagesContext.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PagesPageProps } from './props' /** @@ -40,6 +40,7 @@ id: Pages.Page --- **/ class Page extends Component { + static displayName = 'Page' static readonly componentId = 'Pages.Page' static allowedProps = allowedProps diff --git a/packages/ui-pages/src/Pages/v1/index.tsx b/packages/ui-pages/src/Pages/v1/index.tsx index d2aff10d9d..9258e76caa 100644 --- a/packages/ui-pages/src/Pages/v1/index.tsx +++ b/packages/ui-pages/src/Pages/v1/index.tsx @@ -32,15 +32,15 @@ import { } from '@instructure/ui-react-utils' import { logError as error } from '@instructure/console' -import { Page } from './Page' +import { Page } from './Page/index.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { PagesContext } from './PagesContext' +import { PagesContext } from './PagesContext.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PagesProps, PagesState } from './props' /** @@ -51,6 +51,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Pages extends Component { + static displayName = 'Pages' static readonly componentId = 'Pages' static allowedProps = allowedProps diff --git a/packages/ui-pages/src/exports/a.ts b/packages/ui-pages/src/exports/a.ts index b498da73b8..ee681c565c 100644 --- a/packages/ui-pages/src/exports/a.ts +++ b/packages/ui-pages/src/exports/a.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Pages } from '../Pages/v1' -export { Page as PagesPage } from '../Pages/v1/Page' +export { Pages } from '../Pages/v1/index.js' +export { Page as PagesPage } from '../Pages/v1/Page/index.js' export type { PagesProps } from '../Pages/v1/props' export type { PagesPageProps } from '../Pages/v1/Page/props' diff --git a/packages/ui-pagination/src/Pagination/__tests__/PaginationArrowButton.test.tsx b/packages/ui-pagination/src/Pagination/__tests__/PaginationArrowButton.test.tsx index 9b0e336f5d..140e7c7bf6 100644 --- a/packages/ui-pagination/src/Pagination/__tests__/PaginationArrowButton.test.tsx +++ b/packages/ui-pagination/src/Pagination/__tests__/PaginationArrowButton.test.tsx @@ -26,7 +26,7 @@ import { render, screen } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { PaginationArrowButton } from '../v2/PaginationArrowButton' +import { PaginationArrowButton } from '../v2/PaginationArrowButton/index.js' describe('', () => { it('should render', async () => { diff --git a/packages/ui-pagination/src/Pagination/__tests__/PaginationPageInput.test.tsx b/packages/ui-pagination/src/Pagination/__tests__/PaginationPageInput.test.tsx index c7ca67a9f8..edbd48731d 100644 --- a/packages/ui-pagination/src/Pagination/__tests__/PaginationPageInput.test.tsx +++ b/packages/ui-pagination/src/Pagination/__tests__/PaginationPageInput.test.tsx @@ -26,7 +26,7 @@ import { render, screen } from '@testing-library/react' import { vi } from 'vitest' import '@testing-library/jest-dom' -import { PaginationPageInput } from '../v2/PaginationPageInput' +import { PaginationPageInput } from '../v2/PaginationPageInput/index.js' const defaultSRLabel = (currentPage: number, numberOfPages: number) => `Select page (${currentPage} of ${numberOfPages})` diff --git a/packages/ui-pagination/src/Pagination/v1/PaginationArrowButton/index.tsx b/packages/ui-pagination/src/Pagination/v1/PaginationArrowButton/index.tsx index 9021d46ae4..0fe397e109 100644 --- a/packages/ui-pagination/src/Pagination/v1/PaginationArrowButton/index.tsx +++ b/packages/ui-pagination/src/Pagination/v1/PaginationArrowButton/index.tsx @@ -35,7 +35,7 @@ import { } from '@instructure/ui-icons' import type { PaginationNavigationProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -44,6 +44,7 @@ id: Pagination.Navigation --- **/ class PaginationArrowButton extends Component { + static displayName = 'PaginationArrowButton' static readonly componentId = 'Pagination.Navigation' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v1/PaginationButton/index.tsx b/packages/ui-pagination/src/Pagination/v1/PaginationButton/index.tsx index d3acfe9945..a2d1cf8ffe 100644 --- a/packages/ui-pagination/src/Pagination/v1/PaginationButton/index.tsx +++ b/packages/ui-pagination/src/Pagination/v1/PaginationButton/index.tsx @@ -27,7 +27,7 @@ import { Component } from 'react' import { BaseButton } from '@instructure/ui-buttons/v11_6' import { omitProps } from '@instructure/ui-react-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PaginationPageProps } from './props' /** @@ -38,6 +38,7 @@ id: Pagination.Page **/ class PaginationButton extends Component { + static displayName = 'PaginationButton' static readonly componentId = 'Pagination.Page' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v1/PaginationPageInput/index.tsx b/packages/ui-pagination/src/Pagination/v1/PaginationPageInput/index.tsx index 17f995e5b2..912c8d1093 100644 --- a/packages/ui-pagination/src/Pagination/v1/PaginationPageInput/index.tsx +++ b/packages/ui-pagination/src/Pagination/v1/PaginationPageInput/index.tsx @@ -28,10 +28,10 @@ import { withStyle } from '@instructure/emotion' import { NumberInput } from '@instructure/ui-number-input/v11_6' import { ScreenReaderContent } from '@instructure/ui-a11y-content' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PaginationPageInputProps, PaginationPageInputState @@ -48,6 +48,7 @@ class PaginationPageInput extends Component< PaginationPageInputProps, PaginationPageInputState > { + static displayName = 'PaginationPageInput' static readonly componentId = 'Pagination.PageInput' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v1/index.tsx b/packages/ui-pagination/src/Pagination/v1/index.tsx index 555295ad9a..8dabbcc561 100644 --- a/packages/ui-pagination/src/Pagination/v1/index.tsx +++ b/packages/ui-pagination/src/Pagination/v1/index.tsx @@ -35,17 +35,17 @@ import { hasVisibleChildren } from '@instructure/ui-a11y-utils' import { findTabbable, getActiveElement } from '@instructure/ui-dom-utils' import { withStyle } from '@instructure/emotion' -import { PaginationButton } from './PaginationButton' -import { PaginationArrowButton } from './PaginationArrowButton' -import { PaginationPageInput } from './PaginationPageInput' +import { PaginationButton } from './PaginationButton/index.js' +import { PaginationArrowButton } from './PaginationArrowButton/index.js' +import { PaginationPageInput } from './PaginationPageInput/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { PaginationPageProps } from './PaginationButton/props' import type { PaginationArrowDirections } from './PaginationArrowButton/props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PaginationProps, PaginationSnapshot, ChildPage } from './props' /** This is an [].findIndex optimized to work on really big, but sparse, arrays */ @@ -87,6 +87,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Pagination extends Component { + static displayName = 'Pagination' static readonly componentId = 'Pagination' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v2/PaginationArrowButton/index.tsx b/packages/ui-pagination/src/Pagination/v2/PaginationArrowButton/index.tsx index c1eaead4f7..37f6dd5e58 100644 --- a/packages/ui-pagination/src/Pagination/v2/PaginationArrowButton/index.tsx +++ b/packages/ui-pagination/src/Pagination/v2/PaginationArrowButton/index.tsx @@ -36,7 +36,7 @@ import { } from '@instructure/ui-icons' import type { PaginationNavigationProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -45,6 +45,7 @@ id: Pagination.Navigation --- **/ class PaginationArrowButton extends Component { + static displayName = 'PaginationArrowButton' static readonly componentId = 'Pagination.Navigation' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v2/PaginationButton/index.tsx b/packages/ui-pagination/src/Pagination/v2/PaginationButton/index.tsx index e60b0401ee..3cf27879e0 100644 --- a/packages/ui-pagination/src/Pagination/v2/PaginationButton/index.tsx +++ b/packages/ui-pagination/src/Pagination/v2/PaginationButton/index.tsx @@ -27,7 +27,7 @@ import { Component } from 'react' import { BaseButton } from '@instructure/ui-buttons/latest' import { omitProps } from '@instructure/ui-react-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PaginationPageProps } from './props' /** @@ -38,6 +38,7 @@ id: Pagination.Page **/ class PaginationButton extends Component { + static displayName = 'PaginationButton' static readonly componentId = 'Pagination.Page' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v2/PaginationPageInput/index.tsx b/packages/ui-pagination/src/Pagination/v2/PaginationPageInput/index.tsx index 2d5babc9ab..52861f8576 100644 --- a/packages/ui-pagination/src/Pagination/v2/PaginationPageInput/index.tsx +++ b/packages/ui-pagination/src/Pagination/v2/PaginationPageInput/index.tsx @@ -29,9 +29,9 @@ import { Text } from '@instructure/ui-text/latest' import { NumberInput } from '@instructure/ui-number-input/latest' import { ScreenReaderContent } from '@instructure/ui-a11y-content' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PaginationPageInputProps, PaginationPageInputState @@ -48,6 +48,7 @@ class PaginationPageInput extends Component< PaginationPageInputProps, PaginationPageInputState > { + static displayName = 'PaginationPageInput' static readonly componentId = 'Pagination.PageInput' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/Pagination/v2/index.tsx b/packages/ui-pagination/src/Pagination/v2/index.tsx index 74165eb484..04e024706b 100644 --- a/packages/ui-pagination/src/Pagination/v2/index.tsx +++ b/packages/ui-pagination/src/Pagination/v2/index.tsx @@ -36,16 +36,16 @@ import { hasVisibleChildren } from '@instructure/ui-a11y-utils' import { findTabbable, getActiveElement } from '@instructure/ui-dom-utils' import { withStyleNew } from '@instructure/emotion' -import { PaginationButton } from './PaginationButton' -import { PaginationArrowButton } from './PaginationArrowButton' -import { PaginationPageInput } from './PaginationPageInput' +import { PaginationButton } from './PaginationButton/index.js' +import { PaginationArrowButton } from './PaginationArrowButton/index.js' +import { PaginationPageInput } from './PaginationPageInput/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { PaginationPageProps } from './PaginationButton/props' import type { PaginationArrowDirections } from './PaginationArrowButton/props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PaginationProps, PaginationSnapshot, ChildPage } from './props' /** This is an [].findIndex optimized to work on really big, but sparse, arrays */ @@ -87,6 +87,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Pagination extends Component { + static displayName = 'Pagination' static readonly componentId = 'Pagination' static allowedProps = allowedProps diff --git a/packages/ui-pagination/src/exports/a.ts b/packages/ui-pagination/src/exports/a.ts index 516c436494..1e00658682 100644 --- a/packages/ui-pagination/src/exports/a.ts +++ b/packages/ui-pagination/src/exports/a.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { Pagination, PaginationButton } from '../Pagination/v1' +export { Pagination, PaginationButton } from '../Pagination/v1/index.js' export type { PaginationProps } from '../Pagination/v1/props' export type { PaginationPageProps } from '../Pagination/v1/PaginationButton/props' diff --git a/packages/ui-pagination/src/exports/b.ts b/packages/ui-pagination/src/exports/b.ts index 6d163b4b33..8fa8100cb2 100644 --- a/packages/ui-pagination/src/exports/b.ts +++ b/packages/ui-pagination/src/exports/b.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { Pagination, PaginationButton } from '../Pagination/v2' +export { Pagination, PaginationButton } from '../Pagination/v2/index.js' export type { PaginationProps } from '../Pagination/v2/props' export type { PaginationPageProps } from '../Pagination/v2/PaginationButton/props' diff --git a/packages/ui-pill/src/Pill/v1/index.tsx b/packages/ui-pill/src/Pill/v1/index.tsx index 710ae5e386..03184b6e1a 100644 --- a/packages/ui-pill/src/Pill/v1/index.tsx +++ b/packages/ui-pill/src/Pill/v1/index.tsx @@ -31,11 +31,11 @@ import type { TooltipRenderChildrenArgs } from '@instructure/ui-tooltip/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 { PillProps, PillState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -44,6 +44,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Pill extends Component { + static displayName = 'Pill' static readonly componentId = 'Pill' static allowedProps = allowedProps diff --git a/packages/ui-pill/src/Pill/v2/index.tsx b/packages/ui-pill/src/Pill/v2/index.tsx index 1fb7563f4d..c3ad573ddf 100644 --- a/packages/ui-pill/src/Pill/v2/index.tsx +++ b/packages/ui-pill/src/Pill/v2/index.tsx @@ -31,10 +31,10 @@ import type { TooltipRenderChildrenArgs } from '@instructure/ui-tooltip/latest' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { PillProps, PillState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -44,6 +44,7 @@ category: components @withStyleNew(generateStyle) class Pill extends Component { + static displayName = 'Pill' static readonly componentId = 'Pill' static allowedProps = allowedProps diff --git a/packages/ui-pill/src/exports/a.ts b/packages/ui-pill/src/exports/a.ts index 0ff3f56013..c4499de73d 100644 --- a/packages/ui-pill/src/exports/a.ts +++ b/packages/ui-pill/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Pill } from '../Pill/v1' +export { Pill } from '../Pill/v1/index.js' export type { PillProps } from '../Pill/v1/props' diff --git a/packages/ui-pill/src/exports/b.ts b/packages/ui-pill/src/exports/b.ts index eddc73a6a9..dc7e0d261a 100644 --- a/packages/ui-pill/src/exports/b.ts +++ b/packages/ui-pill/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Pill } from '../Pill/v2' +export { Pill } from '../Pill/v2/index.js' export type { PillProps } from '../Pill/v2/props' diff --git a/packages/ui-popover/src/Popover/v1/index.tsx b/packages/ui-popover/src/Popover/v1/index.tsx index 31b5c75f40..fa605f646c 100644 --- a/packages/ui-popover/src/Popover/v1/index.tsx +++ b/packages/ui-popover/src/Popover/v1/index.tsx @@ -61,11 +61,11 @@ import type { DialogProps } from '@instructure/ui-dialog' 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 { PopoverProps, PopoverState } from '../v1/props' -import { allowedProps } from '../v1/props' +import { allowedProps } from '../v1/props.js' import type { Renderable } from '@instructure/shared-types' /** --- @@ -77,6 +77,7 @@ tags: overlay, portal, dialog @textDirectionContextConsumer() @withStyle(generateStyle, generateComponentTheme) class Popover extends Component { + static displayName = 'Popover' static readonly componentId = 'Popover' static allowedProps = allowedProps diff --git a/packages/ui-popover/src/Popover/v2/index.tsx b/packages/ui-popover/src/Popover/v2/index.tsx index 37c233f81b..f5a23d5248 100644 --- a/packages/ui-popover/src/Popover/v2/index.tsx +++ b/packages/ui-popover/src/Popover/v2/index.tsx @@ -61,10 +61,10 @@ import type { DialogProps } from '@instructure/ui-dialog' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { PopoverProps, PopoverState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { Renderable } from '@instructure/shared-types' /** --- @@ -76,6 +76,7 @@ tags: overlay, portal, dialog @textDirectionContextConsumer() @withStyleNew(generateStyle) class Popover extends Component { + static displayName = 'Popover' static readonly componentId = 'Popover' static allowedProps = allowedProps diff --git a/packages/ui-popover/src/exports/a.ts b/packages/ui-popover/src/exports/a.ts index c3fa5ba37b..54b204ce00 100644 --- a/packages/ui-popover/src/exports/a.ts +++ b/packages/ui-popover/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Popover } from '../Popover/v1' +export { Popover } from '../Popover/v1/index.js' export type { PopoverOwnProps, PopoverProps } from '../Popover/v1/props' diff --git a/packages/ui-popover/src/exports/b.ts b/packages/ui-popover/src/exports/b.ts index 27d78774d5..071c89f615 100644 --- a/packages/ui-popover/src/exports/b.ts +++ b/packages/ui-popover/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Popover } from '../Popover/v2' +export { Popover } from '../Popover/v2/index.js' export type { PopoverOwnProps, PopoverProps } from '../Popover/v2/props' diff --git a/packages/ui-portal/src/Portal/__tests__/Portal.test.tsx b/packages/ui-portal/src/Portal/__tests__/Portal.test.tsx index 94ec425caa..098ffafa17 100644 --- a/packages/ui-portal/src/Portal/__tests__/Portal.test.tsx +++ b/packages/ui-portal/src/Portal/__tests__/Portal.test.tsx @@ -29,7 +29,7 @@ import userEvent from '@testing-library/user-event' import '@testing-library/jest-dom' import { runAxeCheck } from '@instructure/ui-axe-check' -import { Portal } from '../index' +import { Portal } from '../index.js' describe(``, () => { it('should render', async () => { diff --git a/packages/ui-portal/src/Portal/index.tsx b/packages/ui-portal/src/Portal/index.tsx index 6aca7334ff..35ed2cdcc3 100644 --- a/packages/ui-portal/src/Portal/index.tsx +++ b/packages/ui-portal/src/Portal/index.tsx @@ -29,7 +29,7 @@ import { passthroughProps } from '@instructure/ui-react-utils' import { textDirectionContextConsumer } from '@instructure/ui-i18n' import { canUseDOM } from '@instructure/ui-dom-utils' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { PortalNode, PortalProps, PortalState } from './props' /** @@ -40,6 +40,7 @@ category: components/utilities **/ @textDirectionContextConsumer() class Portal extends Component { + static displayName = 'Portal' static allowedProps = allowedProps static defaultProps = { open: false, diff --git a/packages/ui-portal/src/index.ts b/packages/ui-portal/src/index.ts index 25353ec6d3..526e97b5d8 100644 --- a/packages/ui-portal/src/index.ts +++ b/packages/ui-portal/src/index.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Portal } from './Portal' +export { Portal } from './Portal/index.js' export type { PortalProps, PortalNode } from './Portal/props' diff --git a/packages/ui-position/src/Position/__tests__/Position.test.tsx b/packages/ui-position/src/Position/__tests__/Position.test.tsx index c4c6170b66..26b77fe48a 100644 --- a/packages/ui-position/src/Position/__tests__/Position.test.tsx +++ b/packages/ui-position/src/Position/__tests__/Position.test.tsx @@ -27,7 +27,7 @@ import { vi } from 'vitest' import '@testing-library/jest-dom' import { within } from '@instructure/ui-utils' -import { Position } from '../index' +import { Position } from '../index.js' describe('', () => { const parentDefaults = { diff --git a/packages/ui-position/src/Position/index.tsx b/packages/ui-position/src/Position/index.tsx index 0b1a04e619..f857ea1880 100644 --- a/packages/ui-position/src/Position/index.tsx +++ b/packages/ui-position/src/Position/index.tsx @@ -41,13 +41,13 @@ import { debounce } from '@instructure/debounce' import { Portal } from '@instructure/ui-portal' 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 { PositionProps, PositionState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' -import { calculateElementPosition } from '../calculateElementPosition' -import { PositionElement } from '../PositionPropTypes' +import { calculateElementPosition } from '../calculateElementPosition.js' +import { PositionElement } from '../PositionPropTypes.js' /** --- @@ -57,6 +57,7 @@ category: components/utilities @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Position extends Component { + static displayName = 'Position' static readonly componentId = 'Position' static allowedProps = allowedProps diff --git a/packages/ui-position/src/__tests__/mirrorHorizontalPlacement.test.tsx b/packages/ui-position/src/__tests__/mirrorHorizontalPlacement.test.tsx index c2a3ca9c44..a5f4aff9de 100644 --- a/packages/ui-position/src/__tests__/mirrorHorizontalPlacement.test.tsx +++ b/packages/ui-position/src/__tests__/mirrorHorizontalPlacement.test.tsx @@ -22,12 +22,12 @@ * SOFTWARE. */ -import { mirrorHorizontalPlacement } from '../mirrorHorizontalPlacement' +import { mirrorHorizontalPlacement } from '../mirrorHorizontalPlacement.js' import { PlacementPropValues, placementPropValues, PlacementValueArray -} from '../PositionPropTypes' +} from '../PositionPropTypes.js' import '@testing-library/jest-dom' const mirrorHorizontallyAsArrayMap = [ diff --git a/packages/ui-position/src/__tests__/mirrorPlacement.test.tsx b/packages/ui-position/src/__tests__/mirrorPlacement.test.tsx index 31df1dbe0b..39e1389785 100644 --- a/packages/ui-position/src/__tests__/mirrorPlacement.test.tsx +++ b/packages/ui-position/src/__tests__/mirrorPlacement.test.tsx @@ -22,12 +22,12 @@ * SOFTWARE. */ -import { mirrorPlacement } from '../mirrorPlacement' +import { mirrorPlacement } from '../mirrorPlacement.js' import { PlacementPropValues, placementPropValues, PlacementValueArray -} from '../PositionPropTypes' +} from '../PositionPropTypes.js' import '@testing-library/jest-dom' const mirrorVertiallyAsArrayMap = [ diff --git a/packages/ui-position/src/calculateElementPosition.ts b/packages/ui-position/src/calculateElementPosition.ts index 4b0a46b933..47657ad0c5 100644 --- a/packages/ui-position/src/calculateElementPosition.ts +++ b/packages/ui-position/src/calculateElementPosition.ts @@ -32,7 +32,7 @@ import { ownerWindow } from '@instructure/ui-dom-utils' import type { RectType } from '@instructure/ui-dom-utils' -import { mirrorPlacement } from './mirrorPlacement' +import { mirrorPlacement } from './mirrorPlacement.js' import { px } from '@instructure/ui-utils' import type { diff --git a/packages/ui-position/src/executeMirrorFunction.ts b/packages/ui-position/src/executeMirrorFunction.ts index 1eab15384c..a6882461a7 100644 --- a/packages/ui-position/src/executeMirrorFunction.ts +++ b/packages/ui-position/src/executeMirrorFunction.ts @@ -27,7 +27,7 @@ import { PlacementValueArray, PlacementValues, PlacementStringValues -} from './PositionPropTypes' +} from './PositionPropTypes.js' function executeMirrorFunction( placement: PlacementValueArray | PlacementStringValues, diff --git a/packages/ui-position/src/index.ts b/packages/ui-position/src/index.ts index 4ec0e1fa22..42db10a1fd 100644 --- a/packages/ui-position/src/index.ts +++ b/packages/ui-position/src/index.ts @@ -21,13 +21,13 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Position } from './Position' +export { Position } from './Position/index.js' -export { calculateElementPosition } from './calculateElementPosition' -export { executeMirrorFunction } from './executeMirrorFunction' -export { mirrorHorizontalPlacement } from './mirrorHorizontalPlacement' -export { mirrorPlacement } from './mirrorPlacement' -export { parsePlacement } from './parsePlacement' +export { calculateElementPosition } from './calculateElementPosition.js' +export { executeMirrorFunction } from './executeMirrorFunction.js' +export { mirrorHorizontalPlacement } from './mirrorHorizontalPlacement.js' +export { mirrorPlacement } from './mirrorPlacement.js' +export { parsePlacement } from './parsePlacement.js' export type { PlacementPropValues, diff --git a/packages/ui-position/src/mirrorHorizontalPlacement.ts b/packages/ui-position/src/mirrorHorizontalPlacement.ts index 788b0800b8..b575405a6d 100644 --- a/packages/ui-position/src/mirrorHorizontalPlacement.ts +++ b/packages/ui-position/src/mirrorHorizontalPlacement.ts @@ -27,8 +27,8 @@ import { PlacementValueArray, PlacementStringValues, mirrorMap -} from './PositionPropTypes' -import executeMirrorFunction from './executeMirrorFunction' +} from './PositionPropTypes.js' +import executeMirrorFunction from './executeMirrorFunction.js' /** * Given a string or array of one or two placement values, mirrors the placement diff --git a/packages/ui-position/src/mirrorPlacement.ts b/packages/ui-position/src/mirrorPlacement.ts index 83ca085d64..f03814615d 100644 --- a/packages/ui-position/src/mirrorPlacement.ts +++ b/packages/ui-position/src/mirrorPlacement.ts @@ -27,9 +27,9 @@ import { PlacementPropValues, PlacementStringValues, mirrorMap -} from './PositionPropTypes' +} from './PositionPropTypes.js' -import executeMirrorFunction from './executeMirrorFunction' +import executeMirrorFunction from './executeMirrorFunction.js' /** * --- diff --git a/packages/ui-position/src/parsePlacement.ts b/packages/ui-position/src/parsePlacement.ts index 99c5324f3d..7102ad48c5 100644 --- a/packages/ui-position/src/parsePlacement.ts +++ b/packages/ui-position/src/parsePlacement.ts @@ -21,4 +21,4 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { parsePlacement } from './calculateElementPosition' +export { parsePlacement } from './calculateElementPosition.js' diff --git a/packages/ui-progress/src/ProgressBar/v1/index.tsx b/packages/ui-progress/src/ProgressBar/v1/index.tsx index 96a9554b4b..bc46d3dfb6 100644 --- a/packages/ui-progress/src/ProgressBar/v1/index.tsx +++ b/packages/ui-progress/src/ProgressBar/v1/index.tsx @@ -29,11 +29,11 @@ import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' 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 { ProgressBarProps, Values } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -42,6 +42,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ProgressBar extends Component { + static displayName = 'ProgressBar' static readonly componentId = 'ProgressBar' static allowedProps = allowedProps diff --git a/packages/ui-progress/src/ProgressBar/v2/index.tsx b/packages/ui-progress/src/ProgressBar/v2/index.tsx index 46c6b6b406..cc6d486477 100644 --- a/packages/ui-progress/src/ProgressBar/v2/index.tsx +++ b/packages/ui-progress/src/ProgressBar/v2/index.tsx @@ -29,10 +29,10 @@ import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { ProgressBarProps, Values } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -41,6 +41,7 @@ category: components **/ @withStyleNew(generateStyle) class ProgressBar extends Component { + static displayName = 'ProgressBar' static readonly componentId = 'ProgressBar' static allowedProps = allowedProps diff --git a/packages/ui-progress/src/ProgressCircle/v1/index.tsx b/packages/ui-progress/src/ProgressCircle/v1/index.tsx index 0ecb30e6eb..bc600e095a 100644 --- a/packages/ui-progress/src/ProgressCircle/v1/index.tsx +++ b/packages/ui-progress/src/ProgressCircle/v1/index.tsx @@ -30,10 +30,10 @@ import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' 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 { ProgressCircleProps, ProgressCircleState, Values } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -45,6 +45,7 @@ class ProgressCircle extends Component< ProgressCircleProps, ProgressCircleState > { + static displayName = 'ProgressCircle' static readonly componentId = 'ProgressCircle' static allowedProps = allowedProps diff --git a/packages/ui-progress/src/ProgressCircle/v2/index.tsx b/packages/ui-progress/src/ProgressCircle/v2/index.tsx index d2c5537f50..02f03bae92 100644 --- a/packages/ui-progress/src/ProgressCircle/v2/index.tsx +++ b/packages/ui-progress/src/ProgressCircle/v2/index.tsx @@ -30,9 +30,9 @@ import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { ProgressCircleProps, ProgressCircleState, Values } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -44,6 +44,7 @@ class ProgressCircle extends Component< ProgressCircleProps, ProgressCircleState > { + static displayName = 'ProgressCircle' static readonly componentId = 'ProgressCircle' static allowedProps = allowedProps diff --git a/packages/ui-progress/src/exports/a.ts b/packages/ui-progress/src/exports/a.ts index 6eff134b0e..2d8449707b 100644 --- a/packages/ui-progress/src/exports/a.ts +++ b/packages/ui-progress/src/exports/a.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { ProgressBar } from '../ProgressBar/v1' -export { ProgressCircle } from '../ProgressCircle/v1' +export { ProgressBar } from '../ProgressBar/v1/index.js' +export { ProgressCircle } from '../ProgressCircle/v1/index.js' export type { ProgressBarProps } from '../ProgressBar/v1/props' export type { ProgressCircleProps } from '../ProgressCircle/v1/props' diff --git a/packages/ui-progress/src/exports/b.ts b/packages/ui-progress/src/exports/b.ts index 5e0b8e8cce..a6a6e6ea0c 100644 --- a/packages/ui-progress/src/exports/b.ts +++ b/packages/ui-progress/src/exports/b.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { ProgressBar } from '../ProgressBar/v2' -export { ProgressCircle } from '../ProgressCircle/v2' +export { ProgressBar } from '../ProgressBar/v2/index.js' +export { ProgressCircle } from '../ProgressCircle/v2/index.js' export type { ProgressBarProps } from '../ProgressBar/v2/props' export type { ProgressCircleProps } from '../ProgressCircle/v2/props' diff --git a/packages/ui-radio-input/src/RadioInput/v1/index.tsx b/packages/ui-radio-input/src/RadioInput/v1/index.tsx index 18005e2032..d7dd388d79 100644 --- a/packages/ui-radio-input/src/RadioInput/v1/index.tsx +++ b/packages/ui-radio-input/src/RadioInput/v1/index.tsx @@ -29,11 +29,11 @@ import { isActiveElement } from '@instructure/ui-dom-utils' 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 { RadioInputProps, RadioInputState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -43,6 +43,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class RadioInput extends Component { + static displayName = 'RadioInput' static readonly componentId = 'RadioInput' static allowedProps = allowedProps diff --git a/packages/ui-radio-input/src/RadioInput/v2/index.tsx b/packages/ui-radio-input/src/RadioInput/v2/index.tsx index acb8d5fe73..9bfca6d3d2 100644 --- a/packages/ui-radio-input/src/RadioInput/v2/index.tsx +++ b/packages/ui-radio-input/src/RadioInput/v2/index.tsx @@ -40,7 +40,7 @@ import { isActiveElement } from '@instructure/ui-dom-utils' import { useStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { RadioInputProps } from './props' diff --git a/packages/ui-radio-input/src/RadioInputGroup/v1/index.tsx b/packages/ui-radio-input/src/RadioInputGroup/v1/index.tsx index 884e9d89ef..7ba1b9dac4 100644 --- a/packages/ui-radio-input/src/RadioInputGroup/v1/index.tsx +++ b/packages/ui-radio-input/src/RadioInputGroup/v1/index.tsx @@ -34,16 +34,16 @@ import { } from '@instructure/ui-react-utils' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' -import { RadioInput } from '../../RadioInput/v1' +import { RadioInput } from '../../RadioInput/v1/index.js' import type { RadioInputProps } from '../../RadioInput/v1/props' 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 { RadioInputGroupProps, RadioInputGroupState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' type RadioInputChild = ComponentElement @@ -58,6 +58,7 @@ class RadioInputGroup extends Component< RadioInputGroupProps, RadioInputGroupState > { + static displayName = 'RadioInputGroup' static readonly componentId = 'RadioInputGroup' static allowedProps = allowedProps diff --git a/packages/ui-radio-input/src/RadioInputGroup/v2/index.tsx b/packages/ui-radio-input/src/RadioInputGroup/v2/index.tsx index ca18a7ffe9..5da2f12095 100644 --- a/packages/ui-radio-input/src/RadioInputGroup/v2/index.tsx +++ b/packages/ui-radio-input/src/RadioInputGroup/v2/index.tsx @@ -33,11 +33,11 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import { RadioInput } from '../../RadioInput/v2' +import { RadioInput } from '../../RadioInput/v2/index.js' import type { RadioInputProps } from '../../RadioInput/v2/props' import type { RadioInputGroupProps, RadioInputGroupState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' type RadioInputChild = ComponentElement @@ -51,6 +51,7 @@ class RadioInputGroup extends Component< RadioInputGroupProps, RadioInputGroupState > { + static displayName = 'RadioInputGroup' static readonly componentId = 'RadioInputGroup' static allowedProps = allowedProps diff --git a/packages/ui-radio-input/src/exports/a.ts b/packages/ui-radio-input/src/exports/a.ts index 24d3b73dc7..729689f195 100644 --- a/packages/ui-radio-input/src/exports/a.ts +++ b/packages/ui-radio-input/src/exports/a.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { RadioInput } from '../RadioInput/v1' -export { RadioInputGroup } from '../RadioInputGroup/v1' +export { RadioInput } from '../RadioInput/v1/index.js' +export { RadioInputGroup } from '../RadioInputGroup/v1/index.js' export type { RadioInputProps } from '../RadioInput/v1/props' export type { RadioInputGroupProps } from '../RadioInputGroup/v1/props' diff --git a/packages/ui-radio-input/src/exports/b.ts b/packages/ui-radio-input/src/exports/b.ts index 1b2a01721e..1840a040c8 100644 --- a/packages/ui-radio-input/src/exports/b.ts +++ b/packages/ui-radio-input/src/exports/b.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { RadioInput } from '../RadioInput/v2' -export { RadioInputGroup } from '../RadioInputGroup/v2' +export { RadioInput } from '../RadioInput/v2/index.js' +export { RadioInputGroup } from '../RadioInputGroup/v2/index.js' export type { RadioInputProps } from '../RadioInput/v2/props' export type { RadioInputGroupProps } from '../RadioInputGroup/v2/props' diff --git a/packages/ui-range-input/src/RangeInput/v1/index.tsx b/packages/ui-range-input/src/RangeInput/v1/index.tsx index 4327fa6e88..f463fb0ce0 100644 --- a/packages/ui-range-input/src/RangeInput/v1/index.tsx +++ b/packages/ui-range-input/src/RangeInput/v1/index.tsx @@ -35,11 +35,11 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { RangeInputProps, RangeInputState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -49,6 +49,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class RangeInput extends Component { + static displayName = 'RangeInput' static readonly componentId = 'RangeInput' static outputLocatorAttribute = 'data-range-output' diff --git a/packages/ui-range-input/src/RangeInput/v2/index.tsx b/packages/ui-range-input/src/RangeInput/v2/index.tsx index 38a61b496d..1cce804264 100644 --- a/packages/ui-range-input/src/RangeInput/v2/index.tsx +++ b/packages/ui-range-input/src/RangeInput/v2/index.tsx @@ -35,10 +35,10 @@ import { withDeterministicId } from '@instructure/ui-react-utils' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { RangeInputProps, RangeInputState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -48,6 +48,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class RangeInput extends Component { + static displayName = 'RangeInput' static readonly componentId = 'RangeInput' static outputLocatorAttribute = 'data-range-output' diff --git a/packages/ui-range-input/src/exports/a.ts b/packages/ui-range-input/src/exports/a.ts index 967229d792..eb3792639e 100644 --- a/packages/ui-range-input/src/exports/a.ts +++ b/packages/ui-range-input/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { RangeInput } from '../RangeInput/v1' +export { RangeInput } from '../RangeInput/v1/index.js' export type { RangeInputProps } from '../RangeInput/v1/props' diff --git a/packages/ui-range-input/src/exports/b.ts b/packages/ui-range-input/src/exports/b.ts index 23811e8357..af5ef50281 100644 --- a/packages/ui-range-input/src/exports/b.ts +++ b/packages/ui-range-input/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { RangeInput } from '../RangeInput/v2' +export { RangeInput } from '../RangeInput/v2/index.js' export type { RangeInputProps } from '../RangeInput/v2/props' diff --git a/packages/ui-rating/src/Rating/v1/index.tsx b/packages/ui-rating/src/Rating/v1/index.tsx index 0d78202aad..f0a97eb259 100644 --- a/packages/ui-rating/src/Rating/v1/index.tsx +++ b/packages/ui-rating/src/Rating/v1/index.tsx @@ -27,11 +27,11 @@ import { Component } from 'react' import { View } from '@instructure/ui-view/v11_6' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { omitProps } from '@instructure/ui-react-utils' -import { RatingIcon } from '../../RatingIcon/v1' +import { RatingIcon } from '../../RatingIcon/v1/index.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { RatingProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -40,6 +40,7 @@ category: components **/ @withStyle(generateStyle, null) class Rating extends Component { + static displayName = 'Rating' static readonly componentId = 'Rating' static allowedProps = allowedProps diff --git a/packages/ui-rating/src/Rating/v2/index.tsx b/packages/ui-rating/src/Rating/v2/index.tsx index cc82476da1..8855169967 100644 --- a/packages/ui-rating/src/Rating/v2/index.tsx +++ b/packages/ui-rating/src/Rating/v2/index.tsx @@ -27,11 +27,11 @@ import { Component } from 'react' import { View } from '@instructure/ui-view/latest' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { omitProps } from '@instructure/ui-react-utils' -import { RatingIcon } from '../../RatingIcon/v2' +import { RatingIcon } from '../../RatingIcon/v2/index.js' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { RatingProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -40,6 +40,7 @@ category: components **/ @withStyleNew(generateStyle) class Rating extends Component { + static displayName = 'Rating' static readonly componentId = 'Rating' static allowedProps = allowedProps diff --git a/packages/ui-rating/src/RatingIcon/v1/index.tsx b/packages/ui-rating/src/RatingIcon/v1/index.tsx index d1ca6eebd9..f66f82f5f3 100644 --- a/packages/ui-rating/src/RatingIcon/v1/index.tsx +++ b/packages/ui-rating/src/RatingIcon/v1/index.tsx @@ -30,10 +30,10 @@ import type { RequestAnimationFrameType } from '@instructure/ui-dom-utils' import { Transition } from '@instructure/ui-motion' 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 { RatingIconProps, RatingIconState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -43,6 +43,7 @@ id: Rating.Icon **/ @withStyle(generateStyle, generateComponentTheme) class RatingIcon extends Component { + static displayName = 'RatingIcon' static readonly componentId = 'Rating.Icon' static allowedProps = allowedProps diff --git a/packages/ui-rating/src/RatingIcon/v2/index.tsx b/packages/ui-rating/src/RatingIcon/v2/index.tsx index 22904d8c50..6da4f75aad 100644 --- a/packages/ui-rating/src/RatingIcon/v2/index.tsx +++ b/packages/ui-rating/src/RatingIcon/v2/index.tsx @@ -30,9 +30,9 @@ import type { RequestAnimationFrameType } from '@instructure/ui-dom-utils' import { Transition } from '@instructure/ui-motion' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { RatingIconProps, RatingIconState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' const ratingIconSizeToIconSize = { small: 'md', @@ -48,6 +48,7 @@ id: Rating.Icon **/ @withStyleNew(generateStyle) class RatingIcon extends Component { + static displayName = 'RatingIcon' static readonly componentId = 'Rating.Icon' static allowedProps = allowedProps diff --git a/packages/ui-rating/src/exports/a.ts b/packages/ui-rating/src/exports/a.ts index a1e146d2d7..0d5e7a8802 100644 --- a/packages/ui-rating/src/exports/a.ts +++ b/packages/ui-rating/src/exports/a.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Rating } from '../Rating/v1' -export { RatingIcon } from '../RatingIcon/v1' +export { Rating } from '../Rating/v1/index.js' +export { RatingIcon } from '../RatingIcon/v1/index.js' export type { RatingProps } from '../Rating/v1/props' export type { RatingIconProps } from '../RatingIcon/v1/props' diff --git a/packages/ui-rating/src/exports/b.ts b/packages/ui-rating/src/exports/b.ts index 370ad0e60f..3f69157b66 100644 --- a/packages/ui-rating/src/exports/b.ts +++ b/packages/ui-rating/src/exports/b.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Rating } from '../Rating/v2' -export { RatingIcon } from '../RatingIcon/v2' +export { Rating } from '../Rating/v2/index.js' +export { RatingIcon } from '../RatingIcon/v2/index.js' export type { RatingProps } from '../Rating/v2/props' export type { RatingIconProps } from '../RatingIcon/v2/props' diff --git a/packages/ui-react-utils/src/DeterministicIdContext/DeterministicIdContextProvider.tsx b/packages/ui-react-utils/src/DeterministicIdContext/DeterministicIdContextProvider.tsx index f5cfdef4e3..b672f9da5c 100644 --- a/packages/ui-react-utils/src/DeterministicIdContext/DeterministicIdContextProvider.tsx +++ b/packages/ui-react-utils/src/DeterministicIdContext/DeterministicIdContextProvider.tsx @@ -25,7 +25,7 @@ import { DeterministicIdContext, defaultDeterministicIDMap -} from './DeterministicIdContext' +} from './DeterministicIdContext.js' type DeterministicIdProviderValue = Map type DeterministicIdProviderProps = React.PropsWithChildren<{ diff --git a/packages/ui-react-utils/src/DeterministicIdContext/index.ts b/packages/ui-react-utils/src/DeterministicIdContext/index.ts index 55643b235f..0dfb77d335 100644 --- a/packages/ui-react-utils/src/DeterministicIdContext/index.ts +++ b/packages/ui-react-utils/src/DeterministicIdContext/index.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { DeterministicIdContextProvider } from './DeterministicIdContextProvider' -export { DeterministicIdContext } from './DeterministicIdContext' -export { withDeterministicId } from './withDeterministicId' -export { useDeterministicId } from './useDeterministicId' +export { DeterministicIdContextProvider } from './DeterministicIdContextProvider.js' +export { DeterministicIdContext } from './DeterministicIdContext.js' +export { withDeterministicId } from './withDeterministicId.js' +export { useDeterministicId } from './useDeterministicId.js' export type { DeterministicIdProviderValue } from './DeterministicIdContextProvider' export type { WithDeterministicIdProps } from './withDeterministicId' diff --git a/packages/ui-react-utils/src/DeterministicIdContext/useDeterministicId.tsx b/packages/ui-react-utils/src/DeterministicIdContext/useDeterministicId.tsx index 14fd4e171c..81e2d5f9fe 100644 --- a/packages/ui-react-utils/src/DeterministicIdContext/useDeterministicId.tsx +++ b/packages/ui-react-utils/src/DeterministicIdContext/useDeterministicId.tsx @@ -24,7 +24,7 @@ import { useContext } from 'react' import { generateId } from '@instructure/ui-utils' -import { DeterministicIdContext } from './DeterministicIdContext' +import { DeterministicIdContext } from './DeterministicIdContext.js' /** * A React hook that provides deterministic ID generation for functional components. diff --git a/packages/ui-react-utils/src/DeterministicIdContext/withDeterministicId.tsx b/packages/ui-react-utils/src/DeterministicIdContext/withDeterministicId.tsx index d8e560a484..73695213a6 100644 --- a/packages/ui-react-utils/src/DeterministicIdContext/withDeterministicId.tsx +++ b/packages/ui-react-utils/src/DeterministicIdContext/withDeterministicId.tsx @@ -29,7 +29,7 @@ import type { } from 'react' import hoistNonReactStatics from 'hoist-non-react-statics' -import { DeterministicIdContext } from './DeterministicIdContext' +import { DeterministicIdContext } from './DeterministicIdContext.js' import { decorator } from '@instructure/ui-decorator' import { generateId } from '@instructure/ui-utils' diff --git a/packages/ui-react-utils/src/__tests__/DeterministicIdContext.test.tsx b/packages/ui-react-utils/src/__tests__/DeterministicIdContext.test.tsx index 0a6a4de1db..c4958ba1ce 100644 --- a/packages/ui-react-utils/src/__tests__/DeterministicIdContext.test.tsx +++ b/packages/ui-react-utils/src/__tests__/DeterministicIdContext.test.tsx @@ -30,7 +30,7 @@ import '@testing-library/jest-dom' import { withDeterministicId, DeterministicIdContextProvider -} from '../DeterministicIdContext' +} from '../DeterministicIdContext/index.js' import type { WithDeterministicIdProps } from '../DeterministicIdContext' @withDeterministicId() diff --git a/packages/ui-react-utils/src/__tests__/callRenderProp.test.tsx b/packages/ui-react-utils/src/__tests__/callRenderProp.test.tsx index 083a44aa68..8d7350ab69 100644 --- a/packages/ui-react-utils/src/__tests__/callRenderProp.test.tsx +++ b/packages/ui-react-utils/src/__tests__/callRenderProp.test.tsx @@ -27,7 +27,7 @@ import { Component } from 'react' import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { callRenderProp } from '../callRenderProp' +import { callRenderProp } from '../callRenderProp.js' describe('callRenderProp', () => { it('strings', () => { diff --git a/packages/ui-react-utils/src/__tests__/getInteraction.test.tsx b/packages/ui-react-utils/src/__tests__/getInteraction.test.tsx index 96f84ad47a..96fd0267a3 100644 --- a/packages/ui-react-utils/src/__tests__/getInteraction.test.tsx +++ b/packages/ui-react-utils/src/__tests__/getInteraction.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { getInteraction, InteractionType } from '../getInteraction' +import { getInteraction, InteractionType } from '../getInteraction.js' describe('getInteraction', () => { it("should return 'enabled' when `interaction`, `disabled`, and `readOnly` are not provided", () => { diff --git a/packages/ui-react-utils/src/__tests__/omitProps.test.tsx b/packages/ui-react-utils/src/__tests__/omitProps.test.tsx index 853939084f..3ee14f3edf 100644 --- a/packages/ui-react-utils/src/__tests__/omitProps.test.tsx +++ b/packages/ui-react-utils/src/__tests__/omitProps.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { omitProps } from '../omitProps' +import { omitProps } from '../omitProps.js' describe('omitProps', () => { it('should work with an input of a list allowed prop names', () => { diff --git a/packages/ui-react-utils/src/__tests__/passthroughProps.test.tsx b/packages/ui-react-utils/src/__tests__/passthroughProps.test.tsx index d495c6db0b..8696634118 100644 --- a/packages/ui-react-utils/src/__tests__/passthroughProps.test.tsx +++ b/packages/ui-react-utils/src/__tests__/passthroughProps.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { passthroughProps } from '../passthroughProps' +import { passthroughProps } from '../passthroughProps.js' describe('passthroughProps', () => { it('should passthrough standard dom attributes', () => { diff --git a/packages/ui-react-utils/src/__tests__/pickProps.test.tsx b/packages/ui-react-utils/src/__tests__/pickProps.test.tsx index 0f9e371a3d..b0f481cd14 100644 --- a/packages/ui-react-utils/src/__tests__/pickProps.test.tsx +++ b/packages/ui-react-utils/src/__tests__/pickProps.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { pickProps } from '../pickProps' +import { pickProps } from '../pickProps.js' describe('pickProps', () => { it('should work with an input of a list allowed prop names', () => { diff --git a/packages/ui-react-utils/src/__tests__/safeCloneElement.test.tsx b/packages/ui-react-utils/src/__tests__/safeCloneElement.test.tsx index da3e2cc364..ea6e3f47ad 100644 --- a/packages/ui-react-utils/src/__tests__/safeCloneElement.test.tsx +++ b/packages/ui-react-utils/src/__tests__/safeCloneElement.test.tsx @@ -29,7 +29,7 @@ import { createChainedFunction } from '@instructure/ui-utils' import { render, screen } from '@testing-library/react' import '@testing-library/jest-dom' -import { safeCloneElement } from '../safeCloneElement' +import { safeCloneElement } from '../safeCloneElement.js' describe('safeCloneElement', () => { const SafeClone = function

({ diff --git a/packages/ui-react-utils/src/__tests__/useDeterministicId.test.tsx b/packages/ui-react-utils/src/__tests__/useDeterministicId.test.tsx index 333e3fa165..026e1432b8 100644 --- a/packages/ui-react-utils/src/__tests__/useDeterministicId.test.tsx +++ b/packages/ui-react-utils/src/__tests__/useDeterministicId.test.tsx @@ -28,7 +28,7 @@ import '@testing-library/jest-dom' import { useDeterministicId, DeterministicIdContextProvider -} from '../DeterministicIdContext' +} from '../DeterministicIdContext/index.js' // Test component using the hook const TestComponent = ({ componentName }: { componentName: string }) => { diff --git a/packages/ui-react-utils/src/ensureSingleChild.tsx b/packages/ui-react-utils/src/ensureSingleChild.tsx index ca05b9f4a5..be0df386f9 100644 --- a/packages/ui-react-utils/src/ensureSingleChild.tsx +++ b/packages/ui-react-utils/src/ensureSingleChild.tsx @@ -23,7 +23,7 @@ */ import { Children, ReactElement, ReactNode } from 'react' -import { safeCloneElement } from './safeCloneElement' +import { safeCloneElement } from './safeCloneElement.js' /** * --- diff --git a/packages/ui-react-utils/src/index.ts b/packages/ui-react-utils/src/index.ts index 253aa7a5a9..de3224eedb 100644 --- a/packages/ui-react-utils/src/index.ts +++ b/packages/ui-react-utils/src/index.ts @@ -23,23 +23,23 @@ */ /* list utils in alphabetical order */ -export { callRenderProp } from './callRenderProp' -export { ensureSingleChild } from './ensureSingleChild' -export { getDisplayName } from './getDisplayName' -export { getElementType } from './getElementType' -export { getInteraction } from './getInteraction' -export { matchComponentTypes } from './matchComponentTypes' -export { omitProps } from './omitProps' -export { passthroughProps } from './passthroughProps' -export { pickProps } from './pickProps' -export { safeCloneElement } from './safeCloneElement' -export { windowMessageListener } from './windowMessageListener' +export { callRenderProp } from './callRenderProp.js' +export { ensureSingleChild } from './ensureSingleChild.js' +export { getDisplayName } from './getDisplayName.js' +export { getElementType } from './getElementType.js' +export { getInteraction } from './getInteraction.js' +export { matchComponentTypes } from './matchComponentTypes.js' +export { omitProps } from './omitProps.js' +export { passthroughProps } from './passthroughProps.js' +export { pickProps } from './pickProps.js' +export { safeCloneElement } from './safeCloneElement.js' +export { windowMessageListener } from './windowMessageListener.js' export { DeterministicIdContext, DeterministicIdContextProvider, withDeterministicId, useDeterministicId -} from './DeterministicIdContext' +} from './DeterministicIdContext/index.js' export type { GetInteractionOptions } from './getInteraction' export type { InteractionType } from './getInteraction' diff --git a/packages/ui-react-utils/src/matchComponentTypes.ts b/packages/ui-react-utils/src/matchComponentTypes.ts index 376729d375..5ad5be32e2 100644 --- a/packages/ui-react-utils/src/matchComponentTypes.ts +++ b/packages/ui-react-utils/src/matchComponentTypes.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { getDisplayName } from './getDisplayName' +import { getDisplayName } from './getDisplayName.js' import { ComponentType, ReactElement, ReactNode } from 'react' /** diff --git a/packages/ui-responsive/src/Responsive/v1/index.tsx b/packages/ui-responsive/src/Responsive/v1/index.tsx index c751fdfe98..9528a708bf 100644 --- a/packages/ui-responsive/src/Responsive/v1/index.tsx +++ b/packages/ui-responsive/src/Responsive/v1/index.tsx @@ -30,20 +30,20 @@ import { logError as error, warn } from '@instructure/console' import { addElementQueryMatchListener, updateElementMatches -} from '../../utils/v1/addElementQueryMatchListener' -import { addMediaQueryMatchListener } from '../../utils/v1/addMediaQueryMatchListener' +} from '../../utils/v1/addElementQueryMatchListener.js' +import { addMediaQueryMatchListener } from '../../utils/v1/addMediaQueryMatchListener.js' import { BreakpointQueries, QueriesMatching, UpdateMatches -} from '../../utils/v1/QueryType' +} from '../../utils/v1/QueryType.js' import { findDOMNode } from '@instructure/ui-dom-utils' import type { ResponsiveByBreakpointProps, ResponsiveProps, ResponsivePropsObject } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -52,6 +52,7 @@ category: components **/ class Responsive extends Component { + static displayName = 'Responsive' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-responsive/src/exports/a.ts b/packages/ui-responsive/src/exports/a.ts index 64a631653d..ac460a0cab 100644 --- a/packages/ui-responsive/src/exports/a.ts +++ b/packages/ui-responsive/src/exports/a.ts @@ -22,12 +22,12 @@ * SOFTWARE. */ -export { Responsive } from '../Responsive/v1' -export { addElementQueryMatchListener } from '../utils/v1/addElementQueryMatchListener' -export { addMediaQueryMatchListener } from '../utils/v1/addMediaQueryMatchListener' -export { parseQuery } from '../utils/v1/parseQuery' -export { jsonToMediaQuery } from '../utils/v1/jsonToMediaQuery' -export { ResponsivePropTypes } from '../utils/v1/ResponsivePropTypes' +export { Responsive } from '../Responsive/v1/index.js' +export { addElementQueryMatchListener } from '../utils/v1/addElementQueryMatchListener.js' +export { addMediaQueryMatchListener } from '../utils/v1/addMediaQueryMatchListener.js' +export { parseQuery } from '../utils/v1/parseQuery.js' +export { jsonToMediaQuery } from '../utils/v1/jsonToMediaQuery.js' +export { ResponsivePropTypes } from '../utils/v1/ResponsivePropTypes.js' export type { ResponsiveProps, diff --git a/packages/ui-responsive/src/utils/v1/ResponsivePropTypes.ts b/packages/ui-responsive/src/utils/v1/ResponsivePropTypes.ts index 65b849800e..bcd038926f 100644 --- a/packages/ui-responsive/src/utils/v1/ResponsivePropTypes.ts +++ b/packages/ui-responsive/src/utils/v1/ResponsivePropTypes.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -import { jsonToMediaQuery } from './jsonToMediaQuery' -import { BreakpointQueries } from './QueryType' +import { jsonToMediaQuery } from './jsonToMediaQuery.js' +import { BreakpointQueries } from './QueryType.js' const ResponsivePropTypes = { /** diff --git a/packages/ui-responsive/src/utils/v1/addElementQueryMatchListener.ts b/packages/ui-responsive/src/utils/v1/addElementQueryMatchListener.ts index eca0e4a41c..39d12eb541 100644 --- a/packages/ui-responsive/src/utils/v1/addElementQueryMatchListener.ts +++ b/packages/ui-responsive/src/utils/v1/addElementQueryMatchListener.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { parseQuery, Size } from './parseQuery' +import { parseQuery, Size } from './parseQuery.js' import { findDOMNode, getBoundingClientRect } from '@instructure/ui-dom-utils' import { debounce } from '@instructure/debounce' @@ -30,7 +30,7 @@ import { BreakpointQueries, QueriesMatching, QueryMatchListener -} from './QueryType' +} from './QueryType.js' import { UIElement } from '@instructure/shared-types' /** diff --git a/packages/ui-responsive/src/utils/v1/addMediaQueryMatchListener.ts b/packages/ui-responsive/src/utils/v1/addMediaQueryMatchListener.ts index fd0b0c3c58..0dd796d240 100644 --- a/packages/ui-responsive/src/utils/v1/addMediaQueryMatchListener.ts +++ b/packages/ui-responsive/src/utils/v1/addMediaQueryMatchListener.ts @@ -23,8 +23,8 @@ */ import { matchMedia as defaultMatchMedia } from '@instructure/ui-dom-utils' -import { QueriesMatching, QueryMatchListener } from './QueryType' -import { jsonToMediaQuery } from './jsonToMediaQuery' +import { QueriesMatching, QueryMatchListener } from './QueryType.js' +import { jsonToMediaQuery } from './jsonToMediaQuery.js' /** * --- diff --git a/packages/ui-responsive/src/utils/v1/jsonToMediaQuery.ts b/packages/ui-responsive/src/utils/v1/jsonToMediaQuery.ts index c379141b26..b9899c0870 100644 --- a/packages/ui-responsive/src/utils/v1/jsonToMediaQuery.ts +++ b/packages/ui-responsive/src/utils/v1/jsonToMediaQuery.ts @@ -23,7 +23,7 @@ */ import { px } from '@instructure/ui-utils' -import { Query, ValidQueryKey } from './QueryType' +import { Query, ValidQueryKey } from './QueryType.js' import React from 'react' /** diff --git a/packages/ui-responsive/src/utils/v1/parseQuery.ts b/packages/ui-responsive/src/utils/v1/parseQuery.ts index fa8b1b8955..a4bfcad80c 100644 --- a/packages/ui-responsive/src/utils/v1/parseQuery.ts +++ b/packages/ui-responsive/src/utils/v1/parseQuery.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ import { px } from '@instructure/ui-utils' -import { BreakpointQueries, ValidQueryKey } from './QueryType' +import { BreakpointQueries, ValidQueryKey } from './QueryType.js' /** * An object consisting of query names and boolean true false if it matches diff --git a/packages/ui-select/src/Select/v1/Group/index.tsx b/packages/ui-select/src/Select/v1/Group/index.tsx index 9a1206847a..a8795c6a53 100644 --- a/packages/ui-select/src/Select/v1/Group/index.tsx +++ b/packages/ui-select/src/Select/v1/Group/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import type { SelectGroupProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -34,6 +34,7 @@ id: Select.Group @module Group **/ class Group extends Component { + static displayName = 'Group' static readonly componentId = 'Select.Group' static allowedProps = allowedProps diff --git a/packages/ui-select/src/Select/v1/Option/index.tsx b/packages/ui-select/src/Select/v1/Option/index.tsx index c66af88996..acc3729bc2 100644 --- a/packages/ui-select/src/Select/v1/Option/index.tsx +++ b/packages/ui-select/src/Select/v1/Option/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import type { SelectOptionProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -34,6 +34,7 @@ id: Select.Option @module Option **/ class Option extends Component { + static displayName = 'Option' static readonly componentId = 'Select.Option' static allowedProps = allowedProps diff --git a/packages/ui-select/src/Select/v1/index.tsx b/packages/ui-select/src/Select/v1/index.tsx index 8dadb761e5..66d1ab2b1c 100644 --- a/packages/ui-select/src/Select/v1/index.tsx +++ b/packages/ui-select/src/Select/v1/index.tsx @@ -61,16 +61,16 @@ import type { import { withStyle, BorderWidth } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { Group } from './Group' +import { Group } from './Group/index.js' import type { SelectGroupProps } from './Group/props' -import { Option } from './Option' +import { Option } from './Option/index.js' import type { SelectOptionProps, RenderSelectOptionLabel } from './Option/props' import type { SelectProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { Renderable } from '@instructure/shared-types' type GroupChild = ComponentElement @@ -131,6 +131,7 @@ tags: autocomplete, typeahead, combobox, dropdown, search, form @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Select extends Component { + static displayName = 'Select' static readonly componentId = 'Select' private readonly SCROLL_TOLERANCE = 0.5 diff --git a/packages/ui-select/src/Select/v2/Group/index.tsx b/packages/ui-select/src/Select/v2/Group/index.tsx index 9a1206847a..a8795c6a53 100644 --- a/packages/ui-select/src/Select/v2/Group/index.tsx +++ b/packages/ui-select/src/Select/v2/Group/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import type { SelectGroupProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -34,6 +34,7 @@ id: Select.Group @module Group **/ class Group extends Component { + static displayName = 'Group' static readonly componentId = 'Select.Group' static allowedProps = allowedProps diff --git a/packages/ui-select/src/Select/v2/Option/index.tsx b/packages/ui-select/src/Select/v2/Option/index.tsx index c66af88996..acc3729bc2 100644 --- a/packages/ui-select/src/Select/v2/Option/index.tsx +++ b/packages/ui-select/src/Select/v2/Option/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import type { SelectOptionProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -34,6 +34,7 @@ id: Select.Option @module Option **/ class Option extends Component { + static displayName = 'Option' static readonly componentId = 'Select.Option' static allowedProps = allowedProps diff --git a/packages/ui-select/src/Select/v2/index.tsx b/packages/ui-select/src/Select/v2/index.tsx index db116fc854..52fe7d8e10 100644 --- a/packages/ui-select/src/Select/v2/index.tsx +++ b/packages/ui-select/src/Select/v2/index.tsx @@ -61,15 +61,15 @@ import type { import { withStyleNew, BorderWidth } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { Group } from './Group' +import { Group } from './Group/index.js' import type { SelectGroupProps } from './Group/props' -import { Option } from './Option' +import { Option } from './Option/index.js' import type { SelectOptionProps, RenderSelectOptionLabel } from './Option/props' import type { SelectProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { Renderable } from '@instructure/shared-types' const selectSizeToIconSize: Record< @@ -139,6 +139,7 @@ tags: autocomplete, typeahead, combobox, dropdown, search, form @withDeterministicId() @withStyleNew(generateStyle) class Select extends Component { + static displayName = 'Select' static readonly componentId = 'Select' private readonly SCROLL_TOLERANCE = 0.5 diff --git a/packages/ui-select/src/exports/a.ts b/packages/ui-select/src/exports/a.ts index 570bdb61fa..0c80ca1ae4 100644 --- a/packages/ui-select/src/exports/a.ts +++ b/packages/ui-select/src/exports/a.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { Select } from '../Select/v1' -export { Group as SelectGroup } from '../Select/v1/Group' -export { Option as SelectOption } from '../Select/v1/Option' +export { Select } from '../Select/v1/index.js' +export { Group as SelectGroup } from '../Select/v1/Group/index.js' +export { Option as SelectOption } from '../Select/v1/Option/index.js' export type { SelectProps, SelectOwnProps } from '../Select/v1/props' export type { SelectGroupProps } from '../Select/v1/Group/props' diff --git a/packages/ui-select/src/exports/b.ts b/packages/ui-select/src/exports/b.ts index 942d052e0b..db8bbad214 100644 --- a/packages/ui-select/src/exports/b.ts +++ b/packages/ui-select/src/exports/b.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { Select } from '../Select/v2' -export { Group as SelectGroup } from '../Select/v2/Group' -export { Option as SelectOption } from '../Select/v2/Option' +export { Select } from '../Select/v2/index.js' +export { Group as SelectGroup } from '../Select/v2/Group/index.js' +export { Option as SelectOption } from '../Select/v2/Option/index.js' export type { SelectProps, SelectOwnProps } from '../Select/v2/props' export type { SelectGroupProps } from '../Select/v2/Group/props' diff --git a/packages/ui-selectable/src/Selectable/__tests__/Selectable.test.tsx b/packages/ui-selectable/src/Selectable/__tests__/Selectable.test.tsx index e470de2141..8bcc6ac7e8 100644 --- a/packages/ui-selectable/src/Selectable/__tests__/Selectable.test.tsx +++ b/packages/ui-selectable/src/Selectable/__tests__/Selectable.test.tsx @@ -27,8 +27,8 @@ import { vi } from 'vitest' import userEvent from '@testing-library/user-event' import '@testing-library/jest-dom' -import { Selectable } from '../index' -import { SelectableRender } from '../props' +import { Selectable } from '../index.js' +import { SelectableRender } from '../props.js' const defaultOptions = ['foo', 'bar', 'baz'] diff --git a/packages/ui-selectable/src/Selectable/index.tsx b/packages/ui-selectable/src/Selectable/index.tsx index fb69a5bc19..9e57b29b01 100644 --- a/packages/ui-selectable/src/Selectable/index.tsx +++ b/packages/ui-selectable/src/Selectable/index.tsx @@ -30,7 +30,7 @@ import { isActiveElement } from '@instructure/ui-dom-utils' import { createChainedFunction } from '@instructure/ui-utils' import { logError as error } from '@instructure/console' import type { SelectableProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { withDeterministicId } from '@instructure/ui-react-utils' @@ -42,6 +42,7 @@ tags: autocomplete, typeahead, combobox, dropdown, search **/ @withDeterministicId() class Selectable extends Component { + static displayName = 'Selectable' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-selectable/src/index.ts b/packages/ui-selectable/src/index.ts index 05af98de42..6696f34438 100644 --- a/packages/ui-selectable/src/index.ts +++ b/packages/ui-selectable/src/index.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Selectable } from './Selectable' +export { Selectable } from './Selectable/index.js' export type { SelectableProps, SelectableRender } from './Selectable/props' diff --git a/packages/ui-side-nav-bar/src/SideNavBar/v1/SideNavBarItem/index.tsx b/packages/ui-side-nav-bar/src/SideNavBar/v1/SideNavBarItem/index.tsx index f195bfabe0..2ff4e1db1d 100644 --- a/packages/ui-side-nav-bar/src/SideNavBar/v1/SideNavBarItem/index.tsx +++ b/packages/ui-side-nav-bar/src/SideNavBar/v1/SideNavBarItem/index.tsx @@ -29,10 +29,10 @@ import { Tooltip } from '@instructure/ui-tooltip/v11_6' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' 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 { SideNavBarItemProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -42,6 +42,7 @@ id: SideNavBar.Item **/ @withStyle(generateStyle, generateComponentTheme) class SideNavBarItem extends Component { + static displayName = 'SideNavBarItem' static readonly componentId = 'SideNavBar.Item' static allowedProps = allowedProps diff --git a/packages/ui-side-nav-bar/src/SideNavBar/v1/index.tsx b/packages/ui-side-nav-bar/src/SideNavBar/v1/index.tsx index da2f5eb7ba..80b02a726c 100644 --- a/packages/ui-side-nav-bar/src/SideNavBar/v1/index.tsx +++ b/packages/ui-side-nav-bar/src/SideNavBar/v1/index.tsx @@ -28,12 +28,12 @@ import { IconMoveStartLine } from '@instructure/ui-icons' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { withStyle } from '@instructure/emotion' -import { SideNavBarItem } from './SideNavBarItem' +import { SideNavBarItem } from './SideNavBarItem/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { SideNavBarProps, SideNavBarState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' const navMinimized = ({ minimized }: { minimized: boolean }) => ({ minimized: !minimized @@ -46,6 +46,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class SideNavBar extends Component { + static displayName = 'SideNavBar' static readonly componentId = 'SideNavBar' static allowedProps = allowedProps diff --git a/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/index.tsx b/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/index.tsx index 4d76cc1256..396b6afbad 100644 --- a/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/index.tsx +++ b/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/index.tsx @@ -29,9 +29,9 @@ import { Tooltip } from '@instructure/ui-tooltip/latest' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { SideNavBarItemProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -41,6 +41,7 @@ id: SideNavBar.Item **/ @withStyleNew(generateStyle, 'SideNavBarItem') class SideNavBarItem extends Component { + static displayName = 'SideNavBarItem' static readonly componentId = 'SideNavBar.Item' static allowedProps = allowedProps diff --git a/packages/ui-side-nav-bar/src/SideNavBar/v2/index.tsx b/packages/ui-side-nav-bar/src/SideNavBar/v2/index.tsx index 7f1fafe4df..e6f227e600 100644 --- a/packages/ui-side-nav-bar/src/SideNavBar/v2/index.tsx +++ b/packages/ui-side-nav-bar/src/SideNavBar/v2/index.tsx @@ -32,11 +32,11 @@ import { import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { withStyleNew } from '@instructure/emotion' -import { SideNavBarItem } from './SideNavBarItem' +import { SideNavBarItem } from './SideNavBarItem/index.js' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { SideNavBarProps, SideNavBarState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' const navMinimized = ({ minimized }: { minimized: boolean }) => ({ minimized: !minimized @@ -49,6 +49,7 @@ category: components **/ @withStyleNew(generateStyle) class SideNavBar extends Component { + static displayName = 'SideNavBar' static readonly componentId = 'SideNavBar' static allowedProps = allowedProps diff --git a/packages/ui-side-nav-bar/src/exports/a.ts b/packages/ui-side-nav-bar/src/exports/a.ts index 56a2071949..dc04b987c7 100644 --- a/packages/ui-side-nav-bar/src/exports/a.ts +++ b/packages/ui-side-nav-bar/src/exports/a.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { SideNavBar, SideNavBarItem } from '../SideNavBar/v1' +export { SideNavBar, SideNavBarItem } from '../SideNavBar/v1/index.js' export type { SideNavBarProps } from '../SideNavBar/v1/props' export type { SideNavBarItemProps } from '../SideNavBar/v1/SideNavBarItem/props' diff --git a/packages/ui-side-nav-bar/src/exports/b.ts b/packages/ui-side-nav-bar/src/exports/b.ts index d1e1423f99..c2955167ff 100644 --- a/packages/ui-side-nav-bar/src/exports/b.ts +++ b/packages/ui-side-nav-bar/src/exports/b.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -export { SideNavBar, SideNavBarItem } from '../SideNavBar/v2' +export { SideNavBar, SideNavBarItem } from '../SideNavBar/v2/index.js' export type { SideNavBarProps } from '../SideNavBar/v2/props' export type { SideNavBarItemProps } from '../SideNavBar/v2/SideNavBarItem/props' diff --git a/packages/ui-simple-select/src/SimpleSelect/v1/Group/index.tsx b/packages/ui-simple-select/src/SimpleSelect/v1/Group/index.tsx index 57b632f430..3e72d7cb07 100644 --- a/packages/ui-simple-select/src/SimpleSelect/v1/Group/index.tsx +++ b/packages/ui-simple-select/src/SimpleSelect/v1/Group/index.tsx @@ -25,7 +25,7 @@ import { Component } from 'react' import type { SimpleSelectGroupProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -34,6 +34,7 @@ id: SimpleSelect.Group --- **/ class Group extends Component { + static displayName = 'Group' static readonly componentId = 'SimpleSelect.Group' static allowedProps = allowedProps diff --git a/packages/ui-simple-select/src/SimpleSelect/v1/Option/index.tsx b/packages/ui-simple-select/src/SimpleSelect/v1/Option/index.tsx index 31efa5c653..3e51ea801f 100644 --- a/packages/ui-simple-select/src/SimpleSelect/v1/Option/index.tsx +++ b/packages/ui-simple-select/src/SimpleSelect/v1/Option/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import type { SimpleSelectOptionProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -33,6 +33,7 @@ id: SimpleSelect.Option --- **/ class Option extends Component { + static displayName = 'Option' static readonly componentId = 'SimpleSelect.Option' static allowedProps = allowedProps diff --git a/packages/ui-simple-select/src/SimpleSelect/v1/index.tsx b/packages/ui-simple-select/src/SimpleSelect/v1/index.tsx index b36f5b43d8..d35dc9ffa1 100644 --- a/packages/ui-simple-select/src/SimpleSelect/v1/index.tsx +++ b/packages/ui-simple-select/src/SimpleSelect/v1/index.tsx @@ -42,17 +42,17 @@ import { import { Select } from '@instructure/ui-select/v11_6' import type { SelectProps } from '@instructure/ui-select/v11_6' -import { Option } from './Option' +import { Option } from './Option/index.js' import type { SimpleSelectOptionProps, RenderSimpleSelectOptionLabel } from './Option/props' -import { Group } from './Group' +import { Group } from './Group/index.js' import type { SimpleSelectGroupProps } from './Group/props' import type { SimpleSelectProps } from './props' -import { allowedProps, SimpleSelectState } from './props' +import { allowedProps, SimpleSelectState } from './props.js' type OptionChild = ComponentElement type GroupChild = ComponentElement @@ -70,6 +70,7 @@ tags: form, field, dropdown **/ @withDeterministicId() class SimpleSelect extends Component { + static displayName = 'SimpleSelect' static readonly componentId = 'SimpleSelect' static Option = Option diff --git a/packages/ui-simple-select/src/SimpleSelect/v2/Group/index.tsx b/packages/ui-simple-select/src/SimpleSelect/v2/Group/index.tsx index 57b632f430..3e72d7cb07 100644 --- a/packages/ui-simple-select/src/SimpleSelect/v2/Group/index.tsx +++ b/packages/ui-simple-select/src/SimpleSelect/v2/Group/index.tsx @@ -25,7 +25,7 @@ import { Component } from 'react' import type { SimpleSelectGroupProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -34,6 +34,7 @@ id: SimpleSelect.Group --- **/ class Group extends Component { + static displayName = 'Group' static readonly componentId = 'SimpleSelect.Group' static allowedProps = allowedProps diff --git a/packages/ui-simple-select/src/SimpleSelect/v2/Option/index.tsx b/packages/ui-simple-select/src/SimpleSelect/v2/Option/index.tsx index 31efa5c653..3e51ea801f 100644 --- a/packages/ui-simple-select/src/SimpleSelect/v2/Option/index.tsx +++ b/packages/ui-simple-select/src/SimpleSelect/v2/Option/index.tsx @@ -24,7 +24,7 @@ import { Component } from 'react' import type { SimpleSelectOptionProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -33,6 +33,7 @@ id: SimpleSelect.Option --- **/ class Option extends Component { + static displayName = 'Option' static readonly componentId = 'SimpleSelect.Option' static allowedProps = allowedProps diff --git a/packages/ui-simple-select/src/SimpleSelect/v2/index.tsx b/packages/ui-simple-select/src/SimpleSelect/v2/index.tsx index 8c846887c8..73a869b766 100644 --- a/packages/ui-simple-select/src/SimpleSelect/v2/index.tsx +++ b/packages/ui-simple-select/src/SimpleSelect/v2/index.tsx @@ -42,17 +42,17 @@ import { import { Select } from '@instructure/ui-select/latest' import type { SelectProps } from '@instructure/ui-select/latest' -import { Option } from './Option' +import { Option } from './Option/index.js' import type { SimpleSelectOptionProps, RenderSimpleSelectOptionLabel } from './Option/props' -import { Group } from './Group' +import { Group } from './Group/index.js' import type { SimpleSelectGroupProps } from './Group/props' import type { SimpleSelectProps } from './props' -import { allowedProps, SimpleSelectState } from './props' +import { allowedProps, SimpleSelectState } from './props.js' type OptionChild = ComponentElement type GroupChild = ComponentElement @@ -70,6 +70,7 @@ tags: form, field, dropdown **/ @withDeterministicId() class SimpleSelect extends Component { + static displayName = 'SimpleSelect' static readonly componentId = 'SimpleSelect' static Option = Option diff --git a/packages/ui-simple-select/src/exports/a.ts b/packages/ui-simple-select/src/exports/a.ts index 1c58ae2eab..2805192f51 100644 --- a/packages/ui-simple-select/src/exports/a.ts +++ b/packages/ui-simple-select/src/exports/a.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { SimpleSelect } from '../SimpleSelect/v1' -export { Group as SimpleSelectGroup } from '../SimpleSelect/v1/Group' -export { Option as SimpleSelectOption } from '../SimpleSelect/v1/Option' +export { SimpleSelect } from '../SimpleSelect/v1/index.js' +export { Group as SimpleSelectGroup } from '../SimpleSelect/v1/Group/index.js' +export { Option as SimpleSelectOption } from '../SimpleSelect/v1/Option/index.js' export type { SimpleSelectProps } from '../SimpleSelect/v1/props' export type { SimpleSelectGroupProps } from '../SimpleSelect/v1/Group/props' diff --git a/packages/ui-simple-select/src/exports/b.ts b/packages/ui-simple-select/src/exports/b.ts index cbafda86c3..f782497c5b 100644 --- a/packages/ui-simple-select/src/exports/b.ts +++ b/packages/ui-simple-select/src/exports/b.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { SimpleSelect } from '../SimpleSelect/v2' -export { Group as SimpleSelectGroup } from '../SimpleSelect/v2/Group' -export { Option as SimpleSelectOption } from '../SimpleSelect/v2/Option' +export { SimpleSelect } from '../SimpleSelect/v2/index.js' +export { Group as SimpleSelectGroup } from '../SimpleSelect/v2/Group/index.js' +export { Option as SimpleSelectOption } from '../SimpleSelect/v2/Option/index.js' export type { SimpleSelectProps } from '../SimpleSelect/v2/props' export type { SimpleSelectGroupProps } from '../SimpleSelect/v2/Group/props' diff --git a/packages/ui-source-code-editor/src/SourceCodeEditor/v1/index.tsx b/packages/ui-source-code-editor/src/SourceCodeEditor/v1/index.tsx index 4f25aea100..dfdc1f1d1d 100644 --- a/packages/ui-source-code-editor/src/SourceCodeEditor/v1/index.tsx +++ b/packages/ui-source-code-editor/src/SourceCodeEditor/v1/index.tsx @@ -89,14 +89,14 @@ import { textDirectionContextConsumer } from '@instructure/ui-i18n' import { withStyle } from '@instructure/emotion' -import customSearch from './SearchPanel' +import customSearch from './SearchPanel.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { rtlHorizontalArrowKeymap } from './customKeybinding' +import { rtlHorizontalArrowKeymap } from './customKeybinding.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { SourceCodeEditorProps } from './props' /** @@ -108,6 +108,7 @@ category: components @withStyle(generateStyle, generateComponentTheme) @textDirectionContextConsumer() class SourceCodeEditor extends Component { + static displayName = 'SourceCodeEditor' static readonly componentId = 'SourceCodeEditor' static allowedProps = allowedProps diff --git a/packages/ui-source-code-editor/src/SourceCodeEditor/v2/index.tsx b/packages/ui-source-code-editor/src/SourceCodeEditor/v2/index.tsx index c558438b29..d69d53dadc 100644 --- a/packages/ui-source-code-editor/src/SourceCodeEditor/v2/index.tsx +++ b/packages/ui-source-code-editor/src/SourceCodeEditor/v2/index.tsx @@ -89,13 +89,13 @@ import { textDirectionContextConsumer } from '@instructure/ui-i18n' import { withStyleNew } from '@instructure/emotion' -import customSearch from './SearchPanel' +import customSearch from './SearchPanel.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { rtlHorizontalArrowKeymap } from './customKeybinding' +import { rtlHorizontalArrowKeymap } from './customKeybinding.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { SourceCodeEditorProps } from './props' /** @@ -107,6 +107,7 @@ category: components @withStyleNew(generateStyle) @textDirectionContextConsumer() class SourceCodeEditor extends Component { + static displayName = 'SourceCodeEditor' static readonly componentId = 'SourceCodeEditor' static allowedProps = allowedProps diff --git a/packages/ui-source-code-editor/src/exports/a.ts b/packages/ui-source-code-editor/src/exports/a.ts index ee0000b02e..e6210baba7 100644 --- a/packages/ui-source-code-editor/src/exports/a.ts +++ b/packages/ui-source-code-editor/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { SourceCodeEditor } from '../SourceCodeEditor/v1' +export { SourceCodeEditor } from '../SourceCodeEditor/v1/index.js' export type { SourceCodeEditorProps } from '../SourceCodeEditor/v1/props' diff --git a/packages/ui-source-code-editor/src/exports/b.ts b/packages/ui-source-code-editor/src/exports/b.ts index f40185721d..a6422b4eea 100644 --- a/packages/ui-source-code-editor/src/exports/b.ts +++ b/packages/ui-source-code-editor/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { SourceCodeEditor } from '../SourceCodeEditor/v2' +export { SourceCodeEditor } from '../SourceCodeEditor/v2/index.js' export type { SourceCodeEditorProps } from '../SourceCodeEditor/v2/props' diff --git a/packages/ui-spinner/src/Spinner/v1/index.tsx b/packages/ui-spinner/src/Spinner/v1/index.tsx index 48e7b95cd9..4f69a75973 100644 --- a/packages/ui-spinner/src/Spinner/v1/index.tsx +++ b/packages/ui-spinner/src/Spinner/v1/index.tsx @@ -34,10 +34,10 @@ import { logError as error } 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 { SpinnerProps, SpinnerState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -47,6 +47,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Spinner extends Component { + static displayName = 'Spinner' static readonly componentId = 'Spinner' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-spinner/src/Spinner/v2/index.tsx b/packages/ui-spinner/src/Spinner/v2/index.tsx index 2cf7d9a9f5..4030e6a927 100644 --- a/packages/ui-spinner/src/Spinner/v2/index.tsx +++ b/packages/ui-spinner/src/Spinner/v2/index.tsx @@ -32,9 +32,9 @@ import { } from '@instructure/ui-react-utils' import { logError as error } from '@instructure/console' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { SpinnerProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- diff --git a/packages/ui-spinner/src/exports/a.ts b/packages/ui-spinner/src/exports/a.ts index 0d21d29190..6a5f74c42f 100644 --- a/packages/ui-spinner/src/exports/a.ts +++ b/packages/ui-spinner/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Spinner } from '../Spinner/v1' +export { Spinner } from '../Spinner/v1/index.js' export type { SpinnerProps } from '../Spinner/v1/props' diff --git a/packages/ui-spinner/src/exports/b.ts b/packages/ui-spinner/src/exports/b.ts index 725b0c756a..9221e2d121 100644 --- a/packages/ui-spinner/src/exports/b.ts +++ b/packages/ui-spinner/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Spinner } from '../Spinner/v2' +export { Spinner } from '../Spinner/v2/index.js' export type { SpinnerProps } from '../Spinner/v2/props' diff --git a/packages/ui-svg-images/src/InlineSVG/__tests__/InlineSVG.test.tsx b/packages/ui-svg-images/src/InlineSVG/__tests__/InlineSVG.test.tsx index e6196202ee..d6bfedcd44 100644 --- a/packages/ui-svg-images/src/InlineSVG/__tests__/InlineSVG.test.tsx +++ b/packages/ui-svg-images/src/InlineSVG/__tests__/InlineSVG.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { InlineSVG } from '../index' +import { InlineSVG } from '../index.js' const SVG_SRC = `` diff --git a/packages/ui-svg-images/src/InlineSVG/index.tsx b/packages/ui-svg-images/src/InlineSVG/index.tsx index df9e8ee97a..08e865adfe 100644 --- a/packages/ui-svg-images/src/InlineSVG/index.tsx +++ b/packages/ui-svg-images/src/InlineSVG/index.tsx @@ -29,10 +29,10 @@ import { combineDataCid } from '@instructure/ui-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { InlineSVGProps } from './props' /** @@ -43,6 +43,7 @@ category: components/utilities @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class InlineSVG extends Component { + static displayName = 'InlineSVG' static readonly componentId = 'InlineSVG' static allowedProps = allowedProps diff --git a/packages/ui-svg-images/src/SVGIcon/__tests__/SVGIcon.test.tsx b/packages/ui-svg-images/src/SVGIcon/__tests__/SVGIcon.test.tsx index a6486ed26a..a8e3ba99b6 100644 --- a/packages/ui-svg-images/src/SVGIcon/__tests__/SVGIcon.test.tsx +++ b/packages/ui-svg-images/src/SVGIcon/__tests__/SVGIcon.test.tsx @@ -24,7 +24,7 @@ import { render } from '@testing-library/react' import '@testing-library/jest-dom' -import { SVGIcon } from '../index' +import { SVGIcon } from '../index.js' const SVG_SRC = `` diff --git a/packages/ui-svg-images/src/SVGIcon/index.tsx b/packages/ui-svg-images/src/SVGIcon/index.tsx index 22fbec26b8..19351b4e6f 100644 --- a/packages/ui-svg-images/src/SVGIcon/index.tsx +++ b/packages/ui-svg-images/src/SVGIcon/index.tsx @@ -26,12 +26,12 @@ import { Component, ReactInstance } from 'react' import { withStyle } from '@instructure/emotion' -import { InlineSVG } from '../InlineSVG' +import { InlineSVG } from '../InlineSVG/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { SVGIconProps } from './props' import { SVGIconTheme } from '@instructure/shared-types' @@ -42,6 +42,7 @@ category: components/utilities **/ @withStyle(generateStyle, generateComponentTheme) class SVGIcon extends Component { + static displayName = 'SVGIcon' static readonly componentId = 'SVGIcon' static allowedProps = allowedProps diff --git a/packages/ui-svg-images/src/index.ts b/packages/ui-svg-images/src/index.ts index 4cdfbce2e3..3df412f67c 100644 --- a/packages/ui-svg-images/src/index.ts +++ b/packages/ui-svg-images/src/index.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { InlineSVG } from './InlineSVG' -export { SVGIcon } from './SVGIcon' +export { InlineSVG } from './InlineSVG/index.js' +export { SVGIcon } from './SVGIcon/index.js' export type { InlineSVGProps } from './InlineSVG/props' export type { SVGIconProps } from './SVGIcon/props' diff --git a/packages/ui-table/src/Table/v1/Body/index.tsx b/packages/ui-table/src/Table/v1/Body/index.tsx index 6badfaca98..7ebc91399e 100644 --- a/packages/ui-table/src/Table/v1/Body/index.tsx +++ b/packages/ui-table/src/Table/v1/Body/index.tsx @@ -34,11 +34,11 @@ import { safeCloneElement, omitProps } from '@instructure/ui-react-utils' 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 { TableBodyProps } from './props' -import { allowedProps } from './props' -import TableContext from '../TableContext' +import { allowedProps } from './props.js' +import TableContext from '../TableContext.js' /** --- @@ -48,6 +48,7 @@ id: Table.Body **/ @withStyle(generateStyle, generateComponentTheme) class Body extends Component { + static displayName = 'Body' static readonly componentId = 'Table.Body' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v1/Cell/index.tsx b/packages/ui-table/src/Table/v1/Cell/index.tsx index 8f222886cb..11e113f750 100644 --- a/packages/ui-table/src/Table/v1/Cell/index.tsx +++ b/packages/ui-table/src/Table/v1/Cell/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 { TableCellProps } 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.Cell **/ @withStyle(generateStyle, generateComponentTheme) class Cell extends Component { + static displayName = 'Cell' static readonly componentId = 'Table.Cell' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v1/ColHeader/index.tsx b/packages/ui-table/src/Table/v1/ColHeader/index.tsx index 9ed6d8b984..f2b716e73d 100644 --- a/packages/ui-table/src/Table/v1/ColHeader/index.tsx +++ b/packages/ui-table/src/Table/v1/ColHeader/index.tsx @@ -33,10 +33,10 @@ import { 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 './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -46,6 +46,7 @@ id: Table.ColHeader **/ @withStyle(generateStyle, generateComponentTheme) class ColHeader extends Component { + static displayName = 'ColHeader' static readonly componentId = 'Table.ColHeader' static allowedProps = allowedProps diff --git a/packages/ui-table/src/Table/v1/Head/index.tsx b/packages/ui-table/src/Table/v1/Head/index.tsx index e06d20c99c..6f0a2d74f4 100644 --- a/packages/ui-table/src/Table/v1/Head/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Head' static readonly componentId = 'Table.Head' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v1/Head/props.ts b/packages/ui-table/src/Table/v1/Head/props.ts index db782c9ce6..0f78574234 100644 --- a/packages/ui-table/src/Table/v1/Head/props.ts +++ b/packages/ui-table/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 = { /** diff --git a/packages/ui-table/src/Table/v1/Row/index.tsx b/packages/ui-table/src/Table/v1/Row/index.tsx index 539d954965..ea14e7282c 100644 --- a/packages/ui-table/src/Table/v1/Row/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Row' static readonly componentId = 'Table.Row' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v1/RowHeader/index.tsx b/packages/ui-table/src/Table/v1/RowHeader/index.tsx index aaad1489da..5a5f313ea8 100644 --- a/packages/ui-table/src/Table/v1/RowHeader/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'RowHeader' static readonly componentId = 'Table.RowHeader' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v1/index.tsx b/packages/ui-table/src/Table/v1/index.tsx index a4c1ca36e0..390e9e0785 100644 --- a/packages/ui-table/src/Table/v1/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Table' static readonly componentId = 'Table' static allowedProps = allowedProps diff --git a/packages/ui-table/src/Table/v2/Body/index.tsx b/packages/ui-table/src/Table/v2/Body/index.tsx index 1da3719e09..1659b1a9e5 100644 --- a/packages/ui-table/src/Table/v2/Body/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Body' static readonly componentId = 'Table.Body' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v2/Cell/index.tsx b/packages/ui-table/src/Table/v2/Cell/index.tsx index ac7a460d3d..a6cdee5272 100644 --- a/packages/ui-table/src/Table/v2/Cell/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Cell' static readonly componentId = 'Table.Cell' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v2/ColHeader/index.tsx b/packages/ui-table/src/Table/v2/ColHeader/index.tsx index fb6acd15bb..ed56cf005b 100644 --- a/packages/ui-table/src/Table/v2/ColHeader/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'ColHeader' static readonly componentId = 'Table.ColHeader' static allowedProps = allowedProps diff --git a/packages/ui-table/src/Table/v2/Head/index.tsx b/packages/ui-table/src/Table/v2/Head/index.tsx index 3f8a8e90b0..db71c02b0d 100644 --- a/packages/ui-table/src/Table/v2/Head/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Head' static readonly componentId = 'Table.Head' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v2/Head/props.ts b/packages/ui-table/src/Table/v2/Head/props.ts index 9df246df4b..cd3b3219ba 100644 --- a/packages/ui-table/src/Table/v2/Head/props.ts +++ b/packages/ui-table/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 = { diff --git a/packages/ui-table/src/Table/v2/Row/index.tsx b/packages/ui-table/src/Table/v2/Row/index.tsx index f21c8c415b..8067a7b8ec 100644 --- a/packages/ui-table/src/Table/v2/Row/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Row' static readonly componentId = 'Table.Row' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v2/RowHeader/index.tsx b/packages/ui-table/src/Table/v2/RowHeader/index.tsx index c2487dd3ff..8ae56b9cb1 100644 --- a/packages/ui-table/src/Table/v2/RowHeader/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'RowHeader' static readonly componentId = 'Table.RowHeader' static contextType = TableContext declare context: ContextType diff --git a/packages/ui-table/src/Table/v2/index.tsx b/packages/ui-table/src/Table/v2/index.tsx index 859b97dc6b..5b2b96f067 100644 --- a/packages/ui-table/src/Table/v2/index.tsx +++ b/packages/ui-table/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 { + static displayName = 'Table' static readonly componentId = 'Table' static allowedProps = allowedProps diff --git a/packages/ui-table/src/exports/a.ts b/packages/ui-table/src/exports/a.ts index b2a3bb5439..1962310a3a 100644 --- a/packages/ui-table/src/exports/a.ts +++ b/packages/ui-table/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' diff --git a/packages/ui-table/src/exports/b.ts b/packages/ui-table/src/exports/b.ts index 3d81844878..ca84612f97 100644 --- a/packages/ui-table/src/exports/b.ts +++ b/packages/ui-table/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' diff --git a/packages/ui-tabs/src/Tabs/v1/Panel/index.tsx b/packages/ui-tabs/src/Tabs/v1/Panel/index.tsx index a7aacdd345..d667e1aef3 100644 --- a/packages/ui-tabs/src/Tabs/v1/Panel/index.tsx +++ b/packages/ui-tabs/src/Tabs/v1/Panel/index.tsx @@ -30,10 +30,10 @@ import { Transition } from '@instructure/ui-motion' 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 { TabsPanelProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -43,6 +43,7 @@ id: Tabs.Panel **/ @withStyle(generateStyle, generateComponentTheme) class Panel extends Component { + static displayName = 'Panel' static readonly componentId = 'Tabs.Panel' static allowedProps = allowedProps diff --git a/packages/ui-tabs/src/Tabs/v1/Tab/index.tsx b/packages/ui-tabs/src/Tabs/v1/Tab/index.tsx index 72cf8d5223..7bcb4b5bd6 100644 --- a/packages/ui-tabs/src/Tabs/v1/Tab/index.tsx +++ b/packages/ui-tabs/src/Tabs/v1/Tab/index.tsx @@ -30,11 +30,11 @@ import type { ViewOwnProps } 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 { TabsTabProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -44,6 +44,7 @@ id: Tabs.Tab **/ @withStyle(generateStyle, generateComponentTheme) class Tab extends Component { + static displayName = 'Tab' static readonly componentId = 'Tabs.Tab' static allowedProps = allowedProps diff --git a/packages/ui-tabs/src/Tabs/v1/index.tsx b/packages/ui-tabs/src/Tabs/v1/index.tsx index dfdb06a874..7c38aedc18 100644 --- a/packages/ui-tabs/src/Tabs/v1/index.tsx +++ b/packages/ui-tabs/src/Tabs/v1/index.tsx @@ -50,13 +50,13 @@ import { px } from '@instructure/ui-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { Tab } from './Tab' -import { Panel } from './Panel' +import { Tab } from './Tab/index.js' +import { Panel } from './Panel/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TabsProps, TabsState } from './props' import type { TabsTabProps } from './Tab/props' @@ -72,6 +72,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Tabs extends Component { + static displayName = 'Tabs' static readonly componentId = 'Tabs' static allowedProps = allowedProps diff --git a/packages/ui-tabs/src/Tabs/v2/Panel/index.tsx b/packages/ui-tabs/src/Tabs/v2/Panel/index.tsx index 0349e6cb7d..8e1c6cdf5a 100644 --- a/packages/ui-tabs/src/Tabs/v2/Panel/index.tsx +++ b/packages/ui-tabs/src/Tabs/v2/Panel/index.tsx @@ -30,9 +30,9 @@ import { Transition } from '@instructure/ui-motion' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TabsPanelProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -42,6 +42,7 @@ id: Tabs.Panel **/ @withStyleNew(generateStyle) class Panel extends Component { + static displayName = 'Panel' static readonly componentId = 'Tabs.Panel' static allowedProps = allowedProps diff --git a/packages/ui-tabs/src/Tabs/v2/Tab/index.tsx b/packages/ui-tabs/src/Tabs/v2/Tab/index.tsx index 768d7ea366..e177548a40 100644 --- a/packages/ui-tabs/src/Tabs/v2/Tab/index.tsx +++ b/packages/ui-tabs/src/Tabs/v2/Tab/index.tsx @@ -30,10 +30,10 @@ import type { ViewOwnProps } from '@instructure/ui-view/latest' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TabsTabProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -43,6 +43,7 @@ id: Tabs.Tab **/ @withStyleNew(generateStyle) class Tab extends Component { + static displayName = 'Tab' static readonly componentId = 'Tabs.Tab' static allowedProps = allowedProps diff --git a/packages/ui-tabs/src/Tabs/v2/index.tsx b/packages/ui-tabs/src/Tabs/v2/index.tsx index ae748079c7..f277381db4 100644 --- a/packages/ui-tabs/src/Tabs/v2/index.tsx +++ b/packages/ui-tabs/src/Tabs/v2/index.tsx @@ -50,12 +50,12 @@ import { px } from '@instructure/ui-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { Tab } from './Tab' -import { Panel } from './Panel' +import { Tab } from './Tab/index.js' +import { Panel } from './Panel/index.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TabsProps, TabsState } from './props' import type { TabsTabProps } from './Tab/props' @@ -71,6 +71,7 @@ category: components **/ @withStyleNew(generateStyle) class Tabs extends Component { + static displayName = 'Tabs' static readonly componentId = 'Tabs' static allowedProps = allowedProps diff --git a/packages/ui-tabs/src/exports/a.ts b/packages/ui-tabs/src/exports/a.ts index a3ca7c4c42..a0f407ee07 100644 --- a/packages/ui-tabs/src/exports/a.ts +++ b/packages/ui-tabs/src/exports/a.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { Tabs } from '../Tabs/v1' -export { Panel as TabsPanel } from '../Tabs/v1/Panel' -export { Tab as TabsTab } from '../Tabs/v1/Tab' +export { Tabs } from '../Tabs/v1/index.js' +export { Panel as TabsPanel } from '../Tabs/v1/Panel/index.js' +export { Tab as TabsTab } from '../Tabs/v1/Tab/index.js' export type { TabsProps } from '../Tabs/v1/props' export type { TabsPanelProps } from '../Tabs/v1/Panel/props' diff --git a/packages/ui-tabs/src/exports/b.ts b/packages/ui-tabs/src/exports/b.ts index 27f2a78084..3d04444a70 100644 --- a/packages/ui-tabs/src/exports/b.ts +++ b/packages/ui-tabs/src/exports/b.ts @@ -22,9 +22,9 @@ * SOFTWARE. */ -export { Tabs } from '../Tabs/v2' -export { Panel as TabsPanel } from '../Tabs/v2/Panel' -export { Tab as TabsTab } from '../Tabs/v2/Tab' +export { Tabs } from '../Tabs/v2/index.js' +export { Panel as TabsPanel } from '../Tabs/v2/Panel/index.js' +export { Tab as TabsTab } from '../Tabs/v2/Tab/index.js' export type { TabsProps } from '../Tabs/v2/props' export type { TabsPanelProps } from '../Tabs/v2/Panel/props' diff --git a/packages/ui-tag/src/Tag/v1/index.tsx b/packages/ui-tag/src/Tag/v1/index.tsx index 6b5daad191..d991f17b4f 100644 --- a/packages/ui-tag/src/Tag/v1/index.tsx +++ b/packages/ui-tag/src/Tag/v1/index.tsx @@ -31,10 +31,10 @@ import { omitProps } from '@instructure/ui-react-utils' import { isActiveElement } from '@instructure/ui-dom-utils' 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 { TagProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -44,6 +44,7 @@ category: components @withStyle(generateStyle, generateComponentTheme) class Tag extends Component { + static displayName = 'Tag' static readonly componentId = 'Tag' static allowedProps = allowedProps diff --git a/packages/ui-tag/src/Tag/v2/index.tsx b/packages/ui-tag/src/Tag/v2/index.tsx index 39e5ef7b5e..197bf0dd02 100644 --- a/packages/ui-tag/src/Tag/v2/index.tsx +++ b/packages/ui-tag/src/Tag/v2/index.tsx @@ -31,9 +31,9 @@ import { omitProps } from '@instructure/ui-react-utils' import { isActiveElement } from '@instructure/ui-dom-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TagProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -43,6 +43,7 @@ category: components @withStyleNew(generateStyle) class Tag extends Component { + static displayName = 'Tag' static readonly componentId = 'Tag' static allowedProps = allowedProps diff --git a/packages/ui-tag/src/exports/a.ts b/packages/ui-tag/src/exports/a.ts index 12b5932f9e..5bda4fdb8b 100644 --- a/packages/ui-tag/src/exports/a.ts +++ b/packages/ui-tag/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Tag } from '../Tag/v1' +export { Tag } from '../Tag/v1/index.js' export type { TagProps } from '../Tag/v1/props' diff --git a/packages/ui-tag/src/exports/b.ts b/packages/ui-tag/src/exports/b.ts index 61695c337f..2d25aee150 100644 --- a/packages/ui-tag/src/exports/b.ts +++ b/packages/ui-tag/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Tag } from '../Tag/v2' +export { Tag } from '../Tag/v2/index.js' export type { TagProps } from '../Tag/v2/props' diff --git a/packages/ui-text-area/src/TextArea/v1/index.tsx b/packages/ui-text-area/src/TextArea/v1/index.tsx index ae3d193153..e5e15d38ff 100644 --- a/packages/ui-text-area/src/TextArea/v1/index.tsx +++ b/packages/ui-text-area/src/TextArea/v1/index.tsx @@ -42,10 +42,10 @@ import { } from '@instructure/ui-react-utils' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { TextAreaProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -55,6 +55,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class TextArea extends Component { + static displayName = 'TextArea' static readonly componentId = 'TextArea' static allowedProps = allowedProps diff --git a/packages/ui-text-area/src/TextArea/v2/index.tsx b/packages/ui-text-area/src/TextArea/v2/index.tsx index 0c5687c509..407795d23e 100644 --- a/packages/ui-text-area/src/TextArea/v2/index.tsx +++ b/packages/ui-text-area/src/TextArea/v2/index.tsx @@ -52,7 +52,7 @@ import { DeterministicIdContext } from '@instructure/ui-react-utils' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TextAreaProps } from './props' export type TextAreaElement = { diff --git a/packages/ui-text-area/src/exports/a.ts b/packages/ui-text-area/src/exports/a.ts index a93bed1e2f..ac41389b40 100644 --- a/packages/ui-text-area/src/exports/a.ts +++ b/packages/ui-text-area/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { TextArea } from '../TextArea/v1' +export { TextArea } from '../TextArea/v1/index.js' export type { TextAreaProps } from '../TextArea/v1/props' diff --git a/packages/ui-text-area/src/exports/b.ts b/packages/ui-text-area/src/exports/b.ts index 9258566dd3..812e23edd2 100644 --- a/packages/ui-text-area/src/exports/b.ts +++ b/packages/ui-text-area/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { TextArea } from '../TextArea/v2' +export { TextArea } from '../TextArea/v2/index.js' export type { TextAreaProps } from '../TextArea/v2/props' diff --git a/packages/ui-text-input/src/TextInput/v1/index.tsx b/packages/ui-text-input/src/TextInput/v1/index.tsx index 7c2d0f8b94..4800ffbe2e 100644 --- a/packages/ui-text-input/src/TextInput/v1/index.tsx +++ b/packages/ui-text-input/src/TextInput/v1/index.tsx @@ -39,14 +39,14 @@ import { FormField } from '@instructure/ui-form-field/v11_6' import { withStyle } from '@instructure/emotion' import { hasVisibleChildren } from '@instructure/ui-a11y-utils' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' import type { TextInputProps, TextInputState, TextInputStyleProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -57,6 +57,7 @@ tags: form, field @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class TextInput extends Component { + static displayName = 'TextInput' static readonly componentId = 'TextInput' static allowedProps = allowedProps diff --git a/packages/ui-text-input/src/TextInput/v2/index.tsx b/packages/ui-text-input/src/TextInput/v2/index.tsx index 76e2f98cac..52a09ecd98 100644 --- a/packages/ui-text-input/src/TextInput/v2/index.tsx +++ b/packages/ui-text-input/src/TextInput/v2/index.tsx @@ -35,9 +35,9 @@ import { isActiveElement, addEventListener } from '@instructure/ui-dom-utils' import { FormField } from '@instructure/ui-form-field/latest' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TextInputProps, TextInputStyleProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { Renderable } from '@instructure/shared-types' /** @@ -49,6 +49,7 @@ tags: form, field, input @withDeterministicId() @withStyleNew(generateStyle) class TextInput extends Component { + static displayName = 'TextInput' static readonly componentId = 'TextInput' static allowedProps = allowedProps diff --git a/packages/ui-text-input/src/TextInput/v2/styles.ts b/packages/ui-text-input/src/TextInput/v2/styles.ts index dd131f5d4f..c71a3a7f8a 100644 --- a/packages/ui-text-input/src/TextInput/v2/styles.ts +++ b/packages/ui-text-input/src/TextInput/v2/styles.ts @@ -23,7 +23,7 @@ */ import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes' -import { TextInputProps, TextInputStyle, TextInputStyleProps } from './props' +import { TextInputProps, TextInputStyle, TextInputStyleProps } from './props.js' import { calcFocusOutlineStyles } from '@instructure/emotion' /** diff --git a/packages/ui-text-input/src/exports/a.ts b/packages/ui-text-input/src/exports/a.ts index 0d2131cdcd..c85e6e0cee 100644 --- a/packages/ui-text-input/src/exports/a.ts +++ b/packages/ui-text-input/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { TextInput } from '../TextInput/v1' +export { TextInput } from '../TextInput/v1/index.js' export type { TextInputProps } from '../TextInput/v1/props' diff --git a/packages/ui-text-input/src/exports/b.ts b/packages/ui-text-input/src/exports/b.ts index 6151786bee..a8a671ab68 100644 --- a/packages/ui-text-input/src/exports/b.ts +++ b/packages/ui-text-input/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { TextInput } from '../TextInput/v2' +export { TextInput } from '../TextInput/v2/index.js' export type { TextInputProps } from '../TextInput/v2/props' diff --git a/packages/ui-text/src/Text/v1/index.tsx b/packages/ui-text/src/Text/v1/index.tsx index 0c5c2e5b85..d2c54cd866 100644 --- a/packages/ui-text/src/Text/v1/index.tsx +++ b/packages/ui-text/src/Text/v1/index.tsx @@ -27,10 +27,10 @@ import { Component } from 'react' import { passthroughProps, getElementType } from '@instructure/ui-react-utils' 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 { TextProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -39,6 +39,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class Text extends Component { + static displayName = 'Text' static readonly componentId = 'Text' static allowedProps = allowedProps diff --git a/packages/ui-text/src/Text/v2/index.tsx b/packages/ui-text/src/Text/v2/index.tsx index 29d23d867c..5044ce30d1 100644 --- a/packages/ui-text/src/Text/v2/index.tsx +++ b/packages/ui-text/src/Text/v2/index.tsx @@ -27,9 +27,9 @@ import { Component } from 'react' import { passthroughProps, getElementType } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TextProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -38,6 +38,7 @@ category: components **/ @withStyleNew(generateStyle) class Text extends Component { + static displayName = 'Text' static readonly componentId = 'Text' static allowedProps = allowedProps diff --git a/packages/ui-text/src/exports/a.ts b/packages/ui-text/src/exports/a.ts index 1f594e10ff..3f407923a8 100644 --- a/packages/ui-text/src/exports/a.ts +++ b/packages/ui-text/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Text } from '../Text/v1' +export { Text } from '../Text/v1/index.js' export type { TextProps } from '../Text/v1/props' diff --git a/packages/ui-text/src/exports/b.ts b/packages/ui-text/src/exports/b.ts index 4594140ad5..277f3447ee 100644 --- a/packages/ui-text/src/exports/b.ts +++ b/packages/ui-text/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Text } from '../Text/v2' +export { Text } from '../Text/v2/index.js' export type { TextProps } from '../Text/v2/props' diff --git a/packages/ui-themes/src/__tests__/themes.test.tsx b/packages/ui-themes/src/__tests__/themes.test.tsx index 2d9be81373..f6ab877fb2 100644 --- a/packages/ui-themes/src/__tests__/themes.test.tsx +++ b/packages/ui-themes/src/__tests__/themes.test.tsx @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { canvas, canvasHighContrast } from '..' +import { canvas, canvasHighContrast } from '../index.js' import '@testing-library/jest-dom' const themes = [canvas, canvasHighContrast] diff --git a/packages/ui-themes/src/index.ts b/packages/ui-themes/src/index.ts index 1f9f6bcb06..527982a29e 100644 --- a/packages/ui-themes/src/index.ts +++ b/packages/ui-themes/src/index.ts @@ -41,19 +41,19 @@ import type { DeepPartial } from '@instructure/shared-types' -import canvasHighContrast from './themes/canvasHighContrast' -import canvas from './themes/canvas' +import canvasHighContrast from './themes/canvasHighContrast/index.js' +import canvas from './themes/canvas/index.js' -import dark from './themes/dark' +import dark from './themes/dark/index.js' -import light from './themes/light' +import light from './themes/light/index.js' import { primitives, additionalPrimitives -} from './legacySharedThemeTokens/colors/primitives' -import dataVisualization from './legacySharedThemeTokens/colors/dataVisualization' -import { boxShadowObjectsToCSSString } from './utils/boxShadowObjectToString' +} from './legacySharedThemeTokens/colors/primitives.js' +import dataVisualization from './legacySharedThemeTokens/colors/dataVisualization.js' +import { boxShadowObjectsToCSSString } from './utils/boxShadowObjectToString.js' import type { LegacyCanvas as NewCanvas, diff --git a/packages/ui-themes/src/legacySharedThemeTokens/colors/dataVisualization.ts b/packages/ui-themes/src/legacySharedThemeTokens/colors/dataVisualization.ts index 397724834d..4587a06c88 100644 --- a/packages/ui-themes/src/legacySharedThemeTokens/colors/dataVisualization.ts +++ b/packages/ui-themes/src/legacySharedThemeTokens/colors/dataVisualization.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { additionalPrimitives } from './primitives' +import { additionalPrimitives } from './primitives.js' import type { DataVisualization } from '@instructure/shared-types' const dataVisualization: DataVisualization = { diff --git a/packages/ui-themes/src/legacySharedThemeTokens/index.ts b/packages/ui-themes/src/legacySharedThemeTokens/index.ts index 0d157ab15d..026d6bc653 100644 --- a/packages/ui-themes/src/legacySharedThemeTokens/index.ts +++ b/packages/ui-themes/src/legacySharedThemeTokens/index.ts @@ -22,15 +22,15 @@ * SOFTWARE. */ -import { borders } from './borders' -import { transitions } from './transitions' -import { typography } from './typography' -import { spacing } from './spacing' -import { forms } from './forms' -import { media } from './media' -import { breakpoints } from './breakpoints' -import { shadows } from './shadows' -import { stacking } from './stacking' +import { borders } from './borders.js' +import { transitions } from './transitions.js' +import { typography } from './typography.js' +import { spacing } from './spacing.js' +import { forms } from './forms.js' +import { media } from './media.js' +import { breakpoints } from './breakpoints.js' +import { shadows } from './shadows.js' +import { stacking } from './stacking.js' const canvas = { borders, diff --git a/packages/ui-themes/src/legacySharedThemeTokens/media.ts b/packages/ui-themes/src/legacySharedThemeTokens/media.ts index dd6ba2cb08..ff0c3cd005 100644 --- a/packages/ui-themes/src/legacySharedThemeTokens/media.ts +++ b/packages/ui-themes/src/legacySharedThemeTokens/media.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { breakpoints } from './breakpoints' +import { breakpoints } from './breakpoints.js' import { Media } from '@instructure/shared-types' const media: Media = Object.freeze({ diff --git a/packages/ui-themes/src/themes/canvas/colors.ts b/packages/ui-themes/src/themes/canvas/colors.ts index 269a19a810..0e98066dc6 100644 --- a/packages/ui-themes/src/themes/canvas/colors.ts +++ b/packages/ui-themes/src/themes/canvas/colors.ts @@ -25,9 +25,9 @@ import { primitives, additionalPrimitives -} from '../../legacySharedThemeTokens/colors/primitives' -import dataVisualization from '../../legacySharedThemeTokens/colors/dataVisualization' -import getUIColors from '../../utils/getUIColors' +} from '../../legacySharedThemeTokens/colors/primitives.js' +import dataVisualization from '../../legacySharedThemeTokens/colors/dataVisualization.js' +import getUIColors from '../../utils/getUIColors.js' import type { Contrasts, UI } from '@instructure/shared-types' diff --git a/packages/ui-themes/src/themes/canvas/index.ts b/packages/ui-themes/src/themes/canvas/index.ts index 97e7fbb584..e43496a396 100644 --- a/packages/ui-themes/src/themes/canvas/index.ts +++ b/packages/ui-themes/src/themes/canvas/index.ts @@ -22,14 +22,14 @@ * SOFTWARE. */ -import legacySharedThemeTokens from '../../legacySharedThemeTokens' +import legacySharedThemeTokens from '../../legacySharedThemeTokens/index.js' import { Colors } from '@instructure/shared-types' -import { colors } from './colors' +import { colors } from './colors.js' import { legacyCanvas as canvas, type LegacyCanvas as Canvas -} from '../newThemeTokens' -import { Theme } from '../../index' +} from '../newThemeTokens/index.js' +import { Theme } from '../../index.js' const key = 'canvas' diff --git a/packages/ui-themes/src/themes/canvasHighContrast/colors.ts b/packages/ui-themes/src/themes/canvasHighContrast/colors.ts index 8acb37f140..1fc59c94c0 100644 --- a/packages/ui-themes/src/themes/canvasHighContrast/colors.ts +++ b/packages/ui-themes/src/themes/canvasHighContrast/colors.ts @@ -25,9 +25,9 @@ import { primitives, additionalPrimitives -} from '../../legacySharedThemeTokens/colors/primitives' -import dataVisualization from '../../legacySharedThemeTokens/colors/dataVisualization' -import getUIColors from '../../utils/getUIColors' +} from '../../legacySharedThemeTokens/colors/primitives.js' +import dataVisualization from '../../legacySharedThemeTokens/colors/dataVisualization.js' +import getUIColors from '../../utils/getUIColors.js' import type { UI, Contrasts } from '@instructure/shared-types' diff --git a/packages/ui-themes/src/themes/canvasHighContrast/index.ts b/packages/ui-themes/src/themes/canvasHighContrast/index.ts index 244e048203..2671be46d8 100644 --- a/packages/ui-themes/src/themes/canvasHighContrast/index.ts +++ b/packages/ui-themes/src/themes/canvasHighContrast/index.ts @@ -22,14 +22,14 @@ * SOFTWARE. */ -import legacySharedThemeTokens from '../../legacySharedThemeTokens' +import legacySharedThemeTokens from '../../legacySharedThemeTokens/index.js' import { Colors } from '@instructure/shared-types' -import { colors } from './colors' +import { colors } from './colors.js' import { legacyCanvasHighContrast as newCanvasHighContrast, type LegacyCanvasHighContrast as NewCanvasHighContrast -} from '../newThemeTokens' -import { Theme } from '../../index' +} from '../newThemeTokens/index.js' +import { Theme } from '../../index.js' const key = 'canvas-high-contrast' diff --git a/packages/ui-themes/src/themes/dark/index.ts b/packages/ui-themes/src/themes/dark/index.ts index 7f42577ae1..04cd675193 100644 --- a/packages/ui-themes/src/themes/dark/index.ts +++ b/packages/ui-themes/src/themes/dark/index.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -import legacySharedThemeTokens from '../../legacySharedThemeTokens' -import { colors } from '../canvas/colors' -import { dark } from '../newThemeTokens' -import { Theme } from '../../index' +import legacySharedThemeTokens from '../../legacySharedThemeTokens/index.js' +import { colors } from '../canvas/colors.js' +import { dark } from '../newThemeTokens/index.js' +import { Theme } from '../../index.js' import { Colors } from '@instructure/shared-types' import type { Dark } from '../newThemeTokens' diff --git a/packages/ui-themes/src/themes/light/index.ts b/packages/ui-themes/src/themes/light/index.ts index ef57eab9bb..69beffed1b 100644 --- a/packages/ui-themes/src/themes/light/index.ts +++ b/packages/ui-themes/src/themes/light/index.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -import legacySharedThemeTokens from '../../legacySharedThemeTokens' -import { colors } from '../canvas/colors' -import { light } from '../newThemeTokens' -import { Theme } from '../../index' +import legacySharedThemeTokens from '../../legacySharedThemeTokens/index.js' +import { colors } from '../canvas/colors.js' +import { light } from '../newThemeTokens/index.js' +import { Theme } from '../../index.js' import type { Colors } from '@instructure/shared-types' import type { Light } from '../newThemeTokens' diff --git a/packages/ui-themes/src/utils/boxShadowObjectToString.ts b/packages/ui-themes/src/utils/boxShadowObjectToString.ts index a3f034057a..c322291c53 100644 --- a/packages/ui-themes/src/utils/boxShadowObjectToString.ts +++ b/packages/ui-themes/src/utils/boxShadowObjectToString.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { TokenBoxshadowValueInst } from '../themes/newThemeTokens/commonTypes' +import { TokenBoxshadowValueInst } from '../themes/newThemeTokens/commonTypes.js' /** * Converts a BoxShadowObject from Token Studio to a CSS box-shadow string diff --git a/packages/ui-time-select/src/TimeSelect/v1/index.tsx b/packages/ui-time-select/src/TimeSelect/v1/index.tsx index f41117a00a..d898d642a4 100644 --- a/packages/ui-time-select/src/TimeSelect/v1/index.tsx +++ b/packages/ui-time-select/src/TimeSelect/v1/index.tsx @@ -41,7 +41,7 @@ import type { TimeSelectOptions } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' type GetOption = ( field: F, @@ -58,6 +58,7 @@ A component used to select a time value. **/ @withDeterministicId() class TimeSelect extends Component { + static displayName = 'TimeSelect' declare context: React.ContextType static readonly componentId = 'TimeSelect' diff --git a/packages/ui-time-select/src/TimeSelect/v2/index.tsx b/packages/ui-time-select/src/TimeSelect/v2/index.tsx index bb9c410a1a..3b328c91c1 100644 --- a/packages/ui-time-select/src/TimeSelect/v2/index.tsx +++ b/packages/ui-time-select/src/TimeSelect/v2/index.tsx @@ -41,7 +41,7 @@ import type { TimeSelectOptions } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' type GetOption = ( field: F, @@ -58,6 +58,7 @@ A component used to select a time value. **/ @withDeterministicId() class TimeSelect extends Component { + static displayName = 'TimeSelect' declare context: React.ContextType static readonly componentId = 'TimeSelect' diff --git a/packages/ui-time-select/src/exports/a.ts b/packages/ui-time-select/src/exports/a.ts index 106126b0f9..df66eded84 100644 --- a/packages/ui-time-select/src/exports/a.ts +++ b/packages/ui-time-select/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { TimeSelect } from '../TimeSelect/v1' +export { TimeSelect } from '../TimeSelect/v1/index.js' export type { TimeSelectProps } from '../TimeSelect/v1/props' diff --git a/packages/ui-time-select/src/exports/b.ts b/packages/ui-time-select/src/exports/b.ts index 9b5eddd17b..261da8dc47 100644 --- a/packages/ui-time-select/src/exports/b.ts +++ b/packages/ui-time-select/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { TimeSelect } from '../TimeSelect/v2' +export { TimeSelect } from '../TimeSelect/v2/index.js' export type { TimeSelectProps } from '../TimeSelect/v2/props' diff --git a/packages/ui-toggle-details/src/ToggleDetails/v1/index.tsx b/packages/ui-toggle-details/src/ToggleDetails/v1/index.tsx index 1f9935cc5f..4281842930 100644 --- a/packages/ui-toggle-details/src/ToggleDetails/v1/index.tsx +++ b/packages/ui-toggle-details/src/ToggleDetails/v1/index.tsx @@ -33,10 +33,10 @@ import { omitProps, pickProps } from '@instructure/ui-react-utils' import { isActiveElement } from '@instructure/ui-dom-utils' 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 { ToggleDetailsProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ExpandableToggleProps } from '@instructure/ui-expandable' import type { ViewProps } from '@instructure/ui-view/v11_6' @@ -47,6 +47,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ToggleDetails extends Component { + static displayName = 'ToggleDetails' static readonly componentId = 'ToggleDetails' static allowedProps = allowedProps diff --git a/packages/ui-toggle-details/src/ToggleDetails/v2/index.tsx b/packages/ui-toggle-details/src/ToggleDetails/v2/index.tsx index 10b76d8148..cffcc6fd16 100644 --- a/packages/ui-toggle-details/src/ToggleDetails/v2/index.tsx +++ b/packages/ui-toggle-details/src/ToggleDetails/v2/index.tsx @@ -33,9 +33,9 @@ import { omitProps, pickProps } from '@instructure/ui-react-utils' import { isActiveElement } from '@instructure/ui-dom-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { ToggleDetailsProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ExpandableToggleProps } from '@instructure/ui-expandable' import type { ViewProps } from '@instructure/ui-view/latest' @@ -46,6 +46,7 @@ category: components **/ @withStyleNew(generateStyle) class ToggleDetails extends Component { + static displayName = 'ToggleDetails' static readonly componentId = 'ToggleDetails' static allowedProps = allowedProps diff --git a/packages/ui-toggle-details/src/ToggleGroup/v1/index.tsx b/packages/ui-toggle-details/src/ToggleGroup/v1/index.tsx index 1732e29c34..cdf62f790c 100644 --- a/packages/ui-toggle-details/src/ToggleGroup/v1/index.tsx +++ b/packages/ui-toggle-details/src/ToggleGroup/v1/index.tsx @@ -42,12 +42,12 @@ import { IconArrowOpenDownSolid } from '@instructure/ui-icons' import type { ToggleGroupProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' /** --- @@ -56,6 +56,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class ToggleGroup extends Component { + static displayName = 'ToggleGroup' static readonly componentId = 'ToggleGroup' static allowedProps = allowedProps diff --git a/packages/ui-toggle-details/src/ToggleGroup/v2/index.tsx b/packages/ui-toggle-details/src/ToggleGroup/v2/index.tsx index 26fdae2978..bccf1b9b53 100644 --- a/packages/ui-toggle-details/src/ToggleGroup/v2/index.tsx +++ b/packages/ui-toggle-details/src/ToggleGroup/v2/index.tsx @@ -42,11 +42,11 @@ import { renderIconWithProps } from '@instructure/ui-icons' import type { ToggleGroupProps } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' const toggleGroupSizeToIconSize = { small: 'md', @@ -61,6 +61,7 @@ category: components **/ @withStyleNew(generateStyle) class ToggleGroup extends Component { + static displayName = 'ToggleGroup' static readonly componentId = 'ToggleGroup' static allowedProps = allowedProps diff --git a/packages/ui-toggle-details/src/exports/a.ts b/packages/ui-toggle-details/src/exports/a.ts index cad6d12723..89043b1dce 100644 --- a/packages/ui-toggle-details/src/exports/a.ts +++ b/packages/ui-toggle-details/src/exports/a.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { ToggleDetails } from '../ToggleDetails/v1' -export { ToggleGroup } from '../ToggleGroup/v1' +export { ToggleDetails } from '../ToggleDetails/v1/index.js' +export { ToggleGroup } from '../ToggleGroup/v1/index.js' export type { ToggleDetailsProps } from '../ToggleDetails/v1/props' export type { ToggleGroupProps } from '../ToggleGroup/v1/props' diff --git a/packages/ui-toggle-details/src/exports/b.ts b/packages/ui-toggle-details/src/exports/b.ts index d2cedfc3cd..f8073d0544 100644 --- a/packages/ui-toggle-details/src/exports/b.ts +++ b/packages/ui-toggle-details/src/exports/b.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { ToggleDetails } from '../ToggleDetails/v2' -export { ToggleGroup } from '../ToggleGroup/v2' +export { ToggleDetails } from '../ToggleDetails/v2/index.js' +export { ToggleGroup } from '../ToggleGroup/v2/index.js' export type { ToggleDetailsProps } from '../ToggleDetails/v2/props' export type { ToggleGroupProps } from '../ToggleGroup/v2/props' diff --git a/packages/ui-tooltip/src/Tooltip/v1/index.tsx b/packages/ui-tooltip/src/Tooltip/v1/index.tsx index bfac8a0246..abdc38f0c4 100644 --- a/packages/ui-tooltip/src/Tooltip/v1/index.tsx +++ b/packages/ui-tooltip/src/Tooltip/v1/index.tsx @@ -36,11 +36,11 @@ import { Popover } from '@instructure/ui-popover/v11_6' import type { PopoverProps } from '@instructure/ui-popover/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 { TooltipProps, TooltipState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -50,6 +50,7 @@ category: components @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class Tooltip extends Component { + static displayName = 'Tooltip' static readonly componentId = 'Tooltip' static allowedProps = allowedProps diff --git a/packages/ui-tooltip/src/Tooltip/v2/index.tsx b/packages/ui-tooltip/src/Tooltip/v2/index.tsx index 499f218894..d4f0386b2c 100644 --- a/packages/ui-tooltip/src/Tooltip/v2/index.tsx +++ b/packages/ui-tooltip/src/Tooltip/v2/index.tsx @@ -36,10 +36,10 @@ import { Popover } from '@instructure/ui-popover/latest' import type { PopoverProps } from '@instructure/ui-popover/latest' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' import type { TooltipProps, TooltipState } from './props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' /** --- @@ -49,6 +49,7 @@ category: components @withDeterministicId() @withStyleNew(generateStyle) class Tooltip extends Component { + static displayName = 'Tooltip' static readonly componentId = 'Tooltip' static allowedProps = allowedProps diff --git a/packages/ui-tooltip/src/exports/a.ts b/packages/ui-tooltip/src/exports/a.ts index c8213b41d8..d0ae68f3f3 100644 --- a/packages/ui-tooltip/src/exports/a.ts +++ b/packages/ui-tooltip/src/exports/a.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Tooltip } from '../Tooltip/v1' +export { Tooltip } from '../Tooltip/v1/index.js' export type { TooltipProps, TooltipRenderChildrenArgs diff --git a/packages/ui-tooltip/src/exports/b.ts b/packages/ui-tooltip/src/exports/b.ts index 0a7a7a2899..17cdab8eda 100644 --- a/packages/ui-tooltip/src/exports/b.ts +++ b/packages/ui-tooltip/src/exports/b.ts @@ -21,7 +21,7 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { Tooltip } from '../Tooltip/v2' +export { Tooltip } from '../Tooltip/v2/index.js' export type { TooltipProps, TooltipRenderChildrenArgs diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/index.tsx index d3b59276ca..e8bfb98673 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/index.tsx @@ -38,21 +38,21 @@ import { Drilldown } from '@instructure/ui-drilldown/v11_6' import { IconMoreLine } from '@instructure/ui-icons' import { TruncateList } from '@instructure/ui-truncate-list' -import { TopNavBarItem } from '../TopNavBarItem' +import { TopNavBarItem } from '../TopNavBarItem/index.js' import type { ItemChild } from '../TopNavBarItem/props' import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions -} from '../utils/mapItemsForDrilldown' +} from '../utils/mapItemsForDrilldown.js' import type { RenderOptionContent } from '../utils/mapItemsForDrilldown' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps, TopNavBarActionItemsStyleProps } from './props' +import { allowedProps, TopNavBarActionItemsStyleProps } from './props.js' import type { TopNavBarActionItemsProps, TopNavBarActionItemsState @@ -71,6 +71,7 @@ class TopNavBarActionItems extends Component< TopNavBarActionItemsProps, TopNavBarActionItemsState > { + static displayName = 'TopNavBarActionItems' static readonly componentId = 'TopNavBar.ActionItems' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/props.ts index 540be5c93e..19e10b784b 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarActionItems/props.ts @@ -37,7 +37,7 @@ import type { } from '../TopNavBarItem/props' import type { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBarActionItems } from './index' +import { TopNavBarActionItems } from './index.js' type ActionItemsChild = React.ComponentElement< TopNavBarActionItemsProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/index.tsx index ab541716c0..2425aeabd0 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/index.tsx @@ -31,12 +31,12 @@ import { withStyle } from '@instructure/emotion' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { View } from '@instructure/ui-view/v11_6' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarBrandProps, TopNavBarBrandStyleProps } from './props' /** @@ -48,6 +48,7 @@ id: TopNavBar.Brand **/ @withStyle(generateStyle, generateComponentTheme) class TopNavBarBrand extends Component { + static displayName = 'TopNavBarBrand' static readonly componentId = 'TopNavBar.Brand' // TODO: add to the docs: making it static on parent and jsdocs parent/module settings, dont export child on its own diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/props.ts index db3f2641df..e3c687b10c 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBrand/props.ts @@ -32,7 +32,7 @@ import type { import type { ViewOwnProps } from '@instructure/ui-view/v11_6' import type { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBarBrand } from './index' +import { TopNavBarBrand } from './index.js' type BrandChild = React.ComponentElement diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/index.tsx index d008f7e5ef..bde41924c1 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/index.tsx @@ -27,15 +27,15 @@ import { TopNavBarBreadcrumbProps, TopNavBarBreadcrumbState, allowedProps -} from './props' -import TopNavBar from '../index' +} from './props.js' +import TopNavBar from '../index.js' import { withStyle } from '@instructure/emotion' -import generateStyle from '../TopNavBarBreadcrumb/styles' +import generateStyle from '../TopNavBarBreadcrumb/styles.js' import { IconArrowOpenStartLine, IconHamburgerLine } from '@instructure/ui-icons' -import TopNavBarContext from '../TopNavBarContext' +import TopNavBarContext from '../TopNavBarContext.js' import { error } from '@instructure/console' import { Link } from '@instructure/ui-link/v11_6' @@ -51,6 +51,7 @@ class TopNavBarBreadcrumb extends Component< TopNavBarBreadcrumbProps, TopNavBarBreadcrumbState > { + static displayName = 'TopNavBarBreadcrumb' static allowedProps = allowedProps static defaultProps = {} diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/props.ts index fa612e6e57..9708f42bac 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/props.ts @@ -25,9 +25,9 @@ import { ComponentElement } from 'react' import type { ViewOwnProps } from '@instructure/ui-view/v11_6' import type { ComponentStyle, WithStyleProps } from '@instructure/emotion' -import { TopNavBarContextType } from '../TopNavBarContext' +import { TopNavBarContextType } from '../TopNavBarContext.js' import { ChildrenOfType, OtherHTMLAttributes } from '@instructure/shared-types' -import TopNavBarBreadcrumb from './index' +import TopNavBarBreadcrumb from './index.js' import { Breadcrumb } from '@instructure/ui-breadcrumb/v11_6' import type { BreadcrumbProps } from '@instructure/ui-breadcrumb/v11_6' diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/styles.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/styles.ts index d65eebf9ff..454ad125b5 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/styles.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarBreadcrumb/styles.ts @@ -26,7 +26,7 @@ import { TopNavBarBreadcrumbProps, TopNavBarBreadcrumbStyle, TopNavBarBreadcrumbStyleProps -} from './props' +} from './props.js' const generateStyle = ( _props: TopNavBarBreadcrumbProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/index.tsx index aaea7933fa..c292b85d68 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/index.tsx @@ -52,12 +52,12 @@ import { Drilldown } from '@instructure/ui-drilldown/v11_6' import type { DrilldownProps } from '@instructure/ui-drilldown/v11_6' import { ScreenReaderContent } from '@instructure/ui-a11y-content' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarItemProps, TopNavBarItemState, @@ -80,6 +80,7 @@ id: TopNavBar.Item @withDeterministicId() @withStyle(generateStyle, generateComponentTheme) class TopNavBarItem extends Component { + static displayName = 'TopNavBarItem' static readonly componentId = 'TopNavBar.Item' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/props.ts index fd46d868c3..c63777283a 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarItem/props.ts @@ -40,8 +40,8 @@ import type { TooltipProps } from '@instructure/ui-tooltip/v11_6' import type { BaseButtonOwnProps } from '@instructure/ui-buttons/v11_6' import type { ViewOwnProps, ViewProps } from '@instructure/ui-view/v11_6' -import { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBarItem } from './index' +import { TopNavBarContextType } from '../TopNavBarContext.js' +import { TopNavBarItem } from './index.js' type ItemChild = React.ComponentElement type DrilldownSubmenu = React.ComponentElement diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/index.tsx index 81c5547be3..540573f107 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/index.tsx @@ -28,12 +28,12 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import { TopNavBarContext } from '../../TopNavBarContext' +import { TopNavBarContext } from '../../TopNavBarContext.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarDesktopLayoutProps, TopNavBarDesktopLayoutStyleProps @@ -46,6 +46,7 @@ private: true **/ @withStyle(generateStyle, generateComponentTheme) class TopNavBarDesktopLayout extends Component { + static displayName = 'TopNavBarDesktopLayout' static readonly componentId = 'TopNavBar.DesktopLayout' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/props.ts index 1088213216..c797765e53 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/DesktopLayout/props.ts @@ -29,10 +29,10 @@ import type { OtherHTMLAttributes } from '@instructure/shared-types' import type { TopNavBarContextType } from '../../TopNavBarContext' -import { commonAllowedProps, desktopAllowedProps } from '../props' +import { commonAllowedProps, desktopAllowedProps } from '../props.js' import type { CommonTopNavBarLayoutProps } from '../props' -import { TopNavBarDesktopLayout } from './index' +import { TopNavBarDesktopLayout } from './index.js' type DesktopLayoutChild = React.ComponentElement< TopNavBarDesktopLayoutProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/index.tsx index 8e0fc78296..3d908e92d5 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/index.tsx @@ -51,21 +51,21 @@ import { Dialog } from '@instructure/ui-dialog' import { Drilldown } from '@instructure/ui-drilldown/v11_6' import type { DrilldownPageChildren } from '@instructure/ui-drilldown/v11_6' -import { TopNavBarItem } from '../../TopNavBarItem' +import { TopNavBarItem } from '../../TopNavBarItem/index.js' import type { ItemChild, TopNavBarItemProps } from '../../TopNavBarItem/props' import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions -} from '../../utils/mapItemsForDrilldown' +} from '../../utils/mapItemsForDrilldown.js' import type { RenderOptionContent } from '../../utils/mapItemsForDrilldown' -import { TopNavBarContext } from '../../TopNavBarContext' +import { TopNavBarContext } from '../../TopNavBarContext.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarSmallViewportLayoutProps, TopNavBarSmallViewportLayoutState, @@ -83,6 +83,7 @@ class TopNavBarSmallViewportLayout extends Component< TopNavBarSmallViewportLayoutProps, TopNavBarSmallViewportLayoutState > { + static displayName = 'TopNavBarSmallViewportLayout' static readonly componentId = 'TopNavBar.SmallViewportLayout' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/props.ts index 52c41506c0..bd92b410be 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/SmallViewportLayout/props.ts @@ -34,10 +34,10 @@ import type { DrilldownProps } from '@instructure/ui-drilldown/v11_6' import type { TopNavBarItemTooltipType } from '../../TopNavBarItem/props' import type { TopNavBarContextType } from '../../TopNavBarContext' -import { commonAllowedProps, smallViewportAllowedProps } from '../props' +import { commonAllowedProps, smallViewportAllowedProps } from '../props.js' import type { CommonTopNavBarLayoutProps } from '../props' -import { TopNavBarSmallViewportLayout } from './index' +import { TopNavBarSmallViewportLayout } from './index.js' type SmallViewportLayoutChild = React.ComponentElement< TopNavBarSmallViewportLayoutProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/index.tsx index 7a1aa403e4..1bd8c8d632 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/index.tsx @@ -31,16 +31,16 @@ import type { TopNavBarLayoutSmallViewportTheme } from '@instructure/shared-types' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateComponentTheme from './theme' +import generateComponentTheme from './theme.js' -import { TopNavBarSmallViewportLayout } from './SmallViewportLayout' +import { TopNavBarSmallViewportLayout } from './SmallViewportLayout/index.js' import type { TopNavBarSmallViewportLayoutProps } from './SmallViewportLayout/props' -import { TopNavBarDesktopLayout } from './DesktopLayout' +import { TopNavBarDesktopLayout } from './DesktopLayout/index.js' import type { TopNavBarDesktopLayoutProps } from './DesktopLayout/props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarLayoutProps } from './props' /** @@ -52,6 +52,7 @@ id: TopNavBar.Layout **/ @withStyle(null, generateComponentTheme) class TopNavBarLayout extends Component { + static displayName = 'TopNavBarLayout' static readonly componentId = 'TopNavBar.Layout' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/props.ts index fb46132a36..4982d5239b 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/props.ts @@ -36,7 +36,7 @@ import type { MenuItemsChild } from '../TopNavBarMenuItems/props' import type { UserChild } from '../TopNavBarUser/props' import type { BreadcrumbChild } from '../TopNavBarBreadcrumb/props' -import { TopNavBarLayout } from './index' +import { TopNavBarLayout } from './index.js' import type { DesktopLayoutOwnProps } from './DesktopLayout/props' import type { SmallViewportLayoutOwnProps } from './SmallViewportLayout/props' diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/theme.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/theme.ts index df3b7ca81c..745a38b905 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/theme.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarLayout/theme.ts @@ -25,8 +25,8 @@ import type { Theme } from '@instructure/ui-themes' import type { TopNavBarLayoutTheme } from '@instructure/shared-types' -import desktopTheme from './DesktopLayout/theme' -import smallViewportTheme from './SmallViewportLayout/theme' +import desktopTheme from './DesktopLayout/theme.js' +import smallViewportTheme from './SmallViewportLayout/theme.js' /** * Generates the theme object for the component from the theme and provided additional information diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/index.tsx index a32f08eb33..7cd9b8536a 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/index.tsx @@ -36,21 +36,21 @@ import { withStyle } from '@instructure/emotion' import { Drilldown } from '@instructure/ui-drilldown/v11_6' import { TruncateList } from '@instructure/ui-truncate-list' -import { TopNavBarContext } from '../TopNavBarContext' -import { TopNavBarItem } from '../TopNavBarItem' +import { TopNavBarContext } from '../TopNavBarContext.js' +import { TopNavBarItem } from '../TopNavBarItem/index.js' import type { ItemChild } from '../TopNavBarItem/props' import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions -} from '../utils/mapItemsForDrilldown' +} from '../utils/mapItemsForDrilldown.js' import type { RenderOptionContent } from '../utils/mapItemsForDrilldown' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarMenuItemsProps, TopNavBarMenuItemsState } from './props' /** @@ -66,6 +66,7 @@ class TopNavBarMenuItems extends Component< TopNavBarMenuItemsProps, TopNavBarMenuItemsState > { + static displayName = 'TopNavBarMenuItems' static readonly componentId = 'TopNavBar.MenuItems' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/props.ts index b611328179..1ee2b29295 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarMenuItems/props.ts @@ -33,7 +33,7 @@ import type { } from '@instructure/shared-types' import type { ItemChild } from '../TopNavBarItem/props' -import { TopNavBarMenuItems } from './index' +import { TopNavBarMenuItems } from './index.js' type MenuItemsChild = React.ComponentElement< TopNavBarMenuItemsProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/index.tsx index f5a15aa947..4195248e4b 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/index.tsx @@ -29,12 +29,12 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' import type { ItemChild, TopNavBarItemProps } from '../TopNavBarItem/props' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarUserProps } from './props' /** @@ -46,6 +46,7 @@ id: TopNavBar.User **/ @withStyle(generateStyle, null) class TopNavBarUser extends Component { + static displayName = 'TopNavBarUser' static readonly componentId = 'TopNavBar.User' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/props.ts index c83690d226..4a5ad4843d 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/TopNavBarUser/props.ts @@ -30,7 +30,7 @@ import type { } from '@instructure/shared-types' import type { ItemChild } from '../TopNavBarItem/props' -import { TopNavBarUser } from './index' +import { TopNavBarUser } from './index.js' type UserChild = React.ComponentElement diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/index.tsx index 9d078e36a2..61d36d0152 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/index.tsx @@ -30,18 +30,18 @@ import { matchComponentTypes } from '@instructure/ui-react-utils' import { Responsive } from '@instructure/ui-responsive/v11_6' -import { TopNavBarActionItems } from './TopNavBarActionItems' -import { TopNavBarBrand } from './TopNavBarBrand' -import { TopNavBarItem } from './TopNavBarItem' -import { TopNavBarLayout } from './TopNavBarLayout' -import { TopNavBarMenuItems } from './TopNavBarMenuItems' -import { TopNavBarUser } from './TopNavBarUser' -import { TopNavBarBreadcrumb } from './TopNavBarBreadcrumb' - -import { TopNavBarContext } from './TopNavBarContext' +import { TopNavBarActionItems } from './TopNavBarActionItems/index.js' +import { TopNavBarBrand } from './TopNavBarBrand/index.js' +import { TopNavBarItem } from './TopNavBarItem/index.js' +import { TopNavBarLayout } from './TopNavBarLayout/index.js' +import { TopNavBarMenuItems } from './TopNavBarMenuItems/index.js' +import { TopNavBarUser } from './TopNavBarUser/index.js' +import { TopNavBarBreadcrumb } from './TopNavBarBreadcrumb/index.js' + +import { TopNavBarContext } from './TopNavBarContext.js' import type { TopNavBarLayouts } from './TopNavBarContext' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarProps } from './props' /** @@ -50,6 +50,7 @@ category: components --- **/ class TopNavBar extends Component { + static displayName = 'TopNavBar' static readonly componentId = 'TopNavBar' // TODO: mention subcomponent registration in "new component" docs diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/exampleHelpers.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/exampleHelpers.tsx index 1810578a69..e23cecd967 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/exampleHelpers.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/exampleHelpers.tsx @@ -39,11 +39,11 @@ import type { TopNavBarUserProps } from '../TopNavBarUser/props' import type { TopNavBarItemProps, ItemChild } from '../TopNavBarItem/props' import type { TopNavBarLayoutProps } from '../TopNavBarLayout/props' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' import type { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBar } from '../index' -import { elevateIcon } from './exampleSvgFiles' +import { TopNavBar } from '../index.js' +import { elevateIcon } from './exampleSvgFiles.js' import { Breadcrumb } from '@instructure/ui-breadcrumb/v11_6' type ChildrenFuncProps = { diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/mapItemsForDrilldown.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/mapItemsForDrilldown.tsx index 6bf4182621..4af99073fb 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/mapItemsForDrilldown.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v1/utils/mapItemsForDrilldown.tsx @@ -35,7 +35,7 @@ import type { DrilldownOptionProps } from '@instructure/ui-drilldown/v11_6' -import { TopNavBarItem } from '../TopNavBarItem' +import { TopNavBarItem } from '../TopNavBarItem/index.js' import type { ItemChild, TopNavBarItemProps } from '../TopNavBarItem/props' type ItemMappedForDrilldownOption = { diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/index.tsx index f20eb70ed0..f71194115b 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/index.tsx @@ -38,20 +38,20 @@ import { Drilldown } from '@instructure/ui-drilldown/latest' import { MoreVerticalInstUIIcon } from '@instructure/ui-icons' import { TruncateList } from '@instructure/ui-truncate-list' -import { TopNavBarItem } from '../TopNavBarItem' +import { TopNavBarItem } from '../TopNavBarItem/index.js' import type { ItemChild } from '../TopNavBarItem/props' import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions -} from '../utils/mapItemsForDrilldown' +} from '../utils/mapItemsForDrilldown.js' import type { RenderOptionContent } from '../utils/mapItemsForDrilldown' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps, TopNavBarActionItemsStyleProps } from './props' +import { allowedProps, TopNavBarActionItemsStyleProps } from './props.js' import type { TopNavBarActionItemsProps, TopNavBarActionItemsState @@ -70,6 +70,7 @@ class TopNavBarActionItems extends Component< TopNavBarActionItemsProps, TopNavBarActionItemsState > { + static displayName = 'TopNavBarActionItems' static readonly componentId = 'TopNavBar.ActionItems' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/props.ts index 61824208e7..74278b5a4a 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarActionItems/props.ts @@ -37,7 +37,7 @@ import type { } from '../TopNavBarItem/props' import type { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBarActionItems } from './index' +import { TopNavBarActionItems } from './index.js' type ActionItemsChild = React.ComponentElement< TopNavBarActionItemsProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/index.tsx index d13f740cfc..244c7934df 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/index.tsx @@ -31,11 +31,11 @@ import { withStyleNew, InstUISettingsProvider } from '@instructure/emotion' import { ScreenReaderContent } from '@instructure/ui-a11y-content' import { View } from '@instructure/ui-view/latest' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarBrandProps, TopNavBarBrandStyleProps } from './props' /** @@ -47,6 +47,7 @@ id: TopNavBar.Brand **/ @withStyleNew(generateStyle, 'TopNavBarBrand') class TopNavBarBrand extends Component { + static displayName = 'TopNavBarBrand' static readonly componentId = 'TopNavBar.Brand' // TODO: add to the docs: making it static on parent and jsdocs parent/module settings, dont export child on its own diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/props.ts index 060191e097..8ef04c0eed 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBrand/props.ts @@ -32,7 +32,7 @@ import type { NewComponentTypes } from '@instructure/ui-themes' import type { ViewOwnProps } from '@instructure/ui-view/latest' import type { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBarBrand } from './index' +import { TopNavBarBrand } from './index.js' type BrandChild = React.ComponentElement diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/index.tsx index 9b876fb0b2..38927eecb0 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/index.tsx @@ -27,12 +27,12 @@ import { TopNavBarBreadcrumbProps, TopNavBarBreadcrumbState, allowedProps -} from './props' -import TopNavBar from '../index' +} from './props.js' +import TopNavBar from '../index.js' import { withStyleNew } from '@instructure/emotion' -import generateStyle from '../TopNavBarBreadcrumb/styles' +import generateStyle from '../TopNavBarBreadcrumb/styles.js' import { ChevronLeftInstUIIcon, MenuInstUIIcon } from '@instructure/ui-icons' -import TopNavBarContext from '../TopNavBarContext' +import TopNavBarContext from '../TopNavBarContext.js' import { error } from '@instructure/console' import { Link } from '@instructure/ui-link/latest' @@ -48,6 +48,7 @@ class TopNavBarBreadcrumb extends Component< TopNavBarBreadcrumbProps, TopNavBarBreadcrumbState > { + static displayName = 'TopNavBarBreadcrumb' static allowedProps = allowedProps static defaultProps = {} diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/props.ts index ba4421f69a..7c2824276f 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/props.ts @@ -25,9 +25,9 @@ import { ComponentElement } from 'react' import type { ViewOwnProps } from '@instructure/ui-view/latest' import type { ComponentStyle, WithStyleProps } from '@instructure/emotion' -import { TopNavBarContextType } from '../TopNavBarContext' +import { TopNavBarContextType } from '../TopNavBarContext.js' import { ChildrenOfType, OtherHTMLAttributes } from '@instructure/shared-types' -import TopNavBarBreadcrumb from './index' +import TopNavBarBreadcrumb from './index.js' import { Breadcrumb } from '@instructure/ui-breadcrumb/latest' import type { BreadcrumbProps } from '@instructure/ui-breadcrumb/latest' diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/styles.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/styles.ts index 97b15d6e87..46bef3e075 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/styles.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarBreadcrumb/styles.ts @@ -26,7 +26,7 @@ import { TopNavBarBreadcrumbProps, TopNavBarBreadcrumbStyle, TopNavBarBreadcrumbStyleProps -} from './props' +} from './props.js' const generateStyle = ( _componentTheme: null, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/index.tsx index 7f27b5ac5c..bf5d76483e 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/index.tsx @@ -52,11 +52,11 @@ import { Drilldown } from '@instructure/ui-drilldown/latest' import type { DrilldownProps } from '@instructure/ui-drilldown/latest' import { ScreenReaderContent } from '@instructure/ui-a11y-content' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarItemProps, TopNavBarItemState, @@ -79,6 +79,7 @@ id: TopNavBar.Item @withDeterministicId() @withStyleNew(generateStyle, 'TopNavBarItem') class TopNavBarItem extends Component { + static displayName = 'TopNavBarItem' static readonly componentId = 'TopNavBar.Item' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/props.ts index 58987b70c0..e697cae138 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarItem/props.ts @@ -40,8 +40,8 @@ import type { TooltipProps } from '@instructure/ui-tooltip/latest' import type { BaseButtonOwnProps } from '@instructure/ui-buttons/latest' import type { ViewOwnProps, ViewProps } from '@instructure/ui-view/latest' -import { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBarItem } from './index' +import { TopNavBarContextType } from '../TopNavBarContext.js' +import { TopNavBarItem } from './index.js' type ItemChild = React.ComponentElement type DrilldownSubmenu = React.ComponentElement diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/index.tsx index 297966826e..d2761a22cc 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/index.tsx @@ -28,11 +28,11 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { TopNavBarContext } from '../../TopNavBarContext' +import { TopNavBarContext } from '../../TopNavBarContext.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarDesktopLayoutProps, TopNavBarDesktopLayoutStyleProps @@ -45,6 +45,7 @@ private: true **/ @withStyleNew(generateStyle, 'TopNavBarLayout') class TopNavBarDesktopLayout extends Component { + static displayName = 'TopNavBarDesktopLayout' static readonly componentId = 'TopNavBar.DesktopLayout' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/props.ts index 26df41dda5..eb4c9f63c1 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/DesktopLayout/props.ts @@ -27,10 +27,10 @@ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion' import type { OtherHTMLAttributes } from '@instructure/shared-types' import type { NewComponentTypes } from '@instructure/ui-themes' import type { TopNavBarContextType } from '../../TopNavBarContext' -import { commonAllowedProps, desktopAllowedProps } from '../props' +import { commonAllowedProps, desktopAllowedProps } from '../props.js' import type { CommonTopNavBarLayoutProps } from '../props' -import { TopNavBarDesktopLayout } from './index' +import { TopNavBarDesktopLayout } from './index.js' type DesktopLayoutChild = React.ComponentElement< TopNavBarDesktopLayoutProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/index.tsx index a43b598824..465021c520 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/index.tsx @@ -51,20 +51,20 @@ import { Dialog } from '@instructure/ui-dialog' import { Drilldown } from '@instructure/ui-drilldown/latest' import type { DrilldownPageChildren } from '@instructure/ui-drilldown/latest' -import { TopNavBarItem } from '../../TopNavBarItem' +import { TopNavBarItem } from '../../TopNavBarItem/index.js' import type { ItemChild, TopNavBarItemProps } from '../../TopNavBarItem/props' import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions -} from '../../utils/mapItemsForDrilldown' +} from '../../utils/mapItemsForDrilldown.js' import type { RenderOptionContent } from '../../utils/mapItemsForDrilldown' -import { TopNavBarContext } from '../../TopNavBarContext' +import { TopNavBarContext } from '../../TopNavBarContext.js' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarSmallViewportLayoutProps, TopNavBarSmallViewportLayoutState, @@ -82,6 +82,7 @@ class TopNavBarSmallViewportLayout extends Component< TopNavBarSmallViewportLayoutProps, TopNavBarSmallViewportLayoutState > { + static displayName = 'TopNavBarSmallViewportLayout' static readonly componentId = 'TopNavBar.SmallViewportLayout' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/props.ts index eb07ee9a5e..8c41c6a0f8 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/SmallViewportLayout/props.ts @@ -32,10 +32,10 @@ import type { DrilldownProps } from '@instructure/ui-drilldown/latest' import type { TopNavBarItemTooltipType } from '../../TopNavBarItem/props' import type { TopNavBarContextType } from '../../TopNavBarContext' -import { commonAllowedProps, smallViewportAllowedProps } from '../props' +import { commonAllowedProps, smallViewportAllowedProps } from '../props.js' import type { CommonTopNavBarLayoutProps } from '../props' -import { TopNavBarSmallViewportLayout } from './index' +import { TopNavBarSmallViewportLayout } from './index.js' type SmallViewportLayoutChild = React.ComponentElement< TopNavBarSmallViewportLayoutProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/index.tsx index 7ae75a999f..0f9399a7e9 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/index.tsx @@ -31,14 +31,14 @@ import type { TopNavBarLayoutSmallViewportTheme } from '@instructure/shared-types' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' -import { TopNavBarSmallViewportLayout } from './SmallViewportLayout' +import { TopNavBarSmallViewportLayout } from './SmallViewportLayout/index.js' import type { TopNavBarSmallViewportLayoutProps } from './SmallViewportLayout/props' -import { TopNavBarDesktopLayout } from './DesktopLayout' +import { TopNavBarDesktopLayout } from './DesktopLayout/index.js' import type { TopNavBarDesktopLayoutProps } from './DesktopLayout/props' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarLayoutProps } from './props' /** @@ -50,6 +50,7 @@ id: TopNavBar.Layout **/ @withStyleNew(null) class TopNavBarLayout extends Component { + static displayName = 'TopNavBarLayout' static readonly componentId = 'TopNavBar.Layout' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/props.ts index 2bcda75754..8f1df7da2a 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarLayout/props.ts @@ -34,7 +34,7 @@ import type { MenuItemsChild } from '../TopNavBarMenuItems/props' import type { UserChild } from '../TopNavBarUser/props' import type { BreadcrumbChild } from '../TopNavBarBreadcrumb/props' -import { TopNavBarLayout } from './index' +import { TopNavBarLayout } from './index.js' import type { DesktopLayoutOwnProps } from './DesktopLayout/props' import type { SmallViewportLayoutOwnProps } from './SmallViewportLayout/props' diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/index.tsx index 2a77599665..92a27b453e 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/index.tsx @@ -36,20 +36,20 @@ import { withStyleNew } from '@instructure/emotion' import { Drilldown } from '@instructure/ui-drilldown/latest' import { TruncateList } from '@instructure/ui-truncate-list' -import { TopNavBarContext } from '../TopNavBarContext' -import { TopNavBarItem } from '../TopNavBarItem' +import { TopNavBarContext } from '../TopNavBarContext.js' +import { TopNavBarItem } from '../TopNavBarItem/index.js' import type { ItemChild } from '../TopNavBarItem/props' import { mapItemsForDrilldown, renderMappedItemDrilldownSubpages, renderMappedItemsAsDrilldownOptions -} from '../utils/mapItemsForDrilldown' +} from '../utils/mapItemsForDrilldown.js' import type { RenderOptionContent } from '../utils/mapItemsForDrilldown' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarMenuItemsProps, TopNavBarMenuItemsState } from './props' /** @@ -65,6 +65,7 @@ class TopNavBarMenuItems extends Component< TopNavBarMenuItemsProps, TopNavBarMenuItemsState > { + static displayName = 'TopNavBarMenuItems' static readonly componentId = 'TopNavBar.MenuItems' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/props.ts index f3340d845a..7a6e6a3f2e 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarMenuItems/props.ts @@ -33,7 +33,7 @@ import type { import type { NewComponentTypes } from '@instructure/ui-themes' import type { ItemChild } from '../TopNavBarItem/props' -import { TopNavBarMenuItems } from './index' +import { TopNavBarMenuItems } from './index.js' type MenuItemsChild = React.ComponentElement< TopNavBarMenuItemsProps, diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/index.tsx index b55490c0fc..4119c75624 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/index.tsx @@ -29,12 +29,12 @@ import { omitProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' import type { ItemChild, TopNavBarItemProps } from '../TopNavBarItem/props' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarUserProps } from './props' /** @@ -46,6 +46,7 @@ id: TopNavBar.User **/ @withStyleNew(generateStyle) class TopNavBarUser extends Component { + static displayName = 'TopNavBarUser' static readonly componentId = 'TopNavBar.User' static allowedProps = allowedProps diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/props.ts b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/props.ts index c83690d226..4a5ad4843d 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/props.ts +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/TopNavBarUser/props.ts @@ -30,7 +30,7 @@ import type { } from '@instructure/shared-types' import type { ItemChild } from '../TopNavBarItem/props' -import { TopNavBarUser } from './index' +import { TopNavBarUser } from './index.js' type UserChild = React.ComponentElement diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/index.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/index.tsx index 12ee98812e..8a96c0bb08 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/index.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/index.tsx @@ -30,18 +30,18 @@ import { matchComponentTypes } from '@instructure/ui-react-utils' import { Responsive } from '@instructure/ui-responsive/latest' -import { TopNavBarActionItems } from './TopNavBarActionItems' -import { TopNavBarBrand } from './TopNavBarBrand' -import { TopNavBarItem } from './TopNavBarItem' -import { TopNavBarLayout } from './TopNavBarLayout' -import { TopNavBarMenuItems } from './TopNavBarMenuItems' -import { TopNavBarUser } from './TopNavBarUser' -import { TopNavBarBreadcrumb } from './TopNavBarBreadcrumb' - -import { TopNavBarContext } from './TopNavBarContext' +import { TopNavBarActionItems } from './TopNavBarActionItems/index.js' +import { TopNavBarBrand } from './TopNavBarBrand/index.js' +import { TopNavBarItem } from './TopNavBarItem/index.js' +import { TopNavBarLayout } from './TopNavBarLayout/index.js' +import { TopNavBarMenuItems } from './TopNavBarMenuItems/index.js' +import { TopNavBarUser } from './TopNavBarUser/index.js' +import { TopNavBarBreadcrumb } from './TopNavBarBreadcrumb/index.js' + +import { TopNavBarContext } from './TopNavBarContext.js' import type { TopNavBarLayouts } from './TopNavBarContext' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TopNavBarProps } from './props' /** @@ -50,6 +50,7 @@ category: components --- **/ class TopNavBar extends Component { + static displayName = 'TopNavBar' static readonly componentId = 'TopNavBar' // TODO: mention subcomponent registration in "new component" docs diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/exampleHelpers.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/exampleHelpers.tsx index eea1c8509e..6d123c5b32 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/exampleHelpers.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/exampleHelpers.tsx @@ -39,11 +39,11 @@ import type { TopNavBarUserProps } from '../TopNavBarUser/props' import type { TopNavBarItemProps, ItemChild } from '../TopNavBarItem/props' import type { TopNavBarLayoutProps } from '../TopNavBarLayout/props' -import { TopNavBarContext } from '../TopNavBarContext' +import { TopNavBarContext } from '../TopNavBarContext.js' import type { TopNavBarContextType } from '../TopNavBarContext' -import { TopNavBar } from '../index' -import { elevateIcon } from './exampleSvgFiles' +import { TopNavBar } from '../index.js' +import { elevateIcon } from './exampleSvgFiles.js' import { Breadcrumb } from '@instructure/ui-breadcrumb/latest' type ChildrenFuncProps = { diff --git a/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/mapItemsForDrilldown.tsx b/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/mapItemsForDrilldown.tsx index d2809f0d76..f297b8f691 100644 --- a/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/mapItemsForDrilldown.tsx +++ b/packages/ui-top-nav-bar/src/TopNavBar/v2/utils/mapItemsForDrilldown.tsx @@ -35,7 +35,7 @@ import type { DrilldownOptionProps } from '@instructure/ui-drilldown/latest' -import { TopNavBarItem } from '../TopNavBarItem' +import { TopNavBarItem } from '../TopNavBarItem/index.js' import type { ItemChild, TopNavBarItemProps } from '../TopNavBarItem/props' type ItemMappedForDrilldownOption = { diff --git a/packages/ui-top-nav-bar/src/exports/a.ts b/packages/ui-top-nav-bar/src/exports/a.ts index eaf2860d54..d25cf42ca1 100644 --- a/packages/ui-top-nav-bar/src/exports/a.ts +++ b/packages/ui-top-nav-bar/src/exports/a.ts @@ -22,14 +22,14 @@ * SOFTWARE. */ -export { TopNavBar } from '../TopNavBar/v1' -export { TopNavBarActionItems } from '../TopNavBar/v1/TopNavBarActionItems' -export { TopNavBarBrand } from '../TopNavBar/v1/TopNavBarBrand' -export { TopNavBarBreadcrumb } from '../TopNavBar/v1/TopNavBarBreadcrumb' -export { TopNavBarItem } from '../TopNavBar/v1/TopNavBarItem' -export { TopNavBarLayout } from '../TopNavBar/v1/TopNavBarLayout' -export { TopNavBarMenuItems } from '../TopNavBar/v1/TopNavBarMenuItems' -export { TopNavBarUser } from '../TopNavBar/v1/TopNavBarUser' +export { TopNavBar } from '../TopNavBar/v1/index.js' +export { TopNavBarActionItems } from '../TopNavBar/v1/TopNavBarActionItems/index.js' +export { TopNavBarBrand } from '../TopNavBar/v1/TopNavBarBrand/index.js' +export { TopNavBarBreadcrumb } from '../TopNavBar/v1/TopNavBarBreadcrumb/index.js' +export { TopNavBarItem } from '../TopNavBar/v1/TopNavBarItem/index.js' +export { TopNavBarLayout } from '../TopNavBar/v1/TopNavBarLayout/index.js' +export { TopNavBarMenuItems } from '../TopNavBar/v1/TopNavBarMenuItems/index.js' +export { TopNavBarUser } from '../TopNavBar/v1/TopNavBarUser/index.js' export type { TopNavBarProps, TopNavBarOwnProps } from '../TopNavBar/v1/props' export type { diff --git a/packages/ui-top-nav-bar/src/exports/b.ts b/packages/ui-top-nav-bar/src/exports/b.ts index 145b399e9b..a1fc9ab9a3 100644 --- a/packages/ui-top-nav-bar/src/exports/b.ts +++ b/packages/ui-top-nav-bar/src/exports/b.ts @@ -22,14 +22,14 @@ * SOFTWARE. */ -export { TopNavBar } from '../TopNavBar/v2' -export { TopNavBarActionItems } from '../TopNavBar/v2/TopNavBarActionItems' -export { TopNavBarBrand } from '../TopNavBar/v2/TopNavBarBrand' -export { TopNavBarBreadcrumb } from '../TopNavBar/v2/TopNavBarBreadcrumb' -export { TopNavBarItem } from '../TopNavBar/v2/TopNavBarItem' -export { TopNavBarLayout } from '../TopNavBar/v2/TopNavBarLayout' -export { TopNavBarMenuItems } from '../TopNavBar/v2/TopNavBarMenuItems' -export { TopNavBarUser } from '../TopNavBar/v2/TopNavBarUser' +export { TopNavBar } from '../TopNavBar/v2/index.js' +export { TopNavBarActionItems } from '../TopNavBar/v2/TopNavBarActionItems/index.js' +export { TopNavBarBrand } from '../TopNavBar/v2/TopNavBarBrand/index.js' +export { TopNavBarBreadcrumb } from '../TopNavBar/v2/TopNavBarBreadcrumb/index.js' +export { TopNavBarItem } from '../TopNavBar/v2/TopNavBarItem/index.js' +export { TopNavBarLayout } from '../TopNavBar/v2/TopNavBarLayout/index.js' +export { TopNavBarMenuItems } from '../TopNavBar/v2/TopNavBarMenuItems/index.js' +export { TopNavBarUser } from '../TopNavBar/v2/TopNavBarUser/index.js' export type { TopNavBarProps, TopNavBarOwnProps } from '../TopNavBar/v2/props' export type { diff --git a/packages/ui-tray/src/Tray/v1/index.tsx b/packages/ui-tray/src/Tray/v1/index.tsx index a98eab5314..eeb361694a 100644 --- a/packages/ui-tray/src/Tray/v1/index.tsx +++ b/packages/ui-tray/src/Tray/v1/index.tsx @@ -34,9 +34,9 @@ import { mirrorHorizontalPlacement } from '@instructure/ui-position' import { Transition } from '@instructure/ui-motion' import type { TransitionType } from '@instructure/ui-motion' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' -import { allowedProps } from './props' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' +import { allowedProps } from './props.js' import type { TrayProps, TrayState } from './props' import { Mask } from '@instructure/ui-overlays/v11_6' @@ -48,6 +48,7 @@ category: components @withStyle(generateStyle, generateComponentTheme) @textDirectionContextConsumer() class Tray extends Component { + static displayName = 'Tray' static readonly componentId = 'Tray' static allowedProps = allowedProps diff --git a/packages/ui-tray/src/Tray/v2/index.tsx b/packages/ui-tray/src/Tray/v2/index.tsx index 7f37d7083a..1258deff01 100644 --- a/packages/ui-tray/src/Tray/v2/index.tsx +++ b/packages/ui-tray/src/Tray/v2/index.tsx @@ -34,8 +34,8 @@ import { mirrorHorizontalPlacement } from '@instructure/ui-position' import { Transition } from '@instructure/ui-motion' import type { TransitionType } from '@instructure/ui-motion' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' -import { allowedProps } from './props' +import generateStyle from './styles.js' +import { allowedProps } from './props.js' import type { TrayProps, TrayState } from './props' import { Mask } from '@instructure/ui-overlays/latest' @@ -47,6 +47,7 @@ category: components @withStyleNew(generateStyle) @textDirectionContextConsumer() class Tray extends Component { + static displayName = 'Tray' static readonly componentId = 'Tray' static allowedProps = allowedProps diff --git a/packages/ui-tray/src/exports/a.ts b/packages/ui-tray/src/exports/a.ts index 2689d065a6..08d1730efa 100644 --- a/packages/ui-tray/src/exports/a.ts +++ b/packages/ui-tray/src/exports/a.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Tray } from '../Tray/v1' +export { Tray } from '../Tray/v1/index.js' export type { TrayProps } from '../Tray/v1/props' diff --git a/packages/ui-tray/src/exports/b.ts b/packages/ui-tray/src/exports/b.ts index d2d8abe3ac..9d9e763690 100644 --- a/packages/ui-tray/src/exports/b.ts +++ b/packages/ui-tray/src/exports/b.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { Tray } from '../Tray/v2' +export { Tray } from '../Tray/v2/index.js' export type { TrayProps } from '../Tray/v2/props' diff --git a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeButton/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeButton/index.tsx index 3955206059..11ae2a3ce3 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeButton/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeButton/index.tsx @@ -28,11 +28,11 @@ import { Img } from '@instructure/ui-img/v11_6' import { callRenderProp } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' import type { TreeBrowserButtonProps } from './props' -import { allowedProps } from './props' -import TreeBrowserContext from '../TreeBrowserContext' +import { allowedProps } from './props.js' +import TreeBrowserContext from '../TreeBrowserContext.js' // Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode @@ -44,6 +44,7 @@ id: TreeBrowser.Button **/ @withStyle(generateStyles, generateComponentTheme) class TreeButton extends Component { + static displayName = 'TreeButton' static readonly componentId = 'TreeBrowser.Button' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/index.tsx index 6045b560b8..fdd00d30b7 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/index.tsx @@ -27,15 +27,15 @@ import { Component, ContextType, ReactElement, SyntheticEvent } from 'react' import { withStyle } from '@instructure/emotion' import { safeCloneElement } from '@instructure/ui-react-utils' -import { TreeButton } from '../TreeButton' +import { TreeButton } from '../TreeButton/index.js' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' import type { TreeBrowserCollectionProps, TreeCollectionState } from './props' import type { CompareObject } from '../props' -import { allowedProps } from './props' -import { CollectionItem, CollectionProps, CollectionData } from '../props' -import TreeBrowserContext from '../TreeBrowserContext' +import { allowedProps } from './props.js' +import { CollectionItem, CollectionProps, CollectionData } from '../props.js' +import TreeBrowserContext from '../TreeBrowserContext.js' type AriaSelectedType = { 'aria-selected'?: boolean } @@ -50,6 +50,7 @@ class TreeCollection extends Component< TreeBrowserCollectionProps, TreeCollectionState > { + static displayName = 'TreeCollection' static readonly componentId = 'TreeBrowser.Collection' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/props.ts b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/props.ts index be2c0e6fe7..cb0960d0a7 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/props.ts +++ b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/props.ts @@ -27,7 +27,7 @@ import React from 'react' import type { CollectionData } from '../props' import type { TreeBrowserCollectionTheme } from '@instructure/shared-types' import type { WithStyleProps, ComponentStyle } from '@instructure/emotion' -import { CollectionProps, TreeBrowserBaseProps } from '../props' +import { CollectionProps, TreeBrowserBaseProps } from '../props.js' type TreeBrowserCollectionOwnProps = { level: number diff --git a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/index.tsx index e763d309bd..2e7c3d5a9f 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/index.tsx @@ -28,11 +28,11 @@ import { Img } from '@instructure/ui-img/v11_6' import { callRenderProp } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyles from '../TreeButton/styles' -import generateComponentTheme from '../TreeButton/theme' +import generateStyles from '../TreeButton/styles.js' +import generateComponentTheme from '../TreeButton/theme.js' import type { TreeBrowserNodeProps } from './props' -import { allowedProps } from './props' -import TreeBrowserContext from '../TreeBrowserContext' +import { allowedProps } from './props.js' +import TreeBrowserContext from '../TreeBrowserContext.js' // Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode @@ -46,6 +46,7 @@ in the TreeBrowser. **/ @withStyle(generateStyles, generateComponentTheme) class TreeNode extends Component { + static displayName = 'TreeNode' static readonly componentId = 'TreeBrowser.Node' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/props.ts b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/props.ts index 44989b2a07..af616dfa3a 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/props.ts +++ b/packages/ui-tree-browser/src/TreeBrowser/v1/TreeNode/props.ts @@ -30,7 +30,7 @@ import type { TreeBrowserButtonProps, TreeBrowserButtonStyle } from '../TreeButton/props' -import { CollectionData } from '../props' +import { CollectionData } from '../props.js' type TreeBrowserNodeOwnProps = Pick< TreeBrowserButtonProps, diff --git a/packages/ui-tree-browser/src/TreeBrowser/v1/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v1/index.tsx index d02ce37d61..1132b11cb4 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v1/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v1/index.tsx @@ -30,12 +30,12 @@ import { IconFolderLine, IconDocumentLine } from '@instructure/ui-icons' import { omitProps, pickProps } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import { TreeCollection } from './TreeCollection' -import { TreeButton } from './TreeButton' -import { TreeNode } from './TreeNode' +import { TreeCollection } from './TreeCollection/index.js' +import { TreeButton } from './TreeButton/index.js' +import { TreeNode } from './TreeNode/index.js' -import generateStyles from './styles' -import generateComponentTheme from './theme' +import generateStyles from './styles.js' +import generateComponentTheme from './theme.js' import type { Collection, CollectionData, @@ -43,8 +43,8 @@ import type { TreeBrowserProps, TreeBrowserState } from './props' -import { allowedProps } from './props' -import TreeBrowserContext from './TreeBrowserContext' +import { allowedProps } from './props.js' +import TreeBrowserContext from './TreeBrowserContext.js' /** --- @@ -53,6 +53,7 @@ category: components **/ @withStyle(generateStyles, generateComponentTheme) class TreeBrowser extends Component { + static displayName = 'TreeBrowser' static readonly componentId = 'TreeBrowser' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeButton/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeButton/index.tsx index 1784373fe6..6859435281 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeButton/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeButton/index.tsx @@ -28,10 +28,10 @@ import { Img } from '@instructure/ui-img/latest' import { withStyleNew } from '@instructure/emotion' import { renderIconWithProps } from '@instructure/ui-icons' -import generateStyles from './styles' +import generateStyles from './styles.js' import type { TreeBrowserButtonProps } from './props' -import { allowedProps } from './props' -import TreeBrowserContext from '../TreeBrowserContext' +import { allowedProps } from './props.js' +import TreeBrowserContext from '../TreeBrowserContext.js' // Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode @@ -53,6 +53,7 @@ class TreeButton extends Component< TreeBrowserButtonProps, { isHovered: boolean } > { + static displayName = 'TreeButton' static readonly componentId = 'TreeBrowser.Button' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/index.tsx index 727f791b33..ab2b617a94 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/index.tsx @@ -27,14 +27,14 @@ import { Component, ContextType, ReactElement, SyntheticEvent } from 'react' import { withStyleNew } from '@instructure/emotion' import { safeCloneElement } from '@instructure/ui-react-utils' -import { TreeButton } from '../TreeButton' +import { TreeButton } from '../TreeButton/index.js' -import generateStyles from './styles' +import generateStyles from './styles.js' import type { TreeBrowserCollectionProps, TreeCollectionState } from './props' import type { CompareObject } from '../props' -import { allowedProps } from './props' -import { CollectionItem, CollectionProps, CollectionData } from '../props' -import TreeBrowserContext from '../TreeBrowserContext' +import { allowedProps } from './props.js' +import { CollectionItem, CollectionProps, CollectionData } from '../props.js' +import TreeBrowserContext from '../TreeBrowserContext.js' type AriaSelectedType = { 'aria-selected'?: boolean } @@ -49,6 +49,7 @@ class TreeCollection extends Component< TreeBrowserCollectionProps, TreeCollectionState > { + static displayName = 'TreeCollection' static readonly componentId = 'TreeBrowser.Collection' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/props.ts b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/props.ts index f1d968eb34..950a74ec33 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/props.ts +++ b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/props.ts @@ -27,7 +27,7 @@ import React from 'react' import type { CollectionData } from '../props' import type { WithStyleProps, ComponentStyle } from '@instructure/emotion' import type { NewComponentTypes } from '@instructure/ui-themes' -import { CollectionProps, TreeBrowserBaseProps } from '../props' +import { CollectionProps, TreeBrowserBaseProps } from '../props.js' type TreeBrowserCollectionOwnProps = { level: number diff --git a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/index.tsx index bb76b25f09..3e57b5f3ce 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/index.tsx @@ -28,10 +28,10 @@ import { Img } from '@instructure/ui-img/latest' import { withStyleNew } from '@instructure/emotion' import { renderIconWithProps } from '@instructure/ui-icons' -import generateStyles from '../TreeButton/styles' +import generateStyles from '../TreeButton/styles.js' import type { TreeBrowserNodeProps } from './props' -import { allowedProps } from './props' -import TreeBrowserContext from '../TreeBrowserContext' +import { allowedProps } from './props.js' +import TreeBrowserContext from '../TreeBrowserContext.js' // Map TreeBrowser size tokens to icon size tokens const treeBrowserSizeToIconSize = { @@ -52,6 +52,7 @@ in the TreeBrowser. **/ @withStyleNew(generateStyles, 'TreeBrowserTreeButton') class TreeNode extends Component { + static displayName = 'TreeNode' static readonly componentId = 'TreeBrowser.Node' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/props.ts b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/props.ts index 146478cc82..a0e609bb1f 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/props.ts +++ b/packages/ui-tree-browser/src/TreeBrowser/v2/TreeNode/props.ts @@ -30,7 +30,7 @@ import type { TreeBrowserButtonProps, TreeBrowserButtonStyle } from '../TreeButton/props' -import { CollectionData } from '../props' +import { CollectionData } from '../props.js' type TreeBrowserNodeOwnProps = Pick< TreeBrowserButtonProps, diff --git a/packages/ui-tree-browser/src/TreeBrowser/v2/index.tsx b/packages/ui-tree-browser/src/TreeBrowser/v2/index.tsx index f1180efe26..c2a55de36a 100644 --- a/packages/ui-tree-browser/src/TreeBrowser/v2/index.tsx +++ b/packages/ui-tree-browser/src/TreeBrowser/v2/index.tsx @@ -33,11 +33,11 @@ import { import { omitProps, pickProps } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import { TreeCollection } from './TreeCollection' -import { TreeButton } from './TreeButton' -import { TreeNode } from './TreeNode' +import { TreeCollection } from './TreeCollection/index.js' +import { TreeButton } from './TreeButton/index.js' +import { TreeNode } from './TreeNode/index.js' -import generateStyles from './styles' +import generateStyles from './styles.js' import type { Collection, CollectionData, @@ -45,8 +45,8 @@ import type { TreeBrowserProps, TreeBrowserState } from './props' -import { allowedProps } from './props' -import TreeBrowserContext from './TreeBrowserContext' +import { allowedProps } from './props.js' +import TreeBrowserContext from './TreeBrowserContext.js' /** --- @@ -55,6 +55,7 @@ category: components **/ @withStyleNew(generateStyles) class TreeBrowser extends Component { + static displayName = 'TreeBrowser' static readonly componentId = 'TreeBrowser' static allowedProps = allowedProps diff --git a/packages/ui-tree-browser/src/exports/a.ts b/packages/ui-tree-browser/src/exports/a.ts index 5642b490f0..e8eb1ec61c 100644 --- a/packages/ui-tree-browser/src/exports/a.ts +++ b/packages/ui-tree-browser/src/exports/a.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -export { TreeBrowser } from '../TreeBrowser/v1' -export { TreeButton } from '../TreeBrowser/v1/TreeButton' -export { TreeCollection } from '../TreeBrowser/v1/TreeCollection' -export { TreeNode } from '../TreeBrowser/v1/TreeNode' +export { TreeBrowser } from '../TreeBrowser/v1/index.js' +export { TreeButton } from '../TreeBrowser/v1/TreeButton/index.js' +export { TreeCollection } from '../TreeBrowser/v1/TreeCollection/index.js' +export { TreeNode } from '../TreeBrowser/v1/TreeNode/index.js' export type { TreeBrowserProps, diff --git a/packages/ui-tree-browser/src/exports/b.ts b/packages/ui-tree-browser/src/exports/b.ts index d068bc861d..a209ac1fff 100644 --- a/packages/ui-tree-browser/src/exports/b.ts +++ b/packages/ui-tree-browser/src/exports/b.ts @@ -22,10 +22,10 @@ * SOFTWARE. */ -export { TreeBrowser } from '../TreeBrowser/v2' -export { TreeButton } from '../TreeBrowser/v2/TreeButton' -export { TreeCollection } from '../TreeBrowser/v2/TreeCollection' -export { TreeNode } from '../TreeBrowser/v2/TreeNode' +export { TreeBrowser } from '../TreeBrowser/v2/index.js' +export { TreeButton } from '../TreeBrowser/v2/TreeButton/index.js' +export { TreeCollection } from '../TreeBrowser/v2/TreeCollection/index.js' +export { TreeNode } from '../TreeBrowser/v2/TreeNode/index.js' export type { TreeBrowserProps, diff --git a/packages/ui-truncate-list/src/TruncateList/__tests__/TruncateList.test.tsx b/packages/ui-truncate-list/src/TruncateList/__tests__/TruncateList.test.tsx index c419b22b93..d421b93b84 100644 --- a/packages/ui-truncate-list/src/TruncateList/__tests__/TruncateList.test.tsx +++ b/packages/ui-truncate-list/src/TruncateList/__tests__/TruncateList.test.tsx @@ -27,7 +27,7 @@ import { vi } from 'vitest' import '@testing-library/jest-dom' import { runAxeCheck } from '@instructure/ui-axe-check' -import { TruncateList } from '../index' +import { TruncateList } from '../index.js' describe('', () => { it('should return ref with elementRef prop', async () => { diff --git a/packages/ui-truncate-list/src/TruncateList/index.tsx b/packages/ui-truncate-list/src/TruncateList/index.tsx index 322973c82e..e47906cb70 100644 --- a/packages/ui-truncate-list/src/TruncateList/index.tsx +++ b/packages/ui-truncate-list/src/TruncateList/index.tsx @@ -35,9 +35,9 @@ import { import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { TruncateListProps, TruncateListState } from './props' /** @@ -47,6 +47,7 @@ category: components/utilities **/ @withStyle(generateStyle, null) class TruncateList extends Component { + static displayName = 'TruncateList' static readonly componentId = 'TruncateList' static allowedProps = allowedProps diff --git a/packages/ui-truncate-list/src/index.ts b/packages/ui-truncate-list/src/index.ts index c7f2397bb5..e81420f517 100644 --- a/packages/ui-truncate-list/src/index.ts +++ b/packages/ui-truncate-list/src/index.ts @@ -22,5 +22,5 @@ * SOFTWARE. */ -export { TruncateList } from './TruncateList' +export { TruncateList } from './TruncateList/index.js' export type { TruncateListProps } from './TruncateList/props' diff --git a/packages/ui-truncate-text/src/TruncateText/__tests__/cleanData.test.tsx b/packages/ui-truncate-text/src/TruncateText/__tests__/cleanData.test.tsx index 6cad89a0f8..f51d4a3863 100644 --- a/packages/ui-truncate-text/src/TruncateText/__tests__/cleanData.test.tsx +++ b/packages/ui-truncate-text/src/TruncateText/__tests__/cleanData.test.tsx @@ -23,8 +23,8 @@ */ import { expect } from 'vitest' import '@testing-library/jest-dom' -import cleanData from '../v2/utils/cleanData' -import { CleanDataOptions } from '../v2/props' +import cleanData from '../v2/utils/cleanData.js' +import { CleanDataOptions } from '../v2/props.js' describe('cleanData', () => { it('should remove spaces from the end of character data', async () => { diff --git a/packages/ui-truncate-text/src/TruncateText/__tests__/cleanString.test.tsx b/packages/ui-truncate-text/src/TruncateText/__tests__/cleanString.test.tsx index a186563cca..c9ab83cdd0 100644 --- a/packages/ui-truncate-text/src/TruncateText/__tests__/cleanString.test.tsx +++ b/packages/ui-truncate-text/src/TruncateText/__tests__/cleanString.test.tsx @@ -24,7 +24,7 @@ import { expect } from 'vitest' import '@testing-library/jest-dom' -import cleanString from '../v2/utils/cleanString' +import cleanString from '../v2/utils/cleanString.js' describe('cleanSring', () => { it('should remove spaces from start and end of string', async () => { diff --git a/packages/ui-truncate-text/src/TruncateText/__tests__/measureText.test.tsx b/packages/ui-truncate-text/src/TruncateText/__tests__/measureText.test.tsx index 0f8462cc2d..04cf789c35 100644 --- a/packages/ui-truncate-text/src/TruncateText/__tests__/measureText.test.tsx +++ b/packages/ui-truncate-text/src/TruncateText/__tests__/measureText.test.tsx @@ -26,7 +26,7 @@ import { render, screen } from '@testing-library/react' import { vi, expect } from 'vitest' import '@testing-library/jest-dom' -import measureText from '../v2/utils/measureText' +import measureText from '../v2/utils/measureText.js' const baseStyle = { fontSize: '16px', diff --git a/packages/ui-truncate-text/src/TruncateText/v1/index.tsx b/packages/ui-truncate-text/src/TruncateText/v1/index.tsx index 20c4b5c3a3..a044b0ab56 100644 --- a/packages/ui-truncate-text/src/TruncateText/v1/index.tsx +++ b/packages/ui-truncate-text/src/TruncateText/v1/index.tsx @@ -34,11 +34,11 @@ import { import { logError as error } 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 truncate from './utils/truncate' -import { allowedProps, TruncateTextState } from './props' +import truncate from './utils/truncate.js' +import { allowedProps, TruncateTextState } from './props.js' import type { TruncateTextProps } from './props' /** @@ -48,6 +48,7 @@ category: components **/ @withStyle(generateStyle, generateComponentTheme) class TruncateText extends Component { + static displayName = 'TruncateText' static readonly componentId = 'TruncateText' static allowedProps = allowedProps diff --git a/packages/ui-truncate-text/src/TruncateText/v1/utils/truncate.ts b/packages/ui-truncate-text/src/TruncateText/v1/utils/truncate.ts index f8ed93691f..583241106a 100644 --- a/packages/ui-truncate-text/src/TruncateText/v1/utils/truncate.ts +++ b/packages/ui-truncate-text/src/TruncateText/v1/utils/truncate.ts @@ -32,10 +32,10 @@ import { isVisible } from '@instructure/ui-dom-utils' -import measureText from './measureText' -import cleanString from './cleanString' -import cleanData from './cleanData' -import { TruncateTextCommonProps } from '../props' +import measureText from './measureText.js' +import cleanString from './cleanString.js' +import cleanData from './cleanData.js' +import { TruncateTextCommonProps } from '../props.js' export type TruncatorOptions = { parent?: Node diff --git a/packages/ui-truncate-text/src/TruncateText/v2/index.tsx b/packages/ui-truncate-text/src/TruncateText/v2/index.tsx index 0afdd4e3e1..b2667aa68c 100644 --- a/packages/ui-truncate-text/src/TruncateText/v2/index.tsx +++ b/packages/ui-truncate-text/src/TruncateText/v2/index.tsx @@ -34,10 +34,10 @@ import { import { logError as error } from '@instructure/console' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import truncate from './utils/truncate' -import { allowedProps, TruncateTextState } from './props' +import truncate from './utils/truncate.js' +import { allowedProps, TruncateTextState } from './props.js' import type { TruncateTextProps } from './props' /** @@ -47,6 +47,7 @@ category: components **/ @withStyleNew(generateStyle) class TruncateText extends Component { + static displayName = 'TruncateText' static readonly componentId = 'TruncateText' static allowedProps = allowedProps diff --git a/packages/ui-truncate-text/src/TruncateText/v2/utils/truncate.ts b/packages/ui-truncate-text/src/TruncateText/v2/utils/truncate.ts index f8ed93691f..583241106a 100644 --- a/packages/ui-truncate-text/src/TruncateText/v2/utils/truncate.ts +++ b/packages/ui-truncate-text/src/TruncateText/v2/utils/truncate.ts @@ -32,10 +32,10 @@ import { isVisible } from '@instructure/ui-dom-utils' -import measureText from './measureText' -import cleanString from './cleanString' -import cleanData from './cleanData' -import { TruncateTextCommonProps } from '../props' +import measureText from './measureText.js' +import cleanString from './cleanString.js' +import cleanData from './cleanData.js' +import { TruncateTextCommonProps } from '../props.js' export type TruncatorOptions = { parent?: Node diff --git a/packages/ui-truncate-text/src/exports/a.ts b/packages/ui-truncate-text/src/exports/a.ts index 15e1baf3d2..e9152addce 100644 --- a/packages/ui-truncate-text/src/exports/a.ts +++ b/packages/ui-truncate-text/src/exports/a.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { TruncateText } from '../TruncateText/v1' +export { TruncateText } from '../TruncateText/v1/index.js' export type { TruncateTextProps } from '../TruncateText/v1/props' diff --git a/packages/ui-truncate-text/src/exports/b.ts b/packages/ui-truncate-text/src/exports/b.ts index 57c18e51a5..876002507d 100644 --- a/packages/ui-truncate-text/src/exports/b.ts +++ b/packages/ui-truncate-text/src/exports/b.ts @@ -21,5 +21,5 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { TruncateText } from '../TruncateText/v2' +export { TruncateText } from '../TruncateText/v2/index.js' export type { TruncateTextProps } from '../TruncateText/v2/props' diff --git a/packages/ui-utils/src/__tests__/camelize.test.tsx b/packages/ui-utils/src/__tests__/camelize.test.tsx index 7567b0921e..20f637f5b2 100644 --- a/packages/ui-utils/src/__tests__/camelize.test.tsx +++ b/packages/ui-utils/src/__tests__/camelize.test.tsx @@ -22,7 +22,7 @@ * SOFTWARE. */ import '@testing-library/jest-dom' -import { camelize } from '../camelize' +import { camelize } from '../camelize.js' describe('convertCase', () => { describe('camelize', () => { diff --git a/packages/ui-utils/src/__tests__/cloneArray.test.tsx b/packages/ui-utils/src/__tests__/cloneArray.test.tsx index d1e4f5d22a..74ac45a61d 100644 --- a/packages/ui-utils/src/__tests__/cloneArray.test.tsx +++ b/packages/ui-utils/src/__tests__/cloneArray.test.tsx @@ -23,8 +23,8 @@ */ import '@testing-library/jest-dom' -import { cloneArray } from '../cloneArray' -import { deepEqual } from '../deepEqual' +import { cloneArray } from '../cloneArray.js' +import { deepEqual } from '../deepEqual.js' describe('cloneArray', () => { it('should return an array', () => { diff --git a/packages/ui-utils/src/__tests__/createChainedFunction.test.tsx b/packages/ui-utils/src/__tests__/createChainedFunction.test.tsx index b390184d09..3a94dd2a45 100644 --- a/packages/ui-utils/src/__tests__/createChainedFunction.test.tsx +++ b/packages/ui-utils/src/__tests__/createChainedFunction.test.tsx @@ -24,7 +24,7 @@ import '@testing-library/jest-dom' import { vi } from 'vitest' -import { createChainedFunction } from '../createChainedFunction' +import { createChainedFunction } from '../createChainedFunction.js' describe('createChainedFunction', () => { it('should return null if no function provided', () => { diff --git a/packages/ui-utils/src/__tests__/generateId.test.tsx b/packages/ui-utils/src/__tests__/generateId.test.tsx index 8f849a4279..3ed36185a5 100644 --- a/packages/ui-utils/src/__tests__/generateId.test.tsx +++ b/packages/ui-utils/src/__tests__/generateId.test.tsx @@ -22,7 +22,7 @@ * SOFTWARE. */ import '@testing-library/jest-dom' -import { generateId } from '../generateId' +import { generateId } from '../generateId.js' describe('generateId', () => { it('should generate unique ids for the same instance', () => { diff --git a/packages/ui-utils/src/__tests__/hash.test.tsx b/packages/ui-utils/src/__tests__/hash.test.tsx index aa96cc8ca7..e64717e4f2 100644 --- a/packages/ui-utils/src/__tests__/hash.test.tsx +++ b/packages/ui-utils/src/__tests__/hash.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { hash } from '../hash' +import { hash } from '../hash.js' describe('hash', () => { it('should error if supplied value is undefined', () => { diff --git a/packages/ui-utils/src/__tests__/mergeDeep.test.tsx b/packages/ui-utils/src/__tests__/mergeDeep.test.tsx index 6350e12acf..6d18ee37b9 100644 --- a/packages/ui-utils/src/__tests__/mergeDeep.test.tsx +++ b/packages/ui-utils/src/__tests__/mergeDeep.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { mergeDeep } from '../mergeDeep' +import { mergeDeep } from '../mergeDeep.js' describe('mergeDeep', () => { it('should merge object properties without affecting any object', () => { diff --git a/packages/ui-utils/src/__tests__/ms.test.tsx b/packages/ui-utils/src/__tests__/ms.test.tsx index 9146954921..e0ea6688c5 100644 --- a/packages/ui-utils/src/__tests__/ms.test.tsx +++ b/packages/ui-utils/src/__tests__/ms.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { ms } from '../ms' +import { ms } from '../ms.js' describe('ms', () => { it('handles ms unit', () => { diff --git a/packages/ui-utils/src/__tests__/parseUnit.test.tsx b/packages/ui-utils/src/__tests__/parseUnit.test.tsx index a990780a6f..e8f50d8e98 100644 --- a/packages/ui-utils/src/__tests__/parseUnit.test.tsx +++ b/packages/ui-utils/src/__tests__/parseUnit.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { parseUnit } from '../parseUnit' +import { parseUnit } from '../parseUnit.js' describe('parseUnit', () => { it('unitless', () => { diff --git a/packages/ui-utils/src/__tests__/pascalize.test.tsx b/packages/ui-utils/src/__tests__/pascalize.test.tsx index 5008efc606..6f25bcf0dd 100644 --- a/packages/ui-utils/src/__tests__/pascalize.test.tsx +++ b/packages/ui-utils/src/__tests__/pascalize.test.tsx @@ -23,7 +23,7 @@ */ import '@testing-library/jest-dom' -import { pascalize } from '../pascalize' +import { pascalize } from '../pascalize.js' describe('convertCase', () => { describe('pascalize', () => { diff --git a/packages/ui-utils/src/__tests__/px.test.tsx b/packages/ui-utils/src/__tests__/px.test.tsx index b6c67989d3..e215d00620 100644 --- a/packages/ui-utils/src/__tests__/px.test.tsx +++ b/packages/ui-utils/src/__tests__/px.test.tsx @@ -25,7 +25,7 @@ import '@testing-library/jest-dom' import { getFontSize } from '@instructure/ui-dom-utils' -import { px } from '../px' +import { px } from '../px.js' describe('px', () => { let node: HTMLDivElement | null diff --git a/packages/ui-utils/src/__tests__/within.test.tsx b/packages/ui-utils/src/__tests__/within.test.tsx index dc6c7f0c55..786ef14c45 100644 --- a/packages/ui-utils/src/__tests__/within.test.tsx +++ b/packages/ui-utils/src/__tests__/within.test.tsx @@ -24,7 +24,7 @@ import '@testing-library/jest-dom' -import { within } from '../within' +import { within } from '../within.js' describe('within', () => { it('returns true when values are within range', () => { diff --git a/packages/ui-utils/src/convertCase.ts b/packages/ui-utils/src/convertCase.ts index 0764ec60bf..3fba001ac1 100644 --- a/packages/ui-utils/src/convertCase.ts +++ b/packages/ui-utils/src/convertCase.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { camelize } from './camelize' -import { pascalize } from './pascalize' +import { camelize } from './camelize.js' +import { pascalize } from './pascalize.js' export { camelize, pascalize } diff --git a/packages/ui-utils/src/index.ts b/packages/ui-utils/src/index.ts index 1b0d818798..f9234458d0 100644 --- a/packages/ui-utils/src/index.ts +++ b/packages/ui-utils/src/index.ts @@ -21,22 +21,22 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -export { capitalizeFirstLetter } from './capitalizeFirstLetter' -export { cloneArray } from './cloneArray' -export { createChainedFunction } from './createChainedFunction' -export { deepEqual } from './deepEqual' -export { hash } from './hash' -export { generateId } from './generateId' -export { isEmpty } from './isEmpty' -export { mergeDeep } from './mergeDeep' -export { ms } from './ms' -export { parseUnit } from './parseUnit' -export { px } from './px' -export { shallowEqual } from './shallowEqual' -export { within } from './within' -export { camelize } from './camelize' -export { pascalize } from './pascalize' -export { isBaseTheme } from './isBaseTheme' +export { capitalizeFirstLetter } from './capitalizeFirstLetter.js' +export { cloneArray } from './cloneArray.js' +export { createChainedFunction } from './createChainedFunction.js' +export { deepEqual } from './deepEqual.js' +export { hash } from './hash.js' +export { generateId } from './generateId.js' +export { isEmpty } from './isEmpty.js' +export { mergeDeep } from './mergeDeep.js' +export { ms } from './ms.js' +export { parseUnit } from './parseUnit.js' +export { px } from './px.js' +export { shallowEqual } from './shallowEqual.js' +export { within } from './within.js' +export { camelize } from './camelize.js' +export { pascalize } from './pascalize.js' +export { isBaseTheme } from './isBaseTheme.js' export { getBrowser, isSafari, @@ -46,5 +46,5 @@ export { isChromium, isAndroidOrIOS, isMac -} from './getBrowser' -export { combineDataCid } from './combineDataCid' +} from './getBrowser.js' +export { combineDataCid } from './combineDataCid.js' diff --git a/packages/ui-utils/src/ms.ts b/packages/ui-utils/src/ms.ts index 50b0a83692..3862be40b5 100644 --- a/packages/ui-utils/src/ms.ts +++ b/packages/ui-utils/src/ms.ts @@ -22,7 +22,7 @@ * SOFTWARE. */ -import { parseUnit } from './parseUnit' +import { parseUnit } from './parseUnit.js' /** * --- diff --git a/packages/ui-utils/src/pascalize.ts b/packages/ui-utils/src/pascalize.ts index 6b8f7ef93a..b8d6676295 100644 --- a/packages/ui-utils/src/pascalize.ts +++ b/packages/ui-utils/src/pascalize.ts @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { capitalizeFirstLetter } from './capitalizeFirstLetter' -import { camelize } from './camelize' +import { capitalizeFirstLetter } from './capitalizeFirstLetter.js' +import { camelize } from './camelize.js' /** * --- diff --git a/packages/ui-utils/src/px.ts b/packages/ui-utils/src/px.ts index c39bc401de..8b927715ef 100644 --- a/packages/ui-utils/src/px.ts +++ b/packages/ui-utils/src/px.ts @@ -23,7 +23,7 @@ */ import { canUseDOM, getFontSize } from '@instructure/ui-dom-utils' -import { parseUnit } from './parseUnit' +import { parseUnit } from './parseUnit.js' import React from 'react' /** diff --git a/packages/ui-view/src/ContextView/v1/index.tsx b/packages/ui-view/src/ContextView/v1/index.tsx index e370c9172a..412701e29b 100644 --- a/packages/ui-view/src/ContextView/v1/index.tsx +++ b/packages/ui-view/src/ContextView/v1/index.tsx @@ -27,11 +27,11 @@ import { Component } from 'react' import { withStyle } from '@instructure/emotion' import { omitProps } from '@instructure/ui-react-utils' -import { View } from '../../View/v1' +import { View } from '../../View/v1/index.js' -import generateStyle from './styles' -import generateComponentTheme from './theme' -import { allowedProps } from './props' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' +import { allowedProps } from './props.js' import type { ContextViewProps } from './props' /** @@ -42,6 +42,7 @@ category: components @withStyle(generateStyle, generateComponentTheme) class ContextView extends Component { + static displayName = 'ContextView' static readonly componentId = 'ContextView' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-view/src/ContextView/v2/index.tsx b/packages/ui-view/src/ContextView/v2/index.tsx index 7c0fc3ab54..12de892a05 100644 --- a/packages/ui-view/src/ContextView/v2/index.tsx +++ b/packages/ui-view/src/ContextView/v2/index.tsx @@ -27,10 +27,10 @@ import { Component } from 'react' import { withStyleNew } from '@instructure/emotion' import { omitProps } from '@instructure/ui-react-utils' -import { View } from '../../View/v2' +import { View } from '../../View/v2/index.js' -import generateStyle from './styles' -import { allowedProps } from './props' +import generateStyle from './styles.js' +import { allowedProps } from './props.js' import type { ContextViewProps } from './props' /** @@ -41,6 +41,7 @@ category: components @withStyleNew(generateStyle) class ContextView extends Component { + static displayName = 'ContextView' static readonly componentId = 'ContextView' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-view/src/View/v1/index.tsx b/packages/ui-view/src/View/v1/index.tsx index 5ef5bfbe2e..a4d5bec878 100644 --- a/packages/ui-view/src/View/v1/index.tsx +++ b/packages/ui-view/src/View/v1/index.tsx @@ -35,10 +35,10 @@ import { } from '@instructure/ui-react-utils' import { withStyle } from '@instructure/emotion' -import generateStyle from './styles' -import generateComponentTheme from './theme' +import generateStyle from './styles.js' +import generateComponentTheme from './theme.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ViewProps } from './props' declare const process: Record | undefined @@ -52,6 +52,7 @@ category: components @textDirectionContextConsumer() @withStyle(generateStyle, generateComponentTheme) class View extends Component { + static displayName = 'View' static componentId = 'View' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-view/src/View/v2/index.tsx b/packages/ui-view/src/View/v2/index.tsx index b30adfa182..9275935cf6 100644 --- a/packages/ui-view/src/View/v2/index.tsx +++ b/packages/ui-view/src/View/v2/index.tsx @@ -35,9 +35,9 @@ import { } from '@instructure/ui-react-utils' import { withStyleNew } from '@instructure/emotion' -import generateStyle from './styles' +import generateStyle from './styles.js' -import { allowedProps } from './props' +import { allowedProps } from './props.js' import type { ViewProps } from './props' declare const process: Record | undefined @@ -51,6 +51,7 @@ category: components @textDirectionContextConsumer() @withStyleNew(generateStyle) class View extends Component { + static displayName = 'View' static componentId = 'View' static allowedProps = allowedProps static defaultProps = { diff --git a/packages/ui-view/src/exports/a.ts b/packages/ui-view/src/exports/a.ts index ad40075752..ad86ab268a 100644 --- a/packages/ui-view/src/exports/a.ts +++ b/packages/ui-view/src/exports/a.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { ContextView } from '../ContextView/v1' -export { View } from '../View/v1' +export { ContextView } from '../ContextView/v1/index.js' +export { View } from '../View/v1/index.js' export type { ContextViewProps } from '../ContextView/v1/props' export type { ViewProps, ViewOwnProps } from '../View/v1/props' diff --git a/packages/ui-view/src/exports/b.ts b/packages/ui-view/src/exports/b.ts index d1762c685d..e808d60a28 100644 --- a/packages/ui-view/src/exports/b.ts +++ b/packages/ui-view/src/exports/b.ts @@ -22,8 +22,8 @@ * SOFTWARE. */ -export { ContextView } from '../ContextView/v2' -export { View } from '../View/v2' +export { ContextView } from '../ContextView/v2/index.js' +export { View } from '../View/v2/index.js' export type { ContextViewProps } from '../ContextView/v2/props' export type { ViewProps, ViewOwnProps } from '../View/v2/props' diff --git a/packages/ui-webpack-config/config/index.js b/packages/ui-webpack-config/config/index.js index 45d44654ef..5b419afd48 100644 --- a/packages/ui-webpack-config/config/index.js +++ b/packages/ui-webpack-config/config/index.js @@ -49,7 +49,16 @@ const config = { path: false, process: false // needed for Sinon 12+ }, - extensions: ['.ts', '.tsx', '.js', '.json'] + extensions: ['.ts', '.tsx', '.js', '.json'], + // Source now carries explicit `.js` extensions on relative imports (added + // for native-ESM library output). When bundling the `.ts`/`.tsx` source + // directly, map a `.js` specifier back to its TypeScript source so webpack + // can resolve e.g. `import '../globals.js'` to `globals.ts`. + extensionAlias: { + '.js': ['.ts', '.tsx', '.js'], + '.jsx': ['.tsx', '.jsx'], + '.mjs': ['.mts', '.mjs'] + } } } diff --git a/packages/uid/src/__tests__/uid.test.tsx b/packages/uid/src/__tests__/uid.test.tsx index a8b0ba7bac..b8f5aed3a4 100644 --- a/packages/uid/src/__tests__/uid.test.tsx +++ b/packages/uid/src/__tests__/uid.test.tsx @@ -22,7 +22,7 @@ * SOFTWARE. */ import '@testing-library/jest-dom' -import { uid } from '../uid' +import { uid } from '../uid.js' describe('uid', () => { it('generates a specified length', () => { diff --git a/packages/uid/src/index.ts b/packages/uid/src/index.ts index a6703471fe..573a3477c2 100644 --- a/packages/uid/src/index.ts +++ b/packages/uid/src/index.ts @@ -21,6 +21,6 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ -import { uid } from './uid' +import { uid } from './uid.js' export default uid export { uid }