@wise/wds-codemods 0.0.1-experimental-6c2101b

package/test-button.tsx

@@ -0,0 +1,230 @@
+import { ActionButton, Button } from '@transferwise/components';
+import { Settings, ArrowRight, ArrowLeft } from '@transferwise/icons';
+
+export default function Test() {
+  return (
+    <>
+      {/* Supported priorities (should NOT warn) */}
+      <ActionButton priority="primary">Primary</ActionButton>
+      <ActionButton priority="secondary">Secondary</ActionButton>
+      <ActionButton priority="tertiary">Tertiary</ActionButton>
+      {/* Supported priorities with icon (should NOT warn) */}
+      <ActionButton priority="primary">
+        <Settings />
+        Primary
+      </ActionButton>
+      <ActionButton priority="secondary">
+        <Settings />
+        Secondary
+      </ActionButton>
+      <ActionButton priority="tertiary">
+        <Settings />
+        Tertiary
+      </ActionButton>
+      {/* No priority (should NOT warn, default is primary) */}
+      <ActionButton>Default</ActionButton>
+      {/* Spread props (should warn) */}
+      <ActionButton {...props}>Spread</ActionButton>
+      <ActionButton priority="primary" {...otherProps}>
+        Spread
+      </ActionButton>
+      {/* Unsupported string value (should warn) */}
+      <ActionButton priority="super-primary">Unsupported</ActionButton>
+      {/* Enum values (should NOT warn if mapped, should warn if not) */}
+      <ActionButton priority={Priority.PRIMARY}>Enum Primary</ActionButton>
+      <ActionButton priority={Priority.SECONDARY}>Enum Secondary</ActionButton>
+      <ActionButton priority={Priority.TERTIARY}>Enum Tertiary</ActionButton>
+      <ActionButton priority={Priority.UNKNOWN}>Enum Unknown</ActionButton> {/* Should warn */}
+      {/* Identifier (should warn) */}
+      <ActionButton priority={somePriority}>Identifier</ActionButton>
+      {/* Function call (should warn) */}
+      <ActionButton priority={getPriority()}>Function Call</ActionButton>
+      {/* Conditional expression (should warn) */}
+      <ActionButton priority={isPrimary ? 'primary' : 'secondary'}>Conditional</ActionButton>
+      {/* Member expression (should warn if not mapped) */}
+      <ActionButton priority={props.priority}>Member Expression</ActionButton>
+      {/* With text prop (should NOT warn, but should be migrated to children) */}
+      <ActionButton text="Text prop" />
+      {/* With text prop and children (should NOT warn, but children take precedence) */}
+      <ActionButton text="Text prop">Child</ActionButton>
+      {/* Disabled (should NOT warn) */}
+      <ActionButton disabled>Disabled</ActionButton>
+      {/* With className and onClick (should NOT warn) */}
+      <ActionButton className="foo" onClick={() => {}}>
+        With className and onClick
+      </ActionButton>
+      {/* All ambiguous (should warn for each) */}
+      <ActionButton priority={foo} text={bar} {...baz}>
+        Ambiguous
+      </ActionButton>
+      {/* Ambiguous icon usage: conditional expression (should warn) */}
+      <ActionButton>
+        {isActive ? <Settings /> : <ArrowRight />}
+        Action
+      </ActionButton>
+      {/* Ambiguous icon usage: function call (should warn) */}
+      <ActionButton>
+        {getIcon()}
+        Action
+      </ActionButton>
+      {/* Ambiguous icon usage: identifier (should warn) */}
+      <ActionButton>
+        {iconComponent}
+        Action
+      </ActionButton>
+      {/* Ambiguous icon usage: member expression (should warn) */}
+      <ActionButton>
+        {props.icon}
+        Action
+      </ActionButton>
+      {/* Button with icon as first child (should map to addonStart, no warning) */}
+      <Button size="sm" priority="primary" type="accent">
+        <Settings />
+        Continue
+      </Button>
+      {/* Button with icon as last child (should map to addonEnd, no warning) */}
+      <Button size="sm" priority="primary" type="accent">
+        Continue
+        <ArrowRight />
+      </Button>
+      {/* Button with icon in the middle (should map to addonStart or addonEnd, depending on codemod logic) */}
+      <Button size="sm" priority="primary" type="accent">
+        Continue
+        <ArrowRight />
+        Now
+      </Button>
+      {/* Button with two icons (should map first to addonStart, second to addonEnd) */}
+      <Button size="sm" priority="primary" type="accent">
+        <ArrowLeft />
+        Continue
+        <ArrowRight />
+      </Button>
+      {/* Button with icon wrapped in JSX expression (should still map, no warning) */}
+      <Button size="sm" priority="primary" type="accent">
+        {<Settings />}
+        Continue
+      </Button>
+      {/* Button with icon and ambiguous prop (should warn for prop, not for icon) */}
+      <Button size={getSize()}>
+        <Settings />
+        Continue
+      </Button>
+      {/* ActionButton with icon as first child (should map to addonStart, no warning) */}
+      <ActionButton priority="primary">
+        <Settings />
+        Action
+      </ActionButton>
+      {/* ActionButton with icon as last child (should map to addonEnd, no warning) */}
+      <ActionButton priority="primary">
+        Action
+        <ArrowRight />
+      </ActionButton>
+      {/* ActionButton with icon and ambiguous prop (should warn for prop, not for icon) */}
+      <ActionButton priority={somePriority}>
+        <Settings />
+        Action
+      </ActionButton>
+      {/* ActionButton with icon and spread props (should warn for spread) */}
+      <ActionButton {...props}>
+        <Settings />
+        Action
+      </ActionButton>
+      {/* Supported values (should NOT warn) */}
+      <Button size="sm" priority="primary" type="accent" />
+      <Button size="md" priority="secondary" type="submit" />
+      <Button sentiment="negative" />
+      {/* Spread props (should warn) */}
+      <Button {...props} />
+      <Button size="sm" {...otherProps} />
+      {/* Unsupported string values (should warn) */}
+      <Button size="huge" />
+      <Button priority="super-primary" />
+      <Button type="unknown" />
+      <Button sentiment="neutral" />
+      {/* Enum values (should NOT warn if mapped, should warn if not) */}
+      <Button size={Size.EXTRA_SMALL} priority={Priority.SECONDARY} type={ControlType.NEGATIVE} />
+      <Button size={Size.UNKNOWN} /> {/* Should warn: unknown enum */}
+      <Button priority={Priority.UNKNOWN} /> {/* Should warn: unknown enum */}
+      <Button type={ControlType.UNKNOWN} /> {/* Should warn: unknown enum */}
+      {/* Identifiers (should warn) */}
+      <Button size={dynamicSize} />
+      <Button priority={somePriority} />
+      <Button type={someType} />
+      {/* Function calls (should warn) */}
+      <Button size={getSize()} />
+      <Button priority={getPriority()} />
+      <Button type={getType()} />
+      {/* Conditional expressions (should warn) */}
+      <Button size={isBig ? 'lg' : 'sm'} />
+      <Button priority={isPrimary ? 'primary' : 'secondary'} />
+      <Button type={isAccent ? 'accent' : 'primary'} />
+      {/* Member expressions (should warn if not mapped) */}
+      <Button size={props.size} />
+      <Button priority={props.priority} />
+      <Button type={props.type} />
+      {/* htmlType prop (should warn if unsupported) */}
+      <Button htmlType="magic" />
+      <Button htmlType={getHtmlType()} />
+      {/* Multiple ambiguous props (should warn for each) */}
+      <Button size={getSize()} priority={somePriority} type="unknown" />
+      {/* as="a" without href (should not warn, but should add href) */}
+      <Button as="a" />
+      {/* as="a" with href (should not warn) */}
+      <Button as="a" href="/foo" />
+      {/* as="a" with spread (should warn for spread) */}
+      <Button as="a" {...props} />
+      {/* All legacy props as ambiguous */}
+      <Button size={foo} priority={bar} type={baz} htmlType={qux} sentiment={quux} />
+      {/* No legacy props (should NOT warn) */}
+      <Button block />
+      {/* Supported string literals */}
+      <Button size="sm" priority="primary" type="accent" />
+      <Button size="md" priority="secondary" type="submit" />
+      <Button size="lg" priority="tertiary" type="danger" />
+      <Button size="xl" priority="secondary-neutral" type="link" />
+      <Button size="xs" priority="primary" type="pay" />
+      <Button sentiment="negative" />
+      <Button type="button" />
+      <Button type="reset" />
+      <Button htmlType="submit" />
+      <Button htmlType="button" />
+      <Button htmlType="reset" />
+      {/* Supported enum values (assuming your codemod maps these correctly) */}
+      <Button size={Size.SMALL} priority={Priority.PRIMARY} type={ControlType.ACCENT} />
+      <Button size={Size.MEDIUM} priority={Priority.SECONDARY} type={ControlType.POSITIVE} />
+      <Button size={Size.LARGE} priority={Priority.TERTIARY} type={ControlType.DANGER} />
+      <Button
+        size={Size.EXTRA_SMALL}
+        priority={Priority.SECONDARY_NEUTRAL}
+        type={ControlType.LINK}
+      />
+      <Button size={Size.EXTRA_LARGE} priority={Priority.PRIMARY} type={ControlType.PAY} />
+      <Button sentiment={Sentiment.NEGATIVE} />
+      <Button type={ControlType.BUTTON} />
+      <Button type={ControlType.RESET} />
+      <Button htmlType={HtmlType.SUBMIT} />
+      <Button htmlType={HtmlType.BUTTON} />
+      <Button htmlType={HtmlType.RESET} />
+      {/* No legacy props */}
+      <Button block />
+      <Button disabled />
+      <Button style={{ color: 'red' }} />
+      <Button href="/foo" />
+      <Button v2 />
+      <Button />
+      {/* as="a" with href */}
+      <Button as="a" href="/account" />
+      <Button as="a" href="#" />
+      {/* Combination of supported props */}
+      <Button size="sm" priority="primary" type="accent" block disabled />
+      <Button
+        size={Size.SMALL}
+        priority={Priority.PRIMARY}
+        type={ControlType.ACCENT}
+        block
+        disabled
+      />
+      <Button size="md" priority="secondary" type="submit" style={{ color: 'blue' }} />
+    </>
+  );
+}

package/test-file.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const foo = 123;

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "outDir": "dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "src/utils/createTestTransform.ts"]
+}

package/tsup.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  dts: true,
+  splitting: false,
+  sourcemap: true,
+  clean: true,
+  target: 'es2022',
+  outDir: 'dist',
+  platform: 'node',
+});