Merge pull request #156 from break-stuff/fix-union-types

update to use intersection types
break-stuff · Oct 10, 2024 · 3da36e4 · 3da36e4
2 parents 66cce8e + 0b65896
commit 3da36e4
Show file tree

Hide file tree

Showing 14 changed files with 32 additions and 11 deletions.
diff --git a/demo/lit-app/custom-elements-svelte.d.ts b/demo/lit-app/custom-elements-svelte.d.ts
@@ -147,7 +147,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **radio-label** - Applies custom styles the radio group label
    */
-  "radio-group": Partial<RadioGroupProps | BaseProps | BaseEvents>;
+  "radio-group": Partial<RadioGroupProps & BaseProps & BaseEvents>;
 
   /**
    * Radio buttons allow users to select a single option from a group. Here is its [documentation](https://my-site.com/documentation).
@@ -162,7 +162,7 @@ export type CustomElements = {
    * ### **Slots:**
    *  - _default_ - add text here to label your radio button
    */
-  "radio-button": Partial<RadioButtonProps | BaseProps | BaseEvents>;
+  "radio-button": Partial<RadioButtonProps & BaseProps & BaseEvents>;
 
   /**
    * @deprecated An example of a deprecated element
@@ -172,7 +172,7 @@ export type CustomElements = {
    *
    */
   "deprecated-element": Partial<
-    DeprecatedElementProps | BaseProps | BaseEvents
+    DeprecatedElementProps & BaseProps & BaseEvents
   >;
 
   /**
@@ -181,7 +181,7 @@ export type CustomElements = {
    * ---
    *
    */
-  "my-button": Partial<MyButtonProps | BaseProps | BaseEvents>;
+  "my-button": Partial<MyButtonProps & BaseProps & BaseEvents>;
 };
 
 declare namespace svelteHTML {

diff --git a/packages/jsx-integration/CHANGELOG.md b/packages/jsx-integration/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 1.5.3
+
+- Updated to use intersection types rather than union types
+
 ## 1.5.2
 
 - Fixed async file output

diff --git a/packages/jsx-integration/package.json b/packages/jsx-integration/package.json
@@ -1,6 +1,6 @@
 {
   "name": "custom-element-jsx-integration",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Tools for integrating custom elements into JSX projects",
   "main": "index.js",
   "module": "index.js",

diff --git a/packages/react-wrappers/CHANGELOG.md b/packages/react-wrappers/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 1.6.8
+
+- Updated to import `React` in types
+
 ## 1.6.7
 
 - Fixed binding for custom event listener

diff --git a/packages/react-wrappers/package.json b/packages/react-wrappers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "custom-element-react-wrappers",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "description": "A tool for generating react-compatible wrappers for custom elements",
   "main": "index.js",
   "module": "index.js",

diff --git a/packages/react-wrappers/src/wrapper-generator.ts b/packages/react-wrappers/src/wrapper-generator.ts
@@ -423,6 +423,7 @@ function getTypeDefinitionTemplate(
   const eventTypes = getCustomEventTypes(component);
 
   return `
+    import React from "react";
     import { 
       ${config.defaultExport ? "default" : component.name} as ${
         component.name

diff --git a/packages/solidjs-integration/CHANGELOG.md b/packages/solidjs-integration/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 1.8.2
+
+- Updated to use intersection types rather than union types
+
 ## 1.8.1
 
 - Fixed async file output

diff --git a/packages/solidjs-integration/package.json b/packages/solidjs-integration/package.json
@@ -1,6 +1,6 @@
 {
   "name": "custom-element-solidjs-integration",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "description": "Tools for integrating custom elements into SolidJS",
   "main": "index.js",
   "module": "index.js",

diff --git a/packages/solidjs-integration/src/type-generator.ts b/packages/solidjs-integration/src/type-generator.ts
@@ -216,7 +216,7 @@ ${components
     */
     "${options.prefix}${component.tagName}${options.suffix}": Partial<${
       component.name
-    }Props | BaseProps | BaseEvents>;`;
+    }Props & BaseProps & BaseEvents>;`;
   })
   .join("\n")}
   }

diff --git a/packages/svelte-integration/CHANGELOG.md b/packages/svelte-integration/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 1.1.2
+
+- Updated to use intersection types rather than union types
+
 ## 1.1.1
 
 - Fixed async file output

diff --git a/packages/svelte-integration/package.json b/packages/svelte-integration/package.json
@@ -1,6 +1,6 @@
 {
   "name": "custom-element-svelte-integration",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Tools for integrating custom elements into a Svelte project",
   "main": "index.js",
   "module": "index.js",

diff --git a/packages/svelte-integration/src/type-generator.ts b/packages/svelte-integration/src/type-generator.ts
@@ -187,7 +187,7 @@ ${components
     */
     "${options.prefix}${component.tagName}${options.suffix}": Partial<${
       component.name
-    }Props | BaseProps | BaseEvents>;`;
+    }Props & BaseProps & BaseEvents>;`;
   })
   .join("\n")}
   }

diff --git a/packages/vuejs-integration/CHANGELOG.md b/packages/vuejs-integration/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 1.3.3
+
+- Updated to use intersection types rather than union types
+
 ## 1.3.2
 
 - Fixed async file output

diff --git a/packages/vuejs-integration/package.json b/packages/vuejs-integration/package.json
@@ -1,6 +1,6 @@
 {
   "name": "custom-element-vuejs-integration",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Types for integrating custom elements into Vue.js projects",
   "main": "index.js",
   "module": "index.js",