base: change all webcomponent base imports

Author: MarcusNotheis

packages/base/src/Device/EventProvider.ts

@@ -1,4 +1,4 @@
-import EventProviderWC from '@ui5/webcomponents-base/dist/EventProvider.js';
+import { EventProvider as EventProviderWC } from '@ui5/webcomponents-base';
 
 export type RANGE_LEGACY_4_STEPS = 'Phone' | 'Tablet' | 'Desktop' | 'LargeDesktop';
 

packages/base/src/Device/Media.ts

@@ -1,4 +1,4 @@
-import UI5MediaRange from '@ui5/webcomponents-base/dist/MediaRange.js';
+import { MediaRange as UI5MediaRange } from '@ui5/webcomponents-base';
 import { MediaEventProvider, RANGE_LEGACY_4_STEPS, RangeInfo } from './EventProvider.js';
 
 type RANGE_4_STEPS = 'S' | 'M' | 'L' | 'XL';

packages/base/src/Device/index.ts

@@ -1,4 +1,4 @@
-import { supportsTouch } from '@ui5/webcomponents-base/dist/Device.js';
+import { supportsTouch } from '@ui5/webcomponents-base';
 import { IOrientation, IWindowSize, OrientationEventProvider, ResizeEventProvider } from './EventProvider.js';
 
 const isSSR = () => typeof window === 'undefined';
@@ -163,7 +163,19 @@ const handleResizeEvent = () => {
 };
 
 // re-export everything from the web components device
-export * from '@ui5/webcomponents-base/dist/Device.js';
+export {
+  supportsTouch,
+  isIE,
+  isSafari,
+  isChrome,
+  isFirefox,
+  isPhone,
+  isTablet,
+  isDesktop,
+  isCombi,
+  isIOS,
+  isAndroid
+} from '@ui5/webcomponents-base';
 // export all media methods
 export { attachMediaHandler, detachMediaHandler, getCurrentRange } from './Media.js';
 

packages/base/src/context/I18nContext.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import type I18nBundle from '@ui5/webcomponents-base/dist/i18nBundle.js';
+import { I18nBundle } from '@ui5/webcomponents-base';
 import { createContext, useContext } from 'react';
 
 export const I18nContext = createContext<{

packages/base/src/hooks/useCurrentTheme.ts

@@ -1,7 +1,6 @@
 'use client';
 
-import { getTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
-import { attachThemeLoaded, detachThemeLoaded } from '@ui5/webcomponents-base/dist/Theming.js';
+import { attachThemeLoaded, detachThemeLoaded, getTheme } from '@ui5/webcomponents-base';
 import { useEffect, useState } from 'react';
 
 export function useCurrentTheme(): string {

packages/base/src/hooks/useI18nBundle.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import I18nBundle, { getI18nBundle } from '@ui5/webcomponents-base/dist/i18nBundle.js';
+import { I18nBundle, getI18nBundle } from '@ui5/webcomponents-base';
 import { useRef } from 'react';
 import { useI18nContext } from '../context/I18nContext.js';
 import { useIsomorphicLayoutEffect } from '../hooks/index.js';

packages/base/src/hooks/useIsRTL.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { getRTL } from '@ui5/webcomponents-base/dist/config/RTL.js';
+import { getRTL } from '@ui5/webcomponents-base';
 import { RefObject, useRef, useState } from 'react';
 import { useIsomorphicLayoutEffect } from '../hooks/index.js';