Update config

swisspost · Oct 31, 2024 · 8bf1875 · 8bf1875
1 parent 596f9a1
commit 8bf1875
Show file tree

Hide file tree

Showing 8 changed files with 234 additions and 162 deletions.
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
@@ -32,6 +32,7 @@
     "@swisspost/design-system-components": "workspace:9.0.0-next.3"
   },
   "devDependencies": {
+    "@stencil/react-output-target": "0.7.3",
     "@types/node": "20.14.14",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",

diff --git a/packages/components-react/src/components/index.ts b/packages/components-react/src/components/index.ts
diff --git a/packages/components-react/src/index.ts b/packages/components-react/src/index.ts
@@ -1,2 +1,2 @@
 'use client';
-export * from './components';
+export * from './stencil-generated/components';
diff --git a/packages/components-react/tsconfig.json b/packages/components-react/tsconfig.json
@@ -7,8 +7,8 @@
     "experimentalDecorators": true,
     "esModuleInterop": true,
     "lib": ["dom", "es2015"],
-    "module": "es2015",
-    "moduleResolution": "node",
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "noImplicitAny": true,
     "noImplicitReturns": true,
     "noUnusedLocals": true,
@@ -19,13 +19,8 @@
     "jsx": "react",
     "target": "es2015"
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx"
-  ],
-  "exclude": [
-    "**/__tests__/**"
-  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["**/__tests__/**"],
   "compileOnSave": false,
   "buildOnSave": false
 }
diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts
@@ -556,7 +556,7 @@ declare global {
         new (): HTMLPostTabPanelElement;
     };
     interface HTMLPostTabsElementEventMap {
-        "postChange": HTMLPostTabPanelElement['name'];
+        "postChange": string;
     }
     interface HTMLPostTabsElement extends Components.PostTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPostTabsElementEventMap>(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent<HTMLPostTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -871,7 +871,7 @@ declare namespace LocalJSX {
         /**
           * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished. The payload is the name of the newly shown panel.
          */
-        "onPostChange"?: (event: PostTabsCustomEvent<HTMLPostTabPanelElement['name']>) => void;
+        "onPostChange"?: (event: PostTabsCustomEvent<string>) => void;
     }
     interface PostTag {
         /**

diff --git a/packages/components/src/components/post-tabs/post-tabs.tsx b/packages/components/src/components/post-tabs/post-tabs.tsx
@@ -39,7 +39,7 @@ export class PostTabs {
    * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
    * The payload is the name of the newly shown panel.
    */
-  @Event() postChange: EventEmitter<HTMLPostTabPanelElement['name']>;
+  @Event() postChange: EventEmitter<string>;
 
   componentDidLoad() {
     this.moveMisplacedTabs();

diff --git a/packages/components/stencil.config.ts b/packages/components/stencil.config.ts
@@ -47,9 +47,8 @@ export const config: Config = {
       file: 'dist/docs.json',
     },
     reactOutputTarget({
-      componentCorePackage: '@swisspost/design-system-components',
-      proxiesFile: '../components-react/src/components/stencil-generated/index.ts',
-      includeDefineCustomElements: true,
+      stencilPackageName: '@swisspost/design-system-components',
+      outDir: '../components-react/src/stencil-generated',
     }),
     angularOutputTarget({
       componentCorePackage: '@swisspost/design-system-components',