@octaviaflow/upgrade 1.0.0

package/transforms/size-prop-update.js

@@ -0,0 +1,143 @@
+/**
+ * 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 defaultOptions = {
+  quote: 'auto',
+  trailingComma: true,
+};
+
+function transform(fileInfo, api, options) {
+  const printOptions = options.printOptions || defaultOptions;
+  const j = api.jscodeshift;
+  const root = j(fileInfo.source);
+
+  function replacePropForComponent(name) {
+    // Multiselect.Filterable has a different AST structure, so we need to
+    // adjust the query to find it properly. If it is not 'Filterable', we use
+    // the default query
+    let isFilterable = name === 'Filterable';
+    let openingElementQuery = {
+      name: {
+        name,
+      },
+    };
+    if (isFilterable) {
+      openingElementQuery = {
+        name: {
+          object: {
+            name: 'MultiSelect',
+          },
+          property: {
+            name: name,
+          },
+        },
+      };
+    }
+    root
+      .find(j.JSXOpeningElement, openingElementQuery)
+      .forEach((openingElement) => {
+        // Multiselect.Filterable has a different AST structure, so the name is located differently
+        const { name } = isFilterable
+          ? openingElement.node.name.property
+          : openingElement.node.name;
+
+        // Some components were originally set to `xl`, but are being reduced to `lg`
+        const downsizedComponents = [
+          'Accordion',
+          'ComboBox',
+          'ContentSwitcher',
+          'DatePickerInput',
+          'Dropdown',
+          'MultiSelect',
+          'Filterable',
+          'NumberInput',
+          'OverflowMenu',
+          'Search',
+          'Select',
+          'TextInput',
+          'TimePicker',
+        ];
+
+        const isDownsized = downsizedComponents.includes(name);
+
+        j(openingElement)
+          .find(j.JSXAttribute, {
+            name: {
+              name: 'size',
+            },
+          })
+          .forEach((path) => {
+            j(path).replaceWith((nodePath) => {
+              const { node } = nodePath;
+              const { value } = node.value;
+
+              switch (value) {
+                case 'compact':
+                  node.value.value = 'xs';
+                  return node;
+                case 'short':
+                case 'small':
+                  node.value.value = 'sm';
+                  return node;
+                case 'field':
+                  node.value.value = 'md';
+                  return node;
+                case 'default':
+                case 'normal':
+                  node.value.value = 'lg';
+                  return node;
+                case 'tall':
+                case 'lg':
+                  node.value.value = isDownsized ? 'md' : 'xl';
+                  return node;
+                case 'xl':
+                  node.value.value = isDownsized ? 'lg' : '2xl';
+                  return node;
+              }
+              return node;
+            });
+          });
+      });
+  }
+
+  const components = [
+    'Accordion',
+    'Button',
+    'ComboBox',
+    'ContentSwitcher',
+    'DataTable',
+    'DatePickerInput',
+    'Dropdown',
+    'FileUploader',
+    'FileUploaderButton',
+    'FileUploaderDropContainer',
+    'FileUploaderItem',
+    'MultiSelect',
+    'Filterable',
+    'NumberInput',
+    'OverflowMenu',
+    'Search',
+    'Select',
+    'Table',
+    'TableToolbar',
+    'TextInput',
+    'TimePicker',
+  ];
+
+  for (const component of components) {
+    replacePropForComponent(component);
+  }
+
+  return root.toSource(printOptions);
+}
+
+module.exports = transform;

package/transforms/small-to-size-prop.js

@@ -0,0 +1,59 @@
+/**
+ * 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 defaultOptions = {
+  quote: 'auto',
+  trailingComma: true,
+};
+
+function transform(fileInfo, api, options) {
+  const printOptions = options.printOptions || defaultOptions;
+  const j = api.jscodeshift;
+  const root = j(fileInfo.source);
+
+  const sizeProp = j.jsxAttribute(j.jsxIdentifier('size'), j.literal('sm'));
+
+  function replacePropForComponent(name) {
+    root
+      .find(j.JSXOpeningElement, {
+        name: {
+          name,
+        },
+      })
+      .forEach((openingElement) => {
+        j(openingElement)
+          .find(j.JSXAttribute, {
+            name: {
+              name: 'small',
+            },
+          })
+          .forEach((path) => {
+            j(path).replaceWith(sizeProp);
+          });
+      });
+  }
+
+  const components = [
+    'Button',
+    'DangerButton',
+    'PrimaryButton',
+    'SecondaryButton',
+    'Search',
+  ];
+  for (const component of components) {
+    replacePropForComponent(component);
+  }
+
+  return root.toSource(printOptions);
+}
+
+module.exports = transform;

package/transforms/sort-prop-types.js

@@ -0,0 +1,91 @@
+/**
+ * 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 defaultOptions = {
+  quote: 'single',
+  trailingComma: true,
+};
+
+function transform(fileInfo, api, options) {
+  const printOptions = options.printOptions || defaultOptions;
+  const j = api.jscodeshift;
+  const root = j(fileInfo.source);
+
+  root
+    .find(j.AssignmentExpression, {
+      left: {
+        type: 'MemberExpression',
+        property: {
+          name: 'propTypes',
+        },
+      },
+    })
+    .forEach((path) => {
+      path.node.right.properties.sort((a, b) => {
+        if (a.type === 'Property' && b.type === 'Property') {
+          if (getPropName(a) > getPropName(b)) {
+            return 1;
+          }
+          return -1;
+        }
+
+        if (a.type === 'SpreadElement' && b.type === 'SpreadElement') {
+          if (getPropName(a) > getPropName(b)) {
+            return 1;
+          }
+          return -1;
+        }
+
+        if (a.type === 'SpreadElement') {
+          return -1;
+        }
+
+        return 1;
+      });
+    });
+
+  root
+    .find(j.ClassProperty, {
+      key: {
+        name: 'propTypes',
+      },
+    })
+    .forEach((path) => {
+      path.node.value.properties.sort((a, b) => {
+        if (getPropName(a) > getPropName(b)) {
+          return 1;
+        }
+        return -1;
+      });
+    });
+
+  function getPropName(node) {
+    if (node.type === 'SpreadElement') {
+      return node.argument.name;
+    }
+
+    if (node.type === 'Property') {
+      if (node.key.type === 'Identifier') {
+        return node.key.name;
+      }
+      if (node.key.type === 'Literal') {
+        return node.key.value;
+      }
+    }
+
+    throw new Error(`Unknown node of type: ${node.type}`);
+  }
+
+  return root.toSource(printOptions);
+}
+
+module.exports = transform;

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

@@ -0,0 +1,42 @@
+/**
+ * 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. 2016, 2023
+ *
+ * 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 imports from 'carbon-components-react' to '@octaviaflow/react'
+ *
+ * Transforms:
+ *
+ * import { Button } from 'carbon-components-react';
+ *
+ * Into:
+ *
+ * import { Button } from "@octaviaflow/react";
+ */
+
+function transformer(file, api) {
+  const j = api.jscodeshift;
+
+  return j(file.source)
+    .find(j.ImportDeclaration, {
+      source: {
+        value: 'carbon-components-react',
+      },
+    })
+    .forEach((path) => {
+      path.get('source').replace(j.stringLiteral('@octaviaflow/react'));
+    })
+    .toSource();
+}
+
+module.exports = transformer;

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

@@ -0,0 +1,42 @@
+/**
+ * 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. 2016, 2023
+ *
+ * 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 imports from '@octaviaflow/icons-react' to '@octaviaflow/react/icons'
+ *
+ * Transforms:
+ *
+ * import { Add } from '@octaviaflow/icons-react';
+ *
+ * Into:
+ *
+ * import { Add } from "@octaviaflow/react/icons";
+ */
+
+function transformer(file, api) {
+  const j = api.jscodeshift;
+
+  return j(file.source)
+    .find(j.ImportDeclaration, {
+      source: {
+        value: '@octaviaflow/icons-react',
+      },
+    })
+    .forEach((path) => {
+      path.get('source').replace(j.stringLiteral('@octaviaflow/react/icons'));
+    })
+    .toSource();
+}
+
+module.exports = transformer;