chore: update from main

BuilderIO · Nov 1, 2024 · d8e4a11 · d8e4a11
1 parent d3ff8d3
commit d8e4a11
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 6 deletions.
diff --git a/.changeset/two-crabs-approve.md b/.changeset/two-crabs-approve.md
@@ -2,4 +2,4 @@
 '@builder.io/mitosis': patch
 ---
 
-fix: remove mapping onChange to input event for agular, lit, stencil and html
+[Angular, Lit, Stencil, HTML] fix: remove mapping onChange to input event 
diff --git a/packages/core/src/generators/html/generator.ts b/packages/core/src/generators/html/generator.ts
@@ -18,7 +18,6 @@ import { hasComponent } from '../../helpers/has-component';
 import { hasProps } from '../../helpers/has-props';
 import { hasStatefulDom } from '../../helpers/has-stateful-dom';
 import isChildren from '../../helpers/is-children';
-import { isComponent } from '../../helpers/is-component';
 import { isHtmlAttribute } from '../../helpers/is-html-attribute';
 import { isMitosisNode } from '../../helpers/is-mitosis-node';
 import { mapRefs } from '../../helpers/map-refs';

diff --git a/packages/core/src/generators/lit/generate.ts b/packages/core/src/generators/lit/generate.ts
@@ -93,9 +93,8 @@ const blockToLit = (json: MitosisNode, options: ToLitOptions = {}): string => {
       // https://lit.dev/docs/templates/directives/#ref
       str += ` ref="${code}" `;
     } else if (key.startsWith('on')) {
-      let useKey = key === 'onChange' && json.name === 'input' ? 'onInput' : key;
       const asyncKeyword = json.bindings[key]?.async ? 'async ' : '';
-      useKey = '@' + useKey.substring(2).toLowerCase();
+      const useKey = '@' + key.substring(2).toLowerCase();
 
       str += ` ${useKey}=\${${asyncKeyword}(${cusArgs.join(',')}) => ${processBinding(
         code as string,

diff --git a/packages/core/src/generators/stencil/blocks.ts b/packages/core/src/generators/stencil/blocks.ts
@@ -95,9 +95,8 @@ export const blockToStencil = (
       // TODO: Add correct type here
       str += ` ref={(el) => ${code.startsWith('this.') ? code : `this.${code}`} = el} `;
     } else if (isEvent(key)) {
-      const useKey = key === 'onChange' && blockName === 'input' ? 'onInput' : key;
       const asyncKeyword = json.bindings[key]?.async ? 'async ' : '';
-      str += ` ${useKey}={${asyncKeyword}(${cusArgs.join(',')}) => ${code}} `;
+      str += ` ${key}={${asyncKeyword}(${cusArgs.join(',')}) => ${code}} `;
     } else {
       str += ` ${key}={${code}} `;
     }