Handle buttonFrom function in migration (#10575)

### WHY are these changes introduced?

Resolves #10260

### WHAT is this pull request doing?

Adds a comment for manual migration of usages of the `buttonFrom`
function. There are approximately 100 usages of it in `web` so handling
these manually is quicker than trying to write a codemod for them.

---------

Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com>

Author: aveline

.changeset/dull-dingos-collect.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-migrator': patch
+---
+
+Handled `buttonFrom` and `buttonsFrom` functions in `Button` migration

polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-from-function.input.tsx

@@ -0,0 +1,28 @@
+import {buttonFrom, buttonsFrom} from '@shopify/polaris';
+
+const myButtonFrom = buttonFrom;
+
+export function App() {
+  const primaryFooterActionMarkup = buttonFrom(
+    {content: 'Edit', onAction: () => {}},
+    {
+      primary: true,
+    },
+  );
+
+  const myButtonMarkup = myButtonFrom(
+    {content: 'Edit', onAction: () => {}},
+    {
+      primary: true,
+    },
+  );
+
+  const multipleButtonsMarkup = buttonsFrom(
+    {content: 'Edit', onAction: () => {}},
+    {
+      primary: true,
+    },
+  );
+
+  return primaryFooterActionMarkup;
+}

polaris-migrator/src/migrations/v12-react-update-button-component/tests/v12-react-update-button-from-function.output.tsx

@@ -0,0 +1,34 @@
+import {buttonFrom} from '@shopify/polaris';
+
+const myButtonFrom =
+  /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
+  buttonFrom;
+
+export function App() {
+  const primaryFooterActionMarkup =
+    /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
+    buttonFrom(
+      {content: 'Edit', onAction: () => {}},
+      {
+        primary: true,
+      },
+    );
+
+  const myButtonMarkup = myButtonFrom(
+    {content: 'Edit', onAction: () => {}},
+    {
+      primary: true,
+    },
+  );
+
+  const multipleButtonsMarkup =
+    /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
+    buttonsFrom(
+      {content: 'Edit', onAction: () => {}},
+      {
+        primary: true,
+      },
+    );
+
+  return primaryFooterActionMarkup;
+}

polaris-migrator/src/migrations/v12-react-update-button-component/transform.ts

@@ -22,17 +22,27 @@ export default function transformer(
 ) {
   const source = j(fileInfo.source);
 
-  // If `Button` component name is not imported, exit
+  // If `Button` component name or `buttonFrom` function is not imported, exit
   if (
     !(
       hasImportDeclaration(j, source, '@shopify/polaris') &&
       (hasImportSpecifier(j, source, 'Button', '@shopify/polaris') ||
-        hasImportSpecifier(j, source, 'ButtonProps', '@shopify/polaris'))
+        hasImportSpecifier(j, source, 'ButtonProps', '@shopify/polaris') ||
+        hasImportSpecifier(j, source, 'buttonFrom', '@shopify/polaris') ||
+        hasImportSpecifier(j, source, 'buttonsFrom', '@shopify/polaris'))
     )
   ) {
     return fileInfo.source;
   }
 
+  const localFunctionName =
+    getImportSpecifierName(j, source, 'buttonFrom', '@shopify/polaris') ||
+    'buttonFrom';
+
+  const localFunctionPluralName =
+    getImportSpecifierName(j, source, 'buttonsFrom', '@shopify/polaris') ||
+    'buttonsFrom';
+
   const localElementName =
     getImportSpecifierName(j, source, 'Button', '@shopify/polaris') || 'Button';
 
@@ -308,7 +318,9 @@ export default function transformer(
     .filter(
       (path) =>
         path.node.name === localElementName ||
-        path.node.name === localElementTypeName,
+        path.node.name === localElementTypeName ||
+        path.node.name === localFunctionName ||
+        path.node.name === localFunctionPluralName,
     )
     .forEach((path) => {
       if (path.node.type !== 'Identifier') return;