fix(es/typescript): Handle DeclareCollect correctly (#8008)

**Related issue:**

 - Closes #8007

Author: magic-akari

crates/swc_ecma_transforms_typescript/src/strip_import_export.rs

@@ -120,12 +120,21 @@ struct DeclareCollect {
     id_value: AHashSet<Id>,
 }
 
-// Only scan the top level of the module
+/// Only scan the top level of the module.
+/// Any inner declaration is ignored.
 impl Visit for DeclareCollect {
     fn visit_binding_ident(&mut self, n: &BindingIdent) {
         self.id_value.insert(n.to_id());
     }
 
+    fn visit_assign_pat_prop(&mut self, n: &AssignPatProp) {
+        self.id_value.insert(n.key.to_id());
+    }
+
+    fn visit_var_declarator(&mut self, n: &VarDeclarator) {
+        n.name.visit_with(self);
+    }
+
     fn visit_fn_decl(&mut self, n: &FnDecl) {
         self.id_value.insert(n.ident.to_id());
     }
@@ -134,6 +143,10 @@ impl Visit for DeclareCollect {
         self.id_value.insert(n.ident.to_id());
     }
 
+    fn visit_ts_enum_decl(&mut self, n: &TsEnumDecl) {
+        self.id_value.insert(n.id.to_id());
+    }
+
     fn visit_export_default_decl(&mut self, n: &ExportDefaultDecl) {
         match &n.decl {
             DefaultDecl::Class(ClassExpr {
@@ -202,6 +215,14 @@ impl Visit for DeclareCollect {
             });
     }
 
+    fn visit_stmt(&mut self, n: &Stmt) {
+        if !n.is_decl() {
+            return;
+        }
+
+        n.visit_children_with(self);
+    }
+
     fn visit_stmts(&mut self, _: &[Stmt]) {
         // skip
     }

crates/swc_ecma_transforms_typescript/tests/fixture/issue-8007/1/input.ts

@@ -0,0 +1,63 @@
+import { useMemo } from "react";
+import { type SerializedStyles, type Theme, css } from "@emotion/react";
+import { type Breakpoint, theme } from "antd";
+
+import { useMediaQuery } from "./hooks";
+
+export { type Breakpoint } from "antd";
+
+export const getMQ = (token: Theme["token"]) => ({
+    xsMin: `@media (min-width: ${token.screenXSMin}px)`,
+    xsMax: `@media (max-width: ${token.screenXSMax}px)`,
+    smMin: `@media (min-width: ${token.screenSMMin}px)`,
+    smMax: `@media (max-width: ${token.screenSMMax}px)`,
+    mdMin: `@media (min-width: ${token.screenMDMin}px)`,
+    mdMax: `@media (max-width: ${token.screenMDMax}px)`,
+    lgMin: `@media (min-width: ${token.screenLGMin}px)`,
+    lgMax: `@media (max-width: ${token.screenLGMax}px)`,
+    xlMin: `@media (min-width: ${token.screenXLMin}px)`,
+    xlMax: `@media (max-width: ${token.screenXLMax}px)`,
+    xxlMin: `@media (min-width: ${token.screenXXLMin}px)`,
+});
+
+export const useBreakpoint = (breakpoint: Breakpoint) => {
+    const { token } = theme.useToken();
+
+    const query = useMemo(() => {
+        const key =
+            breakpoint === "xs"
+                ? "xsMax"
+                : (`${breakpoint}Min` satisfies `${Breakpoint}Min`);
+
+        return getMQ(token)[key].replace("@media ", "");
+    }, [breakpoint, token]);
+
+    return useMediaQuery(query);
+};
+
+export const createStyles = <
+    T extends Record<
+        string,
+        SerializedStyles | ((theme: Theme) => SerializedStyles)
+    >
+>(
+    arg: T
+) => arg;
+
+/**
+ * Reusable styles
+ */
+
+export const centeredCss = css({
+    display: "grid",
+    placeContent: "center",
+    height: "100%",
+});
+
+export const fullVPHeightCss = css({
+    height: "100vh",
+});
+
+export const noMargin = css({
+    margin: "0 !important",
+});

crates/swc_ecma_transforms_typescript/tests/fixture/issue-8007/1/output.js

@@ -0,0 +1,42 @@
+import { useMemo } from "react";
+import { css } from "@emotion/react";
+import { theme } from "antd";
+import { useMediaQuery } from "./hooks";
+export const getMQ = (token)=>({
+        xsMin: `@media (min-width: ${token.screenXSMin}px)`,
+        xsMax: `@media (max-width: ${token.screenXSMax}px)`,
+        smMin: `@media (min-width: ${token.screenSMMin}px)`,
+        smMax: `@media (max-width: ${token.screenSMMax}px)`,
+        mdMin: `@media (min-width: ${token.screenMDMin}px)`,
+        mdMax: `@media (max-width: ${token.screenMDMax}px)`,
+        lgMin: `@media (min-width: ${token.screenLGMin}px)`,
+        lgMax: `@media (max-width: ${token.screenLGMax}px)`,
+        xlMin: `@media (min-width: ${token.screenXLMin}px)`,
+        xlMax: `@media (max-width: ${token.screenXLMax}px)`,
+        xxlMin: `@media (min-width: ${token.screenXXLMin}px)`
+    });
+export const useBreakpoint = (breakpoint)=>{
+    const { token } = theme.useToken();
+    const query = useMemo(()=>{
+        const key = breakpoint === "xs" ? "xsMax" : `${breakpoint}Min`;
+        return getMQ(token)[key].replace("@media ", "");
+    }, [
+        breakpoint,
+        token
+    ]);
+    return useMediaQuery(query);
+};
+export const createStyles = (arg)=>arg;
+/**
+ * Reusable styles
+ */ export const centeredCss = css({
+    display: "grid",
+    placeContent: "center",
+    height: "100%"
+});
+export const fullVPHeightCss = css({
+    height: "100vh"
+});
+export const noMargin = css({
+    margin: "0 !important"
+});

crates/swc_ecma_transforms_typescript/tests/fixture/issue-8007/2/input.ts

@@ -0,0 +1,9 @@
+import { A } from 'mod';
+
+const foo = <
+  T extends ((A: any) => void),
+  >(
+    arg: T,
+) => arg;
+
+console.log(A);

crates/swc_ecma_transforms_typescript/tests/fixture/issue-8007/2/output.js

@@ -0,0 +1,3 @@
+import { A } from 'mod';
+const foo = (arg)=>arg;
+console.log(A);