@carbon/upgrade 11.22.0 → 11.23.0

package/cli.js

@@ -52641,6 +52641,49 @@ var upgrades = [
           });
         }
       },
+      {
+        name: "slug-prop-to-decorator-prop",
+        description: `
+          Replace slug prop with decorator
+          
+          Transforms:
+          <Component slug="value">
+            content
+          </Component>
+      
+          Into:
+          <Component decorator="value">
+            content
+          </Component>
+        `,
+        migrate: async (options) => {
+          const transform = import_path2.default.join(
+            TRANSFORM_DIR,
+            "slug-prop-to-decorator-prop.js"
+          );
+          const paths = Array.isArray(options.paths) && options.paths.length > 0 ? options.paths : await (0, import_fast_glob2.default)(["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"], {
+            cwd: options.workspaceDir,
+            ignore: [
+              "**/es/**",
+              "**/lib/**",
+              "**/umd/**",
+              "**/node_modules/**",
+              "**/storybook-static/**",
+              "**/dist/**",
+              "**/build/**",
+              "**/*.d.ts",
+              "**/coverage/**"
+            ]
+          });
+          await run2({
+            dry: !options.write,
+            transform,
+            paths,
+            verbose: options.verbose,
+            parser: "tsx"
+          });
+        }
+      },
       {
         name: "refactor-light-to-layer",
         description: `
@@ -52673,6 +52716,62 @@ var upgrades = [
           });
         }
       },
+      {
+        name: "enable-v12-tile-radio-icons",
+        description: `
+          Wrap RadioTile components with FeatureFlags enableV12TileRadioIcons
+          
+          Transforms:
+          
+          1. TileGroup with RadioTile:
+          <TileGroup>
+            <RadioTile>...</RadioTile>
+          </TileGroup>
+          
+          Into:
+          <FeatureFlags enableV12TileRadioIcons>
+            <TileGroup>
+              <RadioTile>...</RadioTile>
+            </TileGroup>
+          </FeatureFlags>
+      
+          2. Standalone RadioTile:
+          <RadioTile>...</RadioTile>
+          
+          Into:
+          <FeatureFlags enableV12TileRadioIcons>
+            <RadioTile>...</RadioTile>
+          </FeatureFlags>
+        `,
+        migrate: async (options) => {
+          const transform = import_path2.default.join(
+            TRANSFORM_DIR,
+            "enable-v12-tile-radio-icons.js"
+          );
+          const paths = Array.isArray(options.paths) && options.paths.length > 0 ? options.paths : await (0, import_fast_glob2.default)(["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"], {
+            cwd: options.workspaceDir,
+            ignore: [
+              "**/es/**",
+              "**/lib/**",
+              "**/umd/**",
+              "**/node_modules/**",
+              "**/storybook-static/**",
+              "**/dist/**",
+              "**/build/**",
+              "**/*.d.ts",
+              "**/coverage/**"
+            ]
+          });
+          await run2({
+            dry: !options.write,
+            transform,
+            paths,
+            verbose: options.verbose,
+            parser: "tsx"
+            // Enable parsing of TSX files
+          });
+        }
+      },
       {
         name: "refactor-to-callout",
         description: "Rewrites imports and usages of StaticNotification to Callout",
@@ -52696,6 +52795,61 @@ var upgrades = [
           });
         }
       },
+      {
+        name: "enable-v12-tile-default-icons",
+        description: `
+          Wrap Tile and TileGroup components with FeatureFlags enableV12TileDefaultIcons
+      
+          Transforms:
+          1. TileGroup with Tiles:
+          <TileGroup>
+            <Tile>...</Tile>
+          </TileGroup>
+      
+          Into:
+          <FeatureFlags enableV12TileDefaultIcons>
+            <TileGroup>
+              <Tile>...</Tile>
+            </TileGroup>
+          </FeatureFlags>
+      
+          2. Standalone Tile:
+          <Tile>...</Tile>
+      
+          Into:
+          <FeatureFlags enableV12TileDefaultIcons>
+            <Tile>...</Tile>
+          </FeatureFlags>
+        `,
+        migrate: async (options) => {
+          const transform = import_path2.default.join(
+            TRANSFORM_DIR,
+            "enable-v12-tile-default-icons.js"
+          );
+          const paths = Array.isArray(options.paths) && options.paths.length > 0 ? options.paths : await (0, import_fast_glob2.default)(["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"], {
+            cwd: options.workspaceDir,
+            ignore: [
+              "**/es/**",
+              "**/lib/**",
+              "**/umd/**",
+              "**/node_modules/**",
+              "**/storybook-static/**",
+              "**/dist/**",
+              "**/build/**",
+              "**/*.d.ts",
+              "**/coverage/**"
+            ]
+          });
+          await run2({
+            dry: !options.write,
+            transform,
+            paths,
+            verbose: options.verbose,
+            parser: "tsx"
+            // Enable parsing of TSX files
+          });
+        }
+      },
       {
         name: "ibm-products-update-http-errors",
         description: "Rewrites HttpError403, HttpError404, HttpErrorOther to FullPageError",
@@ -52775,7 +52929,7 @@ var upgrades = [
 var package_default = {
   name: "@carbon/upgrade",
   description: "A tool for upgrading Carbon versions",
-  version: "11.22.0",
+  version: "11.23.0",
   license: "Apache-2.0",
   bin: {
     "carbon-upgrade": "./bin/carbon-upgrade.js"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/upgrade",
   "description": "A tool for upgrading Carbon versions",
-  "version": "11.22.0",
+  "version": "11.23.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-upgrade": "./bin/carbon-upgrade.js"
@@ -61,5 +61,5 @@
     "@ibm/telemetry-js": "^1.5.0",
     "jscodeshift": "^17.0.0"
   },
-  "gitHead": "97fc2e65d5d78f3bc191f036cb669b072db1d85f"
+  "gitHead": "fd1b7ab668473833c250488e0f7fc4feb55f1d88"
 }

package/transforms/__testfixtures__/enable-v12-tile-default-icons.input.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { TileGroup, Tile, Stack } from '@carbon/react';
+import { FeatureFlags } from '@carbon/feature-flags';
+
+function TestComponent() {
+  return (
+    <div>
+      {/* Case 1: Unwrapped TileGroup */}
+      <TileGroup legend="TestGroup" name="test">
+        <Tile>Option 1</Tile>
+        <Tile>Option 2</Tile>
+      </TileGroup>
+
+      {/* Wrapped standalone missing flag prop */}
+      <FeatureFlags>
+        <TileGroup legend="Missing Attribute" name="wrapped">
+          <Tile>Already Wrapped Option 1</Tile>
+          <Tile>Already Wrapped Option 2</Tile>
+        </TileGroup>
+      </FeatureFlags>
+
+      {/* Case 3: Already wrapped with other attributes */}
+      <FeatureFlags enable-v12-tile-radio-icons>
+        <TileGroup legend="Other Attribute" name="other-wrapped">
+          <Tile>Other Flag Option 1</Tile>
+        </TileGroup>
+      </FeatureFlags>
+
+      {/* Case 4: Already wrapped with correct attribute */}
+      <FeatureFlags enableV12TileDefaultIcons>
+        <TileGroup legend="Correct Wrapped" name="correct">
+          <Tile>Correctly Wrapped Option</Tile>
+        </TileGroup>
+      </FeatureFlags>
+
+      {/* Case 5: Standalone Tiles with different scenarios */}
+      <Stack>
+        {/* Unwrapped standalone */}
+        <Tile>Standalone Tile</Tile>
+
+        {/* Wrapped standalone missing flag prop */}
+        <FeatureFlags>
+          <Tile>Wrapped Standalone</Tile>
+        </FeatureFlags>
+
+        {/* Wrapped standalone with other flag */}
+        <FeatureFlags enable-v12-tile-radio-icons>
+          <Tile>Other Flag Standalone</Tile>
+        </FeatureFlags>
+
+        {/* Correctly wrapped standalone */}
+        <FeatureFlags enableV12TileDefaultIcons>
+          <Tile>Correct Standalone</Tile>
+        </FeatureFlags>
+      </Stack>
+
+      {/* Case 6: Nested structures */}
+      <div className="nested">
+        <TileGroup legend="Nested Group" name="nested">
+          <div className="wrapper">
+            <Tile>Nested Option 1</Tile>
+          </div>
+          <Tile>Nested Option 2</Tile>
+        </TileGroup>
+      </div>
+    </div>
+  );
+}
+
+export default TestComponent;

package/transforms/__testfixtures__/enable-v12-tile-default-icons.input.tsx

@@ -0,0 +1,72 @@
+import React from 'react';
+import { TileGroup, Tile, Stack } from '@carbon/react';
+import { FeatureFlags } from '@carbon/feature-flags';
+
+const TestComponent: React.FC = () => {
+  return (
+    //prettier-ignore
+    <div>
+      {/* Case 1: Unwrapped TileGroup */}
+      <TileGroup legend="TestGroup" name="test">
+        <Tile id="test-1">Option 1</Tile>
+        <Tile id="test-2">Option 2</Tile>
+      </TileGroup>
+
+      {/* Wrapped standalone missing flag prop */}
+      <FeatureFlags>
+        <TileGroup legend="Missing Attribute" name="wrapped">
+          <Tile id="wrapped-1">Already Wrapped Option 1</Tile>
+          <Tile id="wrapped-2">Already Wrapped Option 2</Tile>
+          <Tile id="wrapped-3">Already Wrapped Option 3</Tile>
+        </TileGroup>
+      </FeatureFlags>
+
+      {/* Case 3: Already wrapped with other flags */}
+      <FeatureFlags enable-v12-tile-radio-icons>
+        <TileGroup legend="Other Attribute" name="other-wrapped">
+          <Tile id="other-1">Other Flag Option 1</Tile>
+        </TileGroup>
+      </FeatureFlags>
+
+      {/* Case 4: Already wrapped with correct flag */}
+      <FeatureFlags enableV12TileDefaultIcons>
+        <TileGroup legend="Correct Wrapped" name="correct">
+          <Tile id="correct-1">Correctly Wrapped Option</Tile>
+        </TileGroup>
+      </FeatureFlags>
+
+      {/* Case 5: Standalone Tiles with different scenarios */}
+      <Stack>
+        {/* Unwrapped standalone */}
+        <Tile id="standalone">Standalone Tile</Tile>
+
+        {/* Wrapped standalone missing flag prop */}
+        <FeatureFlags>
+          <Tile id="wrapped-standalone">Wrapped Standalone</Tile>
+        </FeatureFlags>
+
+        {/* Wrapped standalone with other flag */}
+        <FeatureFlags enable-v12-tile-radio-icons>
+          <Tile id="other-standalone">Other Flag Standalone</Tile>
+        </FeatureFlags>
+
+        {/* Correctly wrapped standalone */}
+        <FeatureFlags enableV12TileDefaultIcons>
+          <Tile id="correct-standalone">Correct Standalone</Tile>
+        </FeatureFlags>
+      </Stack>
+
+      {/* Case 6: Nested structures */}
+      <div className="nested">
+        <TileGroup legend="Nested Group" name="nested">
+          <div className="wrapper">
+            <Tile id="nested-1">Nested Option 1</Tile>
+          </div>
+          <Tile id="nested-2">Nested Option 2</Tile>
+        </TileGroup>
+      </div>
+    </div>
+  );
+};
+
+export default TestComponent;

package/transforms/__testfixtures__/enable-v12-tile-default-icons.output.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { TileGroup, Tile, Stack } from '@carbon/react';
+import { FeatureFlags } from '@carbon/feature-flags';
+
+function TestComponent() {
+  return (
+    (<div>
+      {/* Case 1: Unwrapped TileGroup */}
+      <FeatureFlags enableV12TileDefaultIcons><TileGroup legend="TestGroup" name="test">
+          <Tile>
+            Option 1
+          </Tile>
+          <Tile>
+            Option 2
+          </Tile>
+        </TileGroup></FeatureFlags>
+      {/* Wrapped standalone missing flag prop */}
+      <FeatureFlags enableV12TileDefaultIcons>
+        <TileGroup legend="Missing Attribute" name="wrapped">
+          <Tile>
+            Already Wrapped Option 1
+          </Tile>
+          <Tile>
+            Already Wrapped Option 2
+          </Tile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 3: Already wrapped with other attributes */}
+      <FeatureFlags enable-v12-tile-radio-icons enableV12TileDefaultIcons>
+        <TileGroup legend="Other Attribute" name="other-wrapped">
+          <Tile>
+            Other Flag Option 1
+          </Tile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 4: Already wrapped with correct attribute */}
+      <FeatureFlags enableV12TileDefaultIcons>
+        <TileGroup legend="Correct Wrapped" name="correct">
+          <Tile>
+            Correctly Wrapped Option
+          </Tile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 5: Standalone Tiles with different scenarios */}
+      <Stack>
+        {/* Unwrapped standalone */}
+        <FeatureFlags enableV12TileDefaultIcons><Tile>
+            Standalone Tile
+          </Tile></FeatureFlags>
+
+        {/* Wrapped standalone missing flag prop */}
+        <FeatureFlags enableV12TileDefaultIcons>
+          <Tile>
+            Wrapped Standalone
+          </Tile>
+        </FeatureFlags>
+
+        {/* Wrapped standalone with other flag */}
+        <FeatureFlags enable-v12-tile-radio-icons enableV12TileDefaultIcons>
+          <Tile>
+            Other Flag Standalone
+          </Tile>
+        </FeatureFlags>
+
+        {/* Correctly wrapped standalone */}
+        <FeatureFlags enableV12TileDefaultIcons>
+          <Tile>
+            Correct Standalone
+          </Tile>
+        </FeatureFlags>
+      </Stack>
+      {/* Case 6: Nested structures */}
+      <div className="nested">
+        <FeatureFlags enableV12TileDefaultIcons><TileGroup legend="Nested Group" name="nested">
+            <div className="wrapper">
+              <Tile>
+                Nested Option 1
+              </Tile>
+            </div>
+            <Tile>
+              Nested Option 2
+            </Tile>
+          </TileGroup></FeatureFlags>
+      </div>
+    </div>)
+  );
+}
+
+export default TestComponent;

package/transforms/__testfixtures__/enable-v12-tile-default-icons.output.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { TileGroup, Tile, Stack } from '@carbon/react';
+import { FeatureFlags } from '@carbon/feature-flags';
+
+const TestComponent: React.FC = () => {
+  return (
+    //prettier-ignore
+    (<div>
+      {/* Case 1: Unwrapped TileGroup */}
+      <FeatureFlags enableV12TileDefaultIcons><TileGroup legend="TestGroup" name="test">
+          <Tile id="test-1">Option 1</Tile>
+          <Tile id="test-2">Option 2</Tile>
+        </TileGroup></FeatureFlags>
+      {/* Wrapped standalone missing flag prop */}
+      <FeatureFlags enableV12TileDefaultIcons>
+        <TileGroup legend="Missing Attribute" name="wrapped">
+          <Tile id="wrapped-1">Already Wrapped Option 1</Tile>
+          <Tile id="wrapped-2">Already Wrapped Option 2</Tile>
+          <Tile id="wrapped-3">Already Wrapped Option 3</Tile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 3: Already wrapped with other flags */}
+      <FeatureFlags enable-v12-tile-radio-icons enableV12TileDefaultIcons>
+        <TileGroup legend="Other Attribute" name="other-wrapped">
+          <Tile id="other-1">Other Flag Option 1</Tile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 4: Already wrapped with correct flag */}
+      <FeatureFlags enableV12TileDefaultIcons>
+        <TileGroup legend="Correct Wrapped" name="correct">
+          <Tile id="correct-1">Correctly Wrapped Option</Tile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 5: Standalone Tiles with different scenarios */}
+      <Stack>
+        {/* Unwrapped standalone */}
+        <FeatureFlags enableV12TileDefaultIcons><Tile id="standalone">Standalone Tile</Tile></FeatureFlags>
+
+        {/* Wrapped standalone missing flag prop */}
+        <FeatureFlags enableV12TileDefaultIcons>
+          <Tile id="wrapped-standalone">Wrapped Standalone</Tile>
+        </FeatureFlags>
+
+        {/* Wrapped standalone with other flag */}
+        <FeatureFlags enable-v12-tile-radio-icons enableV12TileDefaultIcons>
+          <Tile id="other-standalone">Other Flag Standalone</Tile>
+        </FeatureFlags>
+
+        {/* Correctly wrapped standalone */}
+        <FeatureFlags enableV12TileDefaultIcons>
+          <Tile id="correct-standalone">Correct Standalone</Tile>
+        </FeatureFlags>
+      </Stack>
+      {/* Case 6: Nested structures */}
+      <div className="nested">
+        <FeatureFlags enableV12TileDefaultIcons><TileGroup legend="Nested Group" name="nested">
+            <div className="wrapper">
+              <Tile id="nested-1">Nested Option 1</Tile>
+            </div>
+            <Tile id="nested-2">Nested Option 2</Tile>
+          </TileGroup></FeatureFlags>
+      </div>
+    </div>)
+  );
+};
+
+export default TestComponent;

package/transforms/__testfixtures__/enable-v12-tile-radio-icons.input.js

@@ -0,0 +1,87 @@
+import React from 'react';
+import { TileGroup, RadioTile, Stack } from '@carbon/react';
+import { FeatureFlags } from '@carbon/feature-flags';
+
+function TestComponent() {
+  return (
+    //prettier-ignore
+    <div>
+      {/* Case 1: Unwrapped TileGroup */}
+      <TileGroup legend="TestGroup" name="test">
+        <RadioTile id="test-1" value="test-1">
+          Option 1
+        </RadioTile>
+        <RadioTile id="test-2" value="test-2">
+          Option 2
+        </RadioTile>
+      </TileGroup>
+      {/* Wrapped standalone missing flag prop */}
+      <FeatureFlags>
+        <TileGroup legend="Missing Attribute" name="wrapped">
+          <RadioTile id="wrapped-1" value="wrapped-1">
+            Already Wrapped Option 1
+          </RadioTile>
+          <RadioTile id="wrapped-2" value="wrapped-2">
+            Already Wrapped Option 2
+          </RadioTile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 3: Already wrapped with other attributes */}
+      <FeatureFlags enable-v12-tile-default-icons>
+        <TileGroup legend="Other Attribute" name="other-wrapped">
+          <RadioTile id="other-1" value="other-1">
+            Other Flag Option 1
+          </RadioTile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 4: Already wrapped with correct attribute */}
+      <FeatureFlags enableV12TileRadioIcons>
+        <TileGroup legend="Correct Wrapped" name="correct">
+          <RadioTile id="correct-1" value="correct-1">
+            Correctly Wrapped Option
+          </RadioTile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 5: Standalone RadioTiles with different scenarios */}
+      <Stack>
+        {/* Unwrapped standalone */}
+        <RadioTile id="standalone" value="standalone">
+          Standalone Tile
+        </RadioTile>
+        {/* Wrapped standalone missing flag prop */}
+        <FeatureFlags>
+          <RadioTile id="wrapped-standalone" value="wrapped-standalone">
+            Wrapped Standalone
+          </RadioTile>
+        </FeatureFlags>
+        {/* Wrapped standalone with other flag */}
+        <FeatureFlags enable-v12-tile-default-icons>
+          <RadioTile id="other-standalone" value="other-standalone">
+            Other Flag Standalone
+          </RadioTile>
+        </FeatureFlags>
+        {/* Correctly wrapped standalone */}
+        <FeatureFlags enableV12TileRadioIcons>
+          <RadioTile id="correct-standalone" value="correct-standalone">
+            Correct Standalone
+          </RadioTile>
+        </FeatureFlags>
+      </Stack>
+      {/* Case 6: Nested structures */}
+      <div className="nested">
+        <TileGroup legend="Nested Group" name="nested">
+          <div className="wrapper">
+            <RadioTile id="nested-1" value="nested-1">
+              Nested Option 1
+            </RadioTile>
+          </div>
+          <RadioTile id="nested-2" value="nested-2">
+            Nested Option 2
+          </RadioTile>
+        </TileGroup>
+      </div>
+    </div>
+  );
+}
+
+export default TestComponent;

package/transforms/__testfixtures__/enable-v12-tile-radio-icons.input.tsx

@@ -0,0 +1,87 @@
+import React from 'react';
+import { TileGroup, RadioTile, Stack } from '@carbon/react';
+import { FeatureFlags } from '@carbon/feature-flags';
+
+const TestComponent: React.FC = () => {
+  return (
+    //prettier-ignore
+    <div>
+      {/* Case 1: Unwrapped TileGroup */}
+      <TileGroup legend="TestGroup" name="test">
+        <RadioTile id="test-1" value="test-1">
+          Option 1
+        </RadioTile>
+        <RadioTile id="test-2" value="test-2">
+          Option 2
+        </RadioTile>
+      </TileGroup>
+      {/* Wrapped standalone missing flag prop */}
+      <FeatureFlags>
+        <TileGroup legend="Missing Attribute" name="wrapped">
+          <RadioTile id="wrapped-1" value="wrapped-1">
+            Already Wrapped Option 1
+          </RadioTile>
+          <RadioTile id="wrapped-2" value="wrapped-2">
+            Already Wrapped Option 2
+          </RadioTile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 3: Already wrapped with other flags */}
+      <FeatureFlags enable-v12-tile-default-icons>
+        <TileGroup legend="Other Attribute" name="other-wrapped">
+          <RadioTile id="other-1" value="other-1">
+            Other Flag Option 1
+          </RadioTile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 4: Already wrapped with correct flag */}
+      <FeatureFlags enableV12TileRadioIcons>
+        <TileGroup legend="Correct Wrapped" name="correct">
+          <RadioTile id="correct-1" value="correct-1">
+            Correctly Wrapped Option
+          </RadioTile>
+        </TileGroup>
+      </FeatureFlags>
+      {/* Case 5: Standalone RadioTiles with different scenarios */}
+      <Stack>
+        {/* Unwrapped standalone */}
+        <RadioTile id="standalone" value="standalone">
+          Standalone Tile
+        </RadioTile>
+        {/* Wrapped standalone missing flag prop */}
+        <FeatureFlags>
+          <RadioTile id="wrapped-standalone" value="wrapped-standalone">
+            Wrapped Standalone
+          </RadioTile>
+        </FeatureFlags>
+        {/* Wrapped standalone with other flag */}
+        <FeatureFlags enable-v12-tile-default-icons>
+          <RadioTile id="other-standalone" value="other-standalone">
+            Other Flag Standalone radio
+          </RadioTile>
+        </FeatureFlags>
+        {/* Correctly wrapped standalone */}
+        <FeatureFlags enableV12TileRadioIcons>
+          <RadioTile id="correct-standalone" value="correct-standalone">
+            Correct Standalone
+          </RadioTile>
+        </FeatureFlags>
+      </Stack>
+      {/* Case 6: Nested structures */}
+      <div className="nested">
+        <TileGroup legend="Nested Group" name="nested">
+          <div className="wrapper">
+            <RadioTile id="nested-1" value="nested-1">
+              Nested Option 1
+            </RadioTile>
+          </div>
+          <RadioTile id="nested-2" value="nested-2">
+            Nested Option 2
+          </RadioTile>
+        </TileGroup>
+      </div>
+    </div>
+  );
+};
+
+export default TestComponent;