@octaviaflow/upgrade 1.0.0

package/transforms/__testfixtures__/update-carbon-components-react-import-to-scoped.output.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//prettier-ignore
+import { Button } from "@octaviaflow/react";
+//prettier-ignore
+import { Tile, Tooltip } from "@octaviaflow/react";
+//prettier-ignore
+import CodeSnippet from "@octaviaflow/react";
+import Something from 'somewhere-else';
+import { SomethingElse } from 'somewhere-else';

package/transforms/__testfixtures__/update-carbon-icons-react-import-to-carbon-react.input.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//prettier-ignore
+import { Add } from '@octaviaflow/icons-react';
+//prettier-ignore
+import { Settings, Search } from '@octaviaflow/icons-react';
+//prettier-ignore
+import Icons from '@octaviaflow/icons-react';
+import Something from 'somewhere-else';
+import { SomethingElse } from 'somewhere-else';

package/transforms/__testfixtures__/update-carbon-icons-react-import-to-carbon-react.output.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//prettier-ignore
+import { Add } from "@octaviaflow/react/icons";
+//prettier-ignore
+import { Settings, Search } from "@octaviaflow/react/icons";
+//prettier-ignore
+import Icons from "@octaviaflow/react/icons";
+import Something from 'somewhere-else';
+import { SomethingElse } from 'somewhere-else';

package/transforms/__tests__/featureflag-deprecate-flags-prop-test.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'featureflag-deprecate-flags-prop');

package/transforms/__tests__/ibm-products-update-userprofileimage-test.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright IBM Corp. 2021, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'ibm-products-update-userprofileimage');

package/transforms/__tests__/icons-react-size-prop.js

@@ -0,0 +1,67 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+describe('icons-react-size-prop', () => {
+  let mock;
+
+  beforeEach(() => {
+    mock = jest.spyOn(console, 'log').mockImplementation(() => {});
+  });
+
+  afterEach(() => {
+    mock.mockRestore();
+  });
+
+  defineTest(
+    __dirname,
+    'icons-react-size-prop',
+    {
+      printOptions: {
+        quote: 'single',
+      },
+    },
+    'icons-react-size-prop-rename',
+    {
+      parser: 'babylon',
+    }
+  );
+
+  defineTest(
+    __dirname,
+    'icons-react-size-prop',
+    {
+      printOptions: {
+        quote: 'single',
+      },
+    },
+    'icons-react-size-prop-with-prop',
+    {
+      parser: 'babylon',
+    }
+  );
+
+  defineTest(
+    __dirname,
+    'icons-react-size-prop',
+    {
+      printOptions: {
+        quote: 'single',
+      },
+    },
+    'icons-react-size-prop-object-key',
+    {
+      parser: 'babylon',
+    }
+  );
+});

package/transforms/__tests__/refactor-light-to-layer-test.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'refactor-light-to-layer');

package/transforms/__tests__/refactor-to-callout.js

@@ -0,0 +1,18 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'refactor-to-callout');
+defineTest(__dirname, 'refactor-to-callout', null, 'refactor-to-callout2');
+defineTest(__dirname, 'refactor-to-callout', null, 'refactor-to-callout3');
+defineTest(__dirname, 'refactor-to-callout', null, 'refactor-to-callout4');

package/transforms/__tests__/size-prop-update-test.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'size-prop-update');

package/transforms/__tests__/small-to-size-test.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'small-to-size-prop');

package/transforms/__tests__/sort-prop-types-test.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'sort-prop-types');
+defineTest(__dirname, 'sort-prop-types', null, 'sort-prop-types2');

package/transforms/__tests__/update-carbon-components-react-import-to-scoped.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'update-carbon-components-react-import-to-scoped');

package/transforms/__tests__/update-carbon-icons-react-import-to-carbon-react.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+'use strict';
+
+const { defineTest } = require('jscodeshift/dist/testUtils');
+
+defineTest(__dirname, 'update-carbon-icons-react-import-to-carbon-react');

package/transforms/featureflag-deprecate-flags-prop.js

@@ -0,0 +1,89 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * Migrate the `flags` object prop to individual boolean props
+ *
+ * Transforms:
+ *
+ * <FeatureFlags flags={{ 'enable-v12-tile-default-icons': true }}>
+ *
+ * Into:
+ *
+ * <FeatureFlags enableV12TileDefaultIcons>
+ */
+
+'use strict';
+
+const defaultOptions = {
+  quote: 'single',
+  trailingComma: true,
+};
+
+//This list can be updated as needed, if any flags are made true by default
+const flagsToRemove = [
+  'enable-v11-release',
+  'enable-css-custom-properties',
+  'enable-css-grid',
+];
+
+function transform(fileInfo, api, options) {
+  const { jscodeshift: j } = api;
+  const root = j(fileInfo.source);
+  const printOptions = options.printOptions || defaultOptions;
+  if (
+    !root.find(j.JSXOpeningElement, { name: { name: 'FeatureFlags' } }).size()
+  ) {
+    return null; // if no FeatureFlags found, don't modify & return the file
+  }
+  root
+    .find(j.JSXOpeningElement, { name: { name: 'FeatureFlags' } })
+    .forEach((path) => {
+      const flagsAttribute = path.node.attributes.find(
+        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'flags'
+      );
+
+      if (flagsAttribute?.value?.expression?.type === 'ObjectExpression') {
+        const properties = flagsAttribute.value.expression.properties;
+
+        // Filter out flags to remove
+        const filteredProperties = properties.filter((prop) => {
+          const keyName =
+            prop.key.type === 'Identifier' ? prop.key.name : prop.key.value;
+          return !flagsToRemove.includes(keyName);
+        });
+
+        // Convert remaining flags to boolean props
+        const newAttributes = filteredProperties
+          .filter((flag) => flag.value.value === true)
+          .map((flag) => {
+            const flagName =
+              flag.key.type === 'Identifier' ? flag.key.name : flag.key.value;
+            const propName = flagName.replace(/-(\w)/g, (_, c) =>
+              c.toUpperCase()
+            );
+            return j.jsxAttribute(j.jsxIdentifier(propName));
+          });
+
+        path.node.attributes = [
+          ...path.node.attributes.filter((attr) => attr.name.name !== 'flags'),
+          ...newAttributes,
+        ];
+      }
+    });
+
+  return root.toSource(printOptions);
+}
+
+module.exports = transform;

package/transforms/ibm-products-update-userprofileimage.js

@@ -0,0 +1,134 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright IBM Corp. 2021, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * Rewrites UserProfileImage to UserAvatar
+ *
+ * Transforms:
+ *
+ * <UserProfileImage />
+ *
+ * Into:
+ *
+ * <UserAvatar />
+ */
+
+'use strict';
+
+const transform = (fileInfo, api) => {
+  const j = api.jscodeshift;
+  const root = j(fileInfo.source);
+  let shouldImportUser = false;
+  let shouldImportGroup = false;
+
+  const ensureImport = (identifierName) => {
+    const importDeclaration = j.importDeclaration(
+      [j.importSpecifier(j.identifier(identifierName))],
+      j.literal('@octaviaflow/react/icons')
+    );
+
+    const existingImport = root
+      .find(j.ImportDeclaration, {
+        source: { value: '@octaviaflow/react/icons' },
+      })
+      .filter((path) => {
+        return path.node.specifiers.some(
+          (specifier) => specifier.imported.name === identifierName
+        );
+      });
+
+    if (existingImport.size() === 0) {
+      root.find(j.Program).get('body', 0).insertBefore(importDeclaration);
+    }
+  };
+  // Transform UserProfileImage to UserAvatar
+  root
+    .find(j.JSXElement, {
+      openingElement: { name: { name: 'UserProfileImage' } },
+    })
+    .forEach((path) => {
+      // Change the component name
+      path.node.openingElement.name.name = 'UserAvatar';
+      if (path.node.closingElement) {
+        path.node.closingElement.name.name = 'UserAvatar';
+      }
+
+      const colorMapping = {
+        'light-cyan': 'order-1-cyan',
+        'dark-cyan': 'order-7-cyan',
+        'light-gray': 'order-2-gray',
+        'dark-gray': 'order-8-gray',
+        'light-green': 'order-3-green',
+        'dark-green': 'order-9-green',
+        'light-magenta': 'order-10-magenta',
+        'dark-magenta': 'order-10-magenta',
+        'light-purple': 'order-5-purple',
+        'dark-purple': 'order-11-purple',
+        'light-teal': 'order-6-teal',
+        'dark-teal': 'order-12-teal',
+      };
+      const updatedAttributes = [];
+      // Update attributes
+      path.node.openingElement.attributes.forEach((attr) => {
+        if (attr.name.name === 'backgroundColor') {
+          if (colorMapping[attr.value.value]) {
+            attr.value.value = colorMapping[attr.value.value];
+          }
+        }
+        if (attr.name.name === 'theme') {
+          return;
+        }
+        if (attr.name.name === 'initials') {
+          attr.name.name = 'name';
+        }
+        if (attr.name.name === 'kind' || attr.name.name === 'icon') {
+          const originalName = attr.name.name;
+          attr.name.name = 'renderIcon';
+          if (originalName === 'kind') {
+            if (attr.value.value === 'user') {
+              attr.value = j.jsxExpressionContainer(j.identifier('User'));
+              shouldImportUser = true;
+            } else if (attr.value.value === 'group') {
+              attr.value = j.jsxExpressionContainer(j.identifier('Group'));
+              shouldImportGroup = true;
+            }
+          }
+        }
+        updatedAttributes.push(attr);
+      });
+      path.node.openingElement.attributes = updatedAttributes;
+    });
+  // Update import statement
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === '@octaviaflow/ibm-products')
+    .forEach((path) => {
+      path.node.specifiers.forEach((specifier) => {
+        if (specifier.imported.name === 'UserProfileImage') {
+          specifier.imported.name = 'UserAvatar';
+        }
+      });
+    });
+
+  if (shouldImportUser) {
+    ensureImport('User');
+  }
+
+  if (shouldImportGroup) {
+    ensureImport('Group');
+  }
+  return root.toSource();
+};
+
+module.exports = transform;