style: add files extensions to internal import paths

Author: phetw

packages/core/src/index.ts

@@ -43,14 +43,14 @@ export { DeprecationNotice } from './notices/DeprecationNotice.js';
  * Export events
  */
 export { TapEvent } from './events/TapEvent.js';
-export type { FocusedChangedEvent } from './types/events';
+export type { FocusedChangedEvent } from './types/events.js';
 
 /**
  * Export common interfaces
  */
-export type { MultiValue } from './interfaces/MultiValue';
-export type { StyleMap } from './interfaces/StyleMap';
-export type { StyleInfo } from './interfaces/StyleInfo';
+export type { MultiValue } from './interfaces/MultiValue.js';
+export type { StyleMap } from './interfaces/StyleMap.js';
+export type { StyleInfo } from './interfaces/StyleInfo.js';
 
 /**
  * Export useful utils

packages/elements/src/autosuggest/helpers/renderer.ts

@@ -1,6 +1,6 @@
 import { uuid } from '@refinitiv-ui/utils/uuid.js';
 import { updateElementContent } from './utils.js';
-import { AutosuggestQuery, AutosuggestRenderer, Suggestion, AutosuggestItem } from './types';
+import { AutosuggestQuery, AutosuggestRenderer, Suggestion, AutosuggestItem } from './types.js';
 
 /**
  * Build item element from data object

packages/elements/src/autosuggest/helpers/utils.ts

@@ -1,5 +1,5 @@
 import type { Item } from '../../item';
-import { AutosuggestHighlightable, AutosuggestItem } from './types';
+import { AutosuggestHighlightable, AutosuggestItem } from './types.js';
 
 /**
  * Check whether item can be highlighted

packages/elements/src/autosuggest/index.ts

@@ -19,7 +19,7 @@ import {
   TranslateDirective,
   TranslatePropertyKey
 } from '@refinitiv-ui/translate';
-import { TapEvent } from '../events';
+import { TapEvent } from '../events.js';
 import type {
   AutosuggestTargetElement,
   AutosuggestHighlightable,
@@ -55,7 +55,7 @@ export type {
   SuggestionsClearRequestedEvent,
   SuggestionsQueryEvent,
   SuggestionsChangedEvent
-} from './helpers/types';
+} from './helpers/types.js';
 export { updateElementContent } from './helpers/utils.js';
 export {
   itemHighlightable,

packages/elements/src/calendar/index.ts

@@ -80,7 +80,7 @@ import {
   DateButtonElement,
   NavigationDirection,
   WeekdayName
-} from './types';
+} from './types.js';
 import type { TapEvent } from '../events';
 import type { Button } from '../button';
 import './locales.js';

packages/elements/src/combo-box/index.ts

@@ -22,8 +22,8 @@ import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js'
 import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js';
 import { registerOverflowTooltip } from '../tooltip/index.js';
 import { isElementOverflown } from '@refinitiv-ui/utils/element.js';
-import { ItemData } from '../item';
-import { ComboBoxData, ComboBoxFilter } from './helpers/types';
+import { ItemData } from '../item/index.js';
+import { ComboBoxData, ComboBoxFilter } from './helpers/types.js';
 import type { List } from '../list/index.js';
 import { ComboBoxRenderer } from './helpers/renderer.js';
 import { defaultFilter } from './helpers/filter.js';

packages/elements/src/datetime-field/index.ts

@@ -30,7 +30,7 @@ import {
   NavigationKeys,
   DateTimeFormatPart,
   InputSelection
-} from './types';
+} from './types.js';
 import { TextField } from '../text-field/index.js';
 import {
   getSelectedPartIndex,

packages/elements/src/datetime-field/utils.ts

@@ -1,4 +1,4 @@
-import { DateTimeFormatPart, DateTimeFormatPartTypes, InputSelection } from './types';
+import { DateTimeFormatPart, DateTimeFormatPartTypes, InputSelection } from './types.js';
 import { Direction } from './constants.js';
 
 const IterablePartTypes: DateTimeFormatPartTypes[] = ['year', 'day', 'month', 'hour', 'minute', 'second', 'weekday', 'dayPeriod', 'fractionalSecond'];

packages/elements/src/heatmap/helpers/text.ts

@@ -1,4 +1,4 @@
-import type { HeatmapCell } from './types';
+import type { HeatmapCell } from './types.js';
 
 const MIN_FONT_SIZE = 10;
 const MAX_FONT_SIZE = 16;

packages/elements/src/heatmap/index.ts

@@ -25,7 +25,7 @@ import { getResponsiveFontSize, getMaximumTextWidth, MIN_FONT_SIZE } from './hel
 const MAX_CELL_WIDTH_RATIO = 0.85;
 const DEFAULT_CANVAS_RATIO = 0.75; // ratio — 4:3
 
-export type { HeatmapCell, HeatmapXAxis, HeatmapYAxis, HeatmapConfig, HeatmapTooltipCallback, HeatmapRenderCallback, HeatmapCustomisableProperties } from './helpers/types';
+export type { HeatmapCell, HeatmapXAxis, HeatmapYAxis, HeatmapConfig, HeatmapTooltipCallback, HeatmapRenderCallback, HeatmapCustomisableProperties } from './helpers/types.js';
 
 /**
  * A graphical representation of data where the individual