Merge pull request #2029 from Infineon/1906-typescript-error-message-when-importing-the-wrapper-components-in-typescript

tishoyanchev · web-flow · commit 1a04066bb3e1 · 2025-11-14T11:03:24.000+01:00
Adds type declarations for React, Vue and Angular
diff --git a/examples/wrapper-components/react-vite-js/package.json b/examples/wrapper-components/react-vite-js/package.json
@@ -18,7 +18,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-react": "38.7.1",
+    "@infineon/infineon-design-system-react": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
diff --git a/examples/wrapper-components/vue-javascript/package.json b/examples/wrapper-components/vue-javascript/package.json
@@ -15,7 +15,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-vue": "38.7.1",
+    "@infineon/infineon-design-system-vue": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "vite": "^5.0.12",
diff --git a/lerna.json b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "38.7.1",
+  "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
   "command": {
     "publish": {
       "verifyAccess": false
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "38.7.1",
+  "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "38.7.1",
+  "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -14,7 +14,7 @@
     "@infineon/infineon-design-system-stencil": "38.1.1"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-stencil": "38.7.1",
+    "@infineon/infineon-design-system-stencil": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
diff --git a/packages/components-angular/projects/component-library/tsconfig.fix.json b/packages/components-angular/projects/component-library/tsconfig.fix.json
diff --git a/packages/components-angular/tsconfig.json b/packages/components-angular/tsconfig.json
@@ -7,16 +7,16 @@
         "dist/@infineon/infineon-design-system-angular"
       ]
     },
-    "outDir": "./dist/out-tsc",
+    "outDir": "./dist/@infineon/infineon-design-system-angular",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
+    "declaration": true,
+     "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
diff --git a/packages/components-react/lib/components/stencil-generated/index.ts b/packages/components-react/lib/components/stencil-generated/index.ts
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "38.7.1",
+  "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
diff --git a/packages/components-react/tsconfig.json b/packages/components-react/tsconfig.json
@@ -2,9 +2,11 @@
   // "extends": "../../tsconfig.react.json",
   "compilerOptions": {
     "outDir": "./dist",
+    "declarationDir": "./dist/types",
     "target": "ES2020",
     "useDefineForClassFields": true,
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "declaration": true,
 
     "module": "ESNext",
     "skipLibCheck": true,
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "38.7.1",
+  "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "5.0.0",
-    "@infineon/infineon-design-system-stencil": "38.7.1"
+    "@infineon/infineon-design-system-stencil": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0"
   },
   "auto": {
     "plugins": [
diff --git a/packages/components/framework-output-targets.ts b/packages/components/framework-output-targets.ts
@@ -26,8 +26,6 @@ const angularValueAccessorBindings: ValueAccessorConfig[] = [
   },
 ];
 
-const excludeComponents = [
-];
 
 export const frameworkTargets = [
   angularOutputTarget({
@@ -44,12 +42,10 @@ export const frameworkTargets = [
     componentModels: vueComponentModels,
     includePolyfills: true,
     // includeDefineCustomElements: true, // This is what tells the target to use the custom elements output
-    excludeComponents,
 
   }),
   reactOutputTarget({
     outDir: '../components-react/src',
-     // excludeComponents,
   }),
 
 ];
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "38.7.1",
+  "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",
diff --git a/packages/components/tsconfig.json b/packages/components/tsconfig.json
@@ -2,7 +2,7 @@
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
     "allowUnreachableCode": false,
-    "declaration": false,
+    "declaration": true,
     "experimentalDecorators": true,
     "lib": [
       "dom",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"$schema": "node_modules/lerna/schemas/lerna-schema.json",`
`3`		`- "version": "38.7.1",`
	`3`	`+ "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",`
`4`	`4`	`"command": {`
`5`	`5`	`"publish": {`
`6`	`6`	`"verifyAccess": false`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "components-angular",`
`3`		`- "version": "38.7.1",`
	`3`	`+ "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"ng": "ng",`
`6`	`6`	`"start": "ng serve",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@infineon/infineon-design-system-react",`
`3`		`- "version": "38.7.1",`
	`3`	`+ "version": "38.7.2--canary.2029.ec0c2040e19a82ef1584551c36cf7c2ecc4aa126.0",`
`4`	`4`	`"description": "Infineon design system Stencil web components for React",`
`5`	`5`	`"main": "./dist/index.js",`
`6`	`6`	`"types": "./dist/types/index.d.ts",`