create internal folder and move internals there

Author: Lukas742

packages/base/package.json

@@ -51,14 +51,11 @@
       "types": "./dist/utils/index.d.ts",
       "default": "./dist/utils/index.js"
     },
-    "./internal/types": {
-      "types": "./dist/types/internal/index.d.ts",
-      "default": "./dist/types/internal/index.js"
-    },
-    "./internal/addCustomCSSWithScoping": {
-      "types": "./dist/utils/addCustomCSSWithScoping.d.ts",
-      "default": "./dist/utils/addCustomCSSWithScoping.js"
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/types/index.js"
     },
+    "./internal": "./dist/internal",
     "./internal/addCustomCSSWithScoping.js": "./dist/utils/addCustomCSSWithScoping.js"
   },
   "homepage": "https://sap.github.io/ui5-webcomponents-react",

packages/base/src/hooks/index.ts

@@ -1,17 +1,4 @@
-import { useCurrentTheme } from './useCurrentTheme.js';
 import { useI18nBundle } from './useI18nBundle.js';
-import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
-import { useIsRTL } from './useIsRTL.js';
-import { useStylesheet } from './useStylesheet.js';
-import { useSyncRef } from './useSyncRef.js';
 import { useViewportRange } from './useViewportRange.js';
 
-export {
-  useI18nBundle,
-  useIsomorphicLayoutEffect,
-  useIsRTL,
-  useSyncRef,
-  useViewportRange,
-  useStylesheet,
-  useCurrentTheme,
-};
+export { useI18nBundle, useViewportRange };

packages/base/src/hooks/useI18nBundle.ts

@@ -2,7 +2,7 @@
 
 import I18nBundle from '@ui5/webcomponents-base/dist/i18nBundle.js';
 import { useEffect, useSyncExternalStore } from 'react';
-import { I18nStore } from '../stores/I18nStore.js';
+import { I18nStore } from '../internal/stores/I18nStore.js';
 
 const defaultBundle = new I18nBundle('defaultBundle');
 

packages/base/src/index.ts

@@ -1,16 +1,18 @@
 import * as Device from './Device/index.js';
 import VersionInfo from './generated/VersionInfo.js';
 import * as hooks from './hooks/index.js';
-import { I18nStore } from './stores/I18nStore.js';
-import { StyleStore } from './stores/StyleStore.js';
+import { I18nStore } from './internal/stores/I18nStore.js';
+import { StyleStore } from './internal/stores/StyleStore.js';
+import { withWebComponent } from './internal/wrapper/withWebComponent.js';
+import type { WithWebComponentPropTypes } from './internal/wrapper/withWebComponent.js';
 import { ThemingParameters } from './styling/ThemingParameters.js';
-import { withWebComponent } from './wrapper/withWebComponent.js';
-import type { WithWebComponentPropTypes } from './wrapper/withWebComponent.js';
 
-export * from './styling/CssSizeVariables.js';
-export * from './utils/index.js';
+export * from './internal/styling/CssSizeVariables.js';
+export * from './internal/utils/index.js';
 export * from './hooks/index.js';
-export type * from './types/internal/index.js';
+export * from './internal/hooks/index.js';
+export type * from './internal/types/index.js';
+export type * from './types/index.js';
 
 export { I18nStore, StyleStore, ThemingParameters, Device, hooks, withWebComponent };
 export type { WithWebComponentPropTypes };

packages/base/src/internal/hooks/index.ts

@@ -0,0 +1,7 @@
+import { useCurrentTheme } from './useCurrentTheme.js';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
+import { useIsRTL } from './useIsRTL.js';
+import { useStylesheet } from './useStylesheet.js';
+import { useSyncRef } from './useSyncRef.js';
+
+export { useIsomorphicLayoutEffect, useIsRTL, useSyncRef, useStylesheet, useCurrentTheme };

…ckages/base/src/hooks/useCurrentTheme.ts …se/src/internal/hooks/useCurrentTheme.tspackages/base/src/hooks/useCurrentTheme.ts renamed to packages/base/src/internal/hooks/useCurrentTheme.ts packages/base/src/hooks/useCurrentTheme.ts renamed to packages/base/src/internal/hooks/useCurrentTheme.ts

@@ -3,7 +3,7 @@
 import { attachDirectionChange, detachDirectionChange } from '@ui5/webcomponents-base/dist/locale/directionChange.js';
 import type { RefObject } from 'react';
 import { useRef, useState } from 'react';
-import { useIsomorphicLayoutEffect } from '../hooks/index.js';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 
 const useIsRTL = <RefType extends HTMLElement>(elementRef: RefObject<RefType>): boolean => {
   const [isRTL, setRTL] = useState(false); // initial value is always LTR (also for SSR)