@didomi/stencil-react-output-target - npm Package Compare versions

Comparing version 0.1.4 to 0.1.6

dist/index.cjs.js

@@ -106,3 +106,6 @@ 'use strict';
 /* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';\n`;
+import { createReactComponent } from './react-component-lib';\n
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';\n
+import { StyleReactProps } from './react-component-lib/interfaces';\n`;
+    const typeDeclaration = 'type ReactComponent<T, P> = ForwardRefExoticComponent<PropsWithoutRef<T> & Omit<React.HTMLAttributes<P>, "style"> & StyleReactProps & RefAttributes<P>>;';
     const typeImports = !outputTarget.componentCorePackage
@@ -124,2 +127,3 @@ ? `import type { ${IMPORT_TYPES} } from '${normalizePath(componentsTypeFile)}';\n`
         typeImports,
+        typeDeclaration,
         sourceImports,
@@ -139,3 +143,4 @@ registerCustomElements,
 function createComponent(cmpMeta) {
-    return `let ${getComponentName(cmpMeta)};`;
+    const tagNameAsPascal = getComponentName(cmpMeta);
+    return `let ${tagNameAsPascal}: ReactComponent<JSX.${tagNameAsPascal}, HTML${tagNameAsPascal}Element>;`;
 }
@@ -142,0 +147,0 @@ function createComponentDefinition(cmpMeta) {

dist/index.js

@@ -100,3 +100,6 @@ import path from 'path';
 /* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';\n`;
+import { createReactComponent } from './react-component-lib';\n
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';\n
+import { StyleReactProps } from './react-component-lib/interfaces';\n`;
+    const typeDeclaration = 'type ReactComponent<T, P> = ForwardRefExoticComponent<PropsWithoutRef<T> & Omit<React.HTMLAttributes<P>, "style"> & StyleReactProps & RefAttributes<P>>;';
     const typeImports = !outputTarget.componentCorePackage
@@ -118,2 +121,3 @@ ? `import type { ${IMPORT_TYPES} } from '${normalizePath(componentsTypeFile)}';\n`
         typeImports,
+        typeDeclaration,
         sourceImports,
@@ -133,3 +137,4 @@ registerCustomElements,
 function createComponent(cmpMeta) {
-    return `let ${getComponentName(cmpMeta)};`;
+    const tagNameAsPascal = getComponentName(cmpMeta);
+    return `let ${tagNameAsPascal}: ReactComponent<JSX.${tagNameAsPascal}, HTML${tagNameAsPascal}Element>;`;
 }
@@ -136,0 +141,0 @@ function createComponentDefinition(cmpMeta) {

dist/output-react.js

@@ -22,3 +22,6 @@ import path from 'path';
 /* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';\n`;
+import { createReactComponent } from './react-component-lib';\n
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';\n
+import { StyleReactProps } from './react-component-lib/interfaces';\n`;
+    const typeDeclaration = 'type ReactComponent<T, P> = ForwardRefExoticComponent<PropsWithoutRef<T> & Omit<React.HTMLAttributes<P>, "style"> & StyleReactProps & RefAttributes<P>>;';
     const typeImports = !outputTarget.componentCorePackage
@@ -40,2 +43,3 @@ ? `import type { ${IMPORT_TYPES} } from '${normalizePath(componentsTypeFile)}';\n`
         typeImports,
+        typeDeclaration,
         sourceImports,
@@ -55,3 +59,4 @@ registerCustomElements,
 function createComponent(cmpMeta) {
-    return `let ${getComponentName(cmpMeta)};`;
+    const tagNameAsPascal = getComponentName(cmpMeta);
+    return `let ${tagNameAsPascal}: ReactComponent<JSX.${tagNameAsPascal}, HTML${tagNameAsPascal}Element>;`;
 }
@@ -58,0 +63,0 @@ function createComponentDefinition(cmpMeta) {

package.json

 {
   "name": "@didomi/stencil-react-output-target",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "React output target for @stencil/core components.",
@@ -58,3 +58,3 @@ "main": "dist/index.cjs.js",
   },
-  "gitHead": "1a13cdf433048ef8be324ef9d2073dd47b6822d0"
+  "gitHead": "7a68c62a26ec3a28194de38c110461acafb40558"
 }

No alert changes

Improved metrics

Total package byte prevSize

45462

increased by3.27%

Lines of code

1027

increased by1.48%

No dependency changes