@sproutsocial/seeds-react-badge 1.0.5 → 2.0.0

package/dist/codemods/badge-1.x-to-2.x.js

@@ -0,0 +1,285 @@
+"use strict";
+
+// codemods/badge-1.x-to-2.x.ts
+var TYPE_TO_BADGE_COLOR = {
+  passive: "neutral",
+  default: "purple",
+  primary: "blue",
+  secondary: "yellow",
+  approval: "orange",
+  suggestion: "blue",
+  common: "aqua"
+  // Note: colors.container.background.decorative.aqua does not match colors.aqua.600
+};
+function mapTypeToBadgeColor(typeValue) {
+  if (typeValue in TYPE_TO_BADGE_COLOR) {
+    return TYPE_TO_BADGE_COLOR[typeValue];
+  }
+  return void 0;
+}
+function isBadgeComponent(jsxElement, j) {
+  const name = jsxElement.value.name;
+  if (!name || typeof name !== "object") return false;
+  if ("name" in name && name.name === "Badge") {
+    return true;
+  }
+  if ("type" in name && name.type === "JSXMemberExpression" && "property" in name && name.property?.name === "Badge") {
+    return true;
+  }
+  return false;
+}
+function findBadgeImport(root, j) {
+  const imports = root.find(j.ImportDeclaration);
+  let hasBadgeImport = false;
+  imports.forEach((path) => {
+    const source = path.value.source.value;
+    if (source === "@sproutsocial/racine" || source === "@sproutsocial/seeds-react-badge") {
+      const specifiers = path.value.specifiers || [];
+      specifiers.forEach((spec) => {
+        if (spec.type === "ImportSpecifier" && spec.imported?.name === "Badge" || spec.local?.name === "Badge") {
+          hasBadgeImport = true;
+        }
+      });
+    }
+  });
+  return hasBadgeImport;
+}
+function addDataAttributeTodo(ast, j, originalSource) {
+  let hasModifications = false;
+  const patterns = [
+    /data-qa-badge-type/i,
+    /data-qa-badge-tip/i,
+    /data-tip.*badge/i,
+    /badge-type/i,
+    /badge-tip/i,
+    /getByDataQaLabel\(['"]badge-type['"]/i,
+    /getByDataQaLabel\(['"]badge-tip['"]/i,
+    /queryByDataQaLabel\(['"]badge-type['"]/i,
+    /queryByDataQaLabel\(['"]badge-tip['"]/i,
+    /\.attr\(['"]data-tip['"]/i,
+    /\.attr\(['"]data-qa-badge/i,
+    /\[data-qa-badge-type\]/i,
+    /\[data-qa-badge-tip\]/i
+  ];
+  const hasMatch = patterns.some((pattern) => pattern.test(originalSource));
+  if (hasMatch) {
+    const program = ast.find(j.Program).paths()[0];
+    if (program) {
+      const programBody = program.value.body;
+      const firstStatement = programBody[0];
+      const statementWithComments = firstStatement;
+      const existingComment = statementWithComments?.leadingComments?.some(
+        (comment) => comment.value && comment.value.includes("badge-1.x-to-2.x codemod")
+      ) || program.value.comments?.some(
+        (comment) => comment.value && comment.value.includes("badge-1.x-to-2.x codemod")
+      );
+      if (!existingComment && firstStatement) {
+        const todoComment = j.commentBlock(
+          ` TODO (badge-1.x-to-2.x codemod): Data attributes data-qa-badge-type, data-qa-badge-tip, and data-tip have been removed from Badge component. Update test selectors and data attribute references. `,
+          true
+        );
+        const statementWithComments2 = firstStatement;
+        statementWithComments2.comments = statementWithComments2.comments ? [todoComment, ...statementWithComments2.comments] : [todoComment];
+        hasModifications = true;
+      }
+    }
+  }
+  return hasModifications;
+}
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  let hasModifications = false;
+  const dataAttrModifications = addDataAttributeTodo(root, j, file.source);
+  if (dataAttrModifications) {
+    hasModifications = true;
+  }
+  const hasBadgeImport = findBadgeImport(root, j);
+  if (!hasBadgeImport) {
+    return hasModifications ? root.toSource(options) : file.source;
+  }
+  const badgeElements = root.find(j.JSXElement).filter((path) => {
+    const openingElement = path.value.openingElement;
+    return openingElement && isBadgeComponent({ value: openingElement }, j);
+  });
+  badgeElements.forEach((path) => {
+    const openingElement = path.value.openingElement;
+    if (!openingElement || !isBadgeComponent({ value: openingElement }, j))
+      return;
+    const attrs = openingElement.attributes || [];
+    const newAttrs = [];
+    let hasText = false;
+    let textValue = null;
+    let hasType = false;
+    let typeIsDynamic = false;
+    let typeStr = null;
+    attrs.forEach((attr) => {
+      if (attr.type === "JSXSpreadAttribute") {
+        newAttrs.push(attr);
+        return;
+      }
+      const attrName = attr.name.name;
+      if (attrName === "size") {
+        let sizeValue = null;
+        if (attr.value && (attr.value.type === "Literal" || attr.value.type === "StringLiteral") && typeof attr.value.value === "string") {
+          sizeValue = attr.value.value;
+        } else if (attr.value && attr.value.type === "JSXExpressionContainer" && attr.value.expression && (attr.value.expression.type === "Literal" || attr.value.expression.type === "StringLiteral") && typeof attr.value.expression.value === "string") {
+          sizeValue = attr.value.expression.value;
+        }
+        if (sizeValue === "default") {
+          newAttrs.push(
+            j.jsxAttribute(j.jsxIdentifier("size"), j.literal("large"))
+          );
+          hasModifications = true;
+        } else {
+          newAttrs.push(attr);
+        }
+        return;
+      }
+      if (attrName === "type") {
+        hasType = true;
+        if (attr.value) {
+          if (attr.value.type === "JSXExpressionContainer") {
+            const expr = attr.value.expression;
+            if (expr && expr.type !== "Literal" && expr.type !== "StringLiteral") {
+              typeIsDynamic = true;
+            }
+          } else if (attr.value.type !== "Literal" && attr.value.type !== "StringLiteral") {
+            typeIsDynamic = true;
+          }
+        }
+        if (!typeIsDynamic && attr.value) {
+          if ((attr.value.type === "Literal" || attr.value.type === "StringLiteral") && typeof attr.value.value === "string") {
+            typeStr = attr.value.value;
+          } else if (attr.value.type === "JSXExpressionContainer" && attr.value.expression && (attr.value.expression.type === "Literal" || attr.value.expression.type === "StringLiteral") && typeof attr.value.expression.value === "string") {
+            typeStr = attr.value.expression.value;
+          }
+        }
+        hasModifications = true;
+        return;
+      }
+      if (attrName === "badgeColor") {
+        newAttrs.push(attr);
+        return;
+      }
+      if (attrName === "tip") {
+        hasModifications = true;
+        return;
+      }
+      if (attrName === "text") {
+        hasText = true;
+        textValue = attr.value;
+        hasModifications = true;
+        return;
+      }
+      newAttrs.push(attr);
+    });
+    if (hasType && !typeIsDynamic && typeStr) {
+      const badgeColor = mapTypeToBadgeColor(typeStr);
+      if (badgeColor !== void 0) {
+        const existingBadgeColor = newAttrs.find(
+          (a) => a.type !== "JSXSpreadAttribute" && a.name.name === "badgeColor"
+        );
+        if (!existingBadgeColor) {
+          newAttrs.push(
+            j.jsxAttribute(j.jsxIdentifier("badgeColor"), j.literal(badgeColor))
+          );
+          hasModifications = true;
+        }
+        if (typeStr === "common") {
+          const parentPath = path.parentPath;
+          if (parentPath && parentPath.value) {
+            const parentNode = parentPath.value;
+            const todoComment = j.commentBlock(
+              ` TODO (badge-1.x-to-2.x codemod): type="common" mapped to badgeColor="aqua", but colors.container.background.decorative.aqua does not match original colors.aqua.600. Verify color match. `,
+              true
+            );
+            parentNode.comments = parentNode.comments ? [todoComment, ...parentNode.comments] : [todoComment];
+            hasModifications = true;
+          }
+        }
+      } else {
+        const parentPath = path.parentPath;
+        if (parentPath && parentPath.value) {
+          const parentNode = parentPath.value;
+          const todoComment = j.commentBlock(
+            ` TODO (badge-1.x-to-2.x codemod): Unmapped static type value "${typeStr}". Manually update to a valid badgeColor. `,
+            true
+          );
+          parentNode.comments = parentNode.comments ? [todoComment, ...parentNode.comments] : [todoComment];
+          hasModifications = true;
+        }
+      }
+    }
+    openingElement.attributes = newAttrs;
+    if (hasType && typeIsDynamic) {
+      let currentPath = path.parentPath;
+      let statementNode = null;
+      while (currentPath) {
+        const node = currentPath.value;
+        if (node && typeof node === "object" && "type" in node && node.type !== "JSXElement" && node.type !== "JSXFragment" && node.type !== "JSXExpressionContainer") {
+          statementNode = node;
+          break;
+        }
+        currentPath = currentPath.parentPath;
+      }
+      if (!statementNode) {
+        const parentPath = path.parentPath;
+        if (parentPath && parentPath.value) {
+          statementNode = parentPath.value;
+        }
+      }
+      if (statementNode) {
+        const todoComment = j.commentBlock(
+          ` TODO (badge-1.x-to-2.x codemod): Update function/variable to return badgeColor values instead of type values. See type-to-badgeColor mapping: passive\u2192neutral, default\u2192purple, primary\u2192blue, secondary\u2192yellow, approval\u2192orange, suggestion\u2192blue, common\u2192aqua. `,
+          true
+        );
+        statementNode.comments = statementNode.comments ? [todoComment, ...statementNode.comments] : [todoComment];
+        hasModifications = true;
+      }
+    }
+    if (hasText) {
+      if (!path.value.children || path.value.children.length === 0) {
+        if (textValue) {
+          let childNodes = [];
+          if (textValue && typeof textValue === "object" && "type" in textValue) {
+            const textValueWithType = textValue;
+            if (textValueWithType.type === "Literal") {
+              childNodes = [j.jsxText(String(textValueWithType.value))];
+            } else if (textValueWithType.type === "JSXExpressionContainer") {
+              if (textValueWithType.expression) {
+                if (typeof textValueWithType.expression === "object" && "type" in textValueWithType.expression && textValueWithType.expression.type === "JSXElement") {
+                  childNodes = [textValueWithType.expression];
+                } else {
+                  childNodes = [textValue];
+                }
+              } else {
+                childNodes = [textValue];
+              }
+            } else if (textValueWithType.type === "JSXElement") {
+              childNodes = [textValue];
+            } else {
+              childNodes = [j.jsxExpressionContainer(textValue)];
+            }
+          } else {
+            childNodes = [j.jsxExpressionContainer(textValue)];
+          }
+          const newOpeningElement = j.jsxOpeningElement(
+            openingElement.name,
+            newAttrs
+          );
+          const newJSXElement = j.jsxElement(
+            newOpeningElement,
+            j.jsxClosingElement(openingElement.name),
+            childNodes
+          );
+          path.replace(newJSXElement);
+          hasModifications = true;
+        }
+      }
+    }
+  });
+  return hasModifications ? root.toSource(options) : file.source;
+}
+module.exports = transformer;
+//# sourceMappingURL=badge-1.x-to-2.x.js.map

package/dist/codemods/badge-1.x-to-2.x.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../codemods/badge-1.x-to-2.x.ts"],"sourcesContent":["import type { API, FileInfo, Options, Collection } from \"jscodeshift\";\n\n// Type to badgeColor mapping\nconst TYPE_TO_BADGE_COLOR = {\n  passive: \"neutral\",\n  default: \"purple\",\n  primary: \"blue\",\n  secondary: \"yellow\",\n  approval: \"orange\",\n  suggestion: \"blue\",\n  common: \"aqua\", // Note: colors.container.background.decorative.aqua does not match colors.aqua.600\n} as const;\n\ntype BadgeType = keyof typeof TYPE_TO_BADGE_COLOR;\ntype BadgeColor = (typeof TYPE_TO_BADGE_COLOR)[BadgeType];\n\n// Map type value to badgeColor value\nfunction mapTypeToBadgeColor(typeValue: string): BadgeColor | undefined {\n  if (typeValue in TYPE_TO_BADGE_COLOR) {\n    return TYPE_TO_BADGE_COLOR[typeValue as BadgeType];\n  }\n  // Invalid type value - should not happen in practice\n  return undefined;\n}\n\n// Check if Badge is imported from racine or seeds-react-badge\nfunction isBadgeComponent(\n  jsxElement: { value: { name: unknown } },\n  j: API[\"jscodeshift\"]\n): boolean {\n  const name = jsxElement.value.name;\n  if (!name || typeof name !== \"object\") return false;\n\n  // Handle direct usage: <Badge />\n  if (\"name\" in name && (name as { name: string }).name === \"Badge\") {\n    return true;\n  }\n\n  // Handle member expressions: <Some.Badge />\n  if (\n    \"type\" in name &&\n    (name as { type: string }).type === \"JSXMemberExpression\" &&\n    \"property\" in name &&\n    (name as { property?: { name?: string } }).property?.name === \"Badge\"\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\n// Find Badge import from racine or seeds-react-badge\nfunction findBadgeImport(\n  root: Collection<any>,\n  j: API[\"jscodeshift\"]\n): boolean {\n  const imports = root.find(j.ImportDeclaration);\n  let hasBadgeImport = false;\n\n  imports.forEach((path) => {\n    const source = path.value.source.value;\n    if (\n      source === \"@sproutsocial/racine\" ||\n      source === \"@sproutsocial/seeds-react-badge\"\n    ) {\n      const specifiers = path.value.specifiers || [];\n      specifiers.forEach((spec) => {\n        if (\n          (spec.type === \"ImportSpecifier\" &&\n            spec.imported?.name === \"Badge\") ||\n          spec.local?.name === \"Badge\"\n        ) {\n          hasBadgeImport = true;\n        }\n      });\n    }\n  });\n\n  return hasBadgeImport;\n}\n\n// Add TODO comment for data attribute references\nfunction addDataAttributeTodo(\n  ast: Collection<any>,\n  j: API[\"jscodeshift\"],\n  originalSource: string\n): boolean {\n  let hasModifications = false;\n\n  // Patterns to search for (case-insensitive, handle both single and double quotes)\n  const patterns = [\n    /data-qa-badge-type/i,\n    /data-qa-badge-tip/i,\n    /data-tip.*badge/i,\n    /badge-type/i,\n    /badge-tip/i,\n    /getByDataQaLabel\\(['\"]badge-type['\"]/i,\n    /getByDataQaLabel\\(['\"]badge-tip['\"]/i,\n    /queryByDataQaLabel\\(['\"]badge-type['\"]/i,\n    /queryByDataQaLabel\\(['\"]badge-tip['\"]/i,\n    /\\.attr\\(['\"]data-tip['\"]/i,\n    /\\.attr\\(['\"]data-qa-badge/i,\n    /\\[data-qa-badge-type\\]/i,\n    /\\[data-qa-badge-tip\\]/i,\n  ];\n\n  // Check if any pattern matches\n  const hasMatch = patterns.some((pattern) => pattern.test(originalSource));\n\n  if (hasMatch) {\n    // Find the Program node to add comment\n    const program = ast.find(j.Program).paths()[0];\n    if (program) {\n      // Check if TODO comment already exists\n      const programBody = program.value.body;\n      const firstStatement = programBody[0];\n      const statementWithComments = firstStatement as {\n        leadingComments?: Array<{ value?: string }>;\n      };\n      const existingComment =\n        statementWithComments?.leadingComments?.some(\n          (comment: { value?: string }) =>\n            comment.value && comment.value.includes(\"badge-1.x-to-2.x codemod\")\n        ) ||\n        program.value.comments?.some(\n          (comment) =>\n            comment.value && comment.value.includes(\"badge-1.x-to-2.x codemod\")\n        );\n\n      if (!existingComment && firstStatement) {\n        const todoComment = j.commentBlock(\n          ` TODO (badge-1.x-to-2.x codemod): Data attributes data-qa-badge-type, data-qa-badge-tip, and data-tip have been removed from Badge component. Update test selectors and data attribute references. `,\n          true\n        );\n\n        // Add comment before the first statement using comments property (like icon-library codemod)\n        const statementWithComments = firstStatement as {\n          comments?: Array<{ value?: string }>;\n        };\n        statementWithComments.comments = statementWithComments.comments\n          ? [todoComment, ...statementWithComments.comments]\n          : [todoComment];\n        hasModifications = true;\n      }\n    }\n  }\n\n  return hasModifications;\n}\n\nfunction transformer(\n  file: FileInfo,\n  api: API,\n  options: Options\n): string | null {\n  const j = api.jscodeshift;\n  const root = j(file.source);\n  let hasModifications = false;\n\n  // Add TODO comments for data attribute references (check regardless of Badge imports)\n  // Use original file source for pattern matching\n  const dataAttrModifications = addDataAttributeTodo(root, j, file.source);\n  if (dataAttrModifications) {\n    hasModifications = true;\n  }\n\n  // Only process files that import Badge from racine or seeds-react-badge\n  const hasBadgeImport = findBadgeImport(root, j);\n\n  // If no Badge import, return unchanged (don't transform other Badge components)\n  if (!hasBadgeImport) {\n    return hasModifications ? root.toSource(options) : file.source;\n  }\n\n  // Find Badge JSX elements (find JSXElement, not just opening element)\n  const badgeElements = root.find(j.JSXElement).filter((path) => {\n    const openingElement = path.value.openingElement;\n    return openingElement && isBadgeComponent({ value: openingElement }, j);\n  });\n\n  // Transform Badge JSX elements\n  badgeElements.forEach((path) => {\n    const openingElement = path.value.openingElement;\n    if (!openingElement || !isBadgeComponent({ value: openingElement }, j))\n      return;\n\n    const attrs = openingElement.attributes || [];\n    const newAttrs: Array<(typeof attrs)[number]> = [];\n    let hasText = false;\n    let textValue: unknown = null;\n    let hasType = false;\n    let typeIsDynamic = false;\n    let typeStr: string | null = null; // Store extracted type value\n\n    // Process all attributes\n    attrs.forEach((attr) => {\n      if (attr.type === \"JSXSpreadAttribute\") {\n        // Keep spread attributes\n        newAttrs.push(attr);\n        return;\n      }\n\n      const attrName = attr.name.name;\n\n      // Handle size=\"default\" -> size=\"large\"\n      if (attrName === \"size\") {\n        let sizeValue: string | null = null;\n\n        if (\n          attr.value &&\n          (attr.value.type === \"Literal\" ||\n            attr.value.type === \"StringLiteral\") &&\n          typeof attr.value.value === \"string\"\n        ) {\n          sizeValue = attr.value.value;\n        } else if (\n          attr.value &&\n          attr.value.type === \"JSXExpressionContainer\" &&\n          attr.value.expression &&\n          (attr.value.expression.type === \"Literal\" ||\n            attr.value.expression.type === \"StringLiteral\") &&\n          typeof attr.value.expression.value === \"string\"\n        ) {\n          sizeValue = attr.value.expression.value;\n        }\n\n        if (sizeValue === \"default\") {\n          newAttrs.push(\n            j.jsxAttribute(j.jsxIdentifier(\"size\"), j.literal(\"large\"))\n          );\n          hasModifications = true;\n        } else {\n          newAttrs.push(attr);\n        }\n        return;\n      }\n\n      // Handle type prop\n      if (attrName === \"type\") {\n        hasType = true;\n\n        // Check if it's a dynamic value (variable or function call)\n        if (attr.value) {\n          if (attr.value.type === \"JSXExpressionContainer\") {\n            const expr = attr.value.expression;\n            if (\n              expr &&\n              expr.type !== \"Literal\" &&\n              expr.type !== \"StringLiteral\"\n            ) {\n              typeIsDynamic = true;\n            }\n          } else if (\n            attr.value.type !== \"Literal\" &&\n            attr.value.type !== \"StringLiteral\"\n          ) {\n            typeIsDynamic = true;\n          }\n        }\n\n        // Map static type values - extract typeStr but don't add badgeColor yet\n        if (!typeIsDynamic && attr.value) {\n          if (\n            (attr.value.type === \"Literal\" ||\n              attr.value.type === \"StringLiteral\") &&\n            typeof attr.value.value === \"string\"\n          ) {\n            typeStr = attr.value.value;\n          } else if (\n            attr.value.type === \"JSXExpressionContainer\" &&\n            attr.value.expression &&\n            (attr.value.expression.type === \"Literal\" ||\n              attr.value.expression.type === \"StringLiteral\") &&\n            typeof attr.value.expression.value === \"string\"\n          ) {\n            typeStr = attr.value.expression.value;\n          }\n        }\n\n        // Don't add type prop to newAttrs - it's being removed\n        // Mark as modified since we're removing the type prop\n        hasModifications = true;\n        return;\n      }\n\n      // Handle badgeColor - keep it if it exists\n      if (attrName === \"badgeColor\") {\n        newAttrs.push(attr);\n        return;\n      }\n\n      // Handle tip prop - remove it\n      if (attrName === \"tip\") {\n        hasModifications = true;\n        return; // Don't add to newAttrs\n      }\n\n      // Handle text prop\n      if (attrName === \"text\") {\n        hasText = true;\n        textValue = attr.value;\n        hasModifications = true;\n        // Don't add text prop to newAttrs - we'll convert to children\n        return;\n      }\n\n      // Keep all other attributes\n      newAttrs.push(attr);\n    });\n\n    // After processing all attributes, add badgeColor if needed\n    if (hasType && !typeIsDynamic && typeStr) {\n      const badgeColor = mapTypeToBadgeColor(typeStr);\n\n      if (badgeColor !== undefined) {\n        // Check if badgeColor already exists in newAttrs\n        const existingBadgeColor = newAttrs.find(\n          (a) => a.type !== \"JSXSpreadAttribute\" && a.name.name === \"badgeColor\"\n        );\n\n        if (!existingBadgeColor) {\n          newAttrs.push(\n            j.jsxAttribute(j.jsxIdentifier(\"badgeColor\"), j.literal(badgeColor))\n          );\n          hasModifications = true;\n        }\n\n        // Special handling for \"common\" type - add TODO comment\n        if (typeStr === \"common\") {\n          const parentPath = path.parentPath;\n          if (parentPath && parentPath.value) {\n            const parentNode = parentPath.value as {\n              comments?: Array<{ value?: string }>;\n            };\n            const todoComment = j.commentBlock(\n              ` TODO (badge-1.x-to-2.x codemod): type=\"common\" mapped to badgeColor=\"aqua\", but colors.container.background.decorative.aqua does not match original colors.aqua.600. Verify color match. `,\n              true\n            );\n            parentNode.comments = parentNode.comments\n              ? [todoComment, ...parentNode.comments]\n              : [todoComment];\n            hasModifications = true;\n          }\n        }\n      } else {\n        // Add TODO comment for unmapped static type values\n        const parentPath = path.parentPath;\n        if (parentPath && parentPath.value) {\n          const parentNode = parentPath.value as {\n            comments?: Array<{ value?: string }>;\n          };\n          const todoComment = j.commentBlock(\n            ` TODO (badge-1.x-to-2.x codemod): Unmapped static type value \"${typeStr}\". Manually update to a valid badgeColor. `,\n            true\n          );\n          parentNode.comments = parentNode.comments\n            ? [todoComment, ...parentNode.comments]\n            : [todoComment];\n          hasModifications = true;\n        }\n      }\n    }\n\n    // Update attributes\n    openingElement.attributes = newAttrs;\n\n    // Handle dynamic type - add TODO comment\n    if (hasType && typeIsDynamic) {\n      // Traverse up to find the containing statement (not just immediate parent)\n      let currentPath = path.parentPath;\n      let statementNode: { comments?: Array<{ value?: string }> } | null = null;\n\n      // Keep traversing up until we find a statement or reach the Program\n      while (currentPath) {\n        const node = currentPath.value;\n        // Check if this is a statement (not JSX)\n        if (\n          node &&\n          typeof node === \"object\" &&\n          \"type\" in node &&\n          node.type !== \"JSXElement\" &&\n          node.type !== \"JSXFragment\" &&\n          node.type !== \"JSXExpressionContainer\"\n        ) {\n          statementNode = node as { comments?: Array<{ value?: string }> };\n          break;\n        }\n        currentPath = currentPath.parentPath;\n      }\n\n      // If we didn't find a statement, try to add to the JSXElement's parent\n      if (!statementNode) {\n        const parentPath = path.parentPath;\n        if (parentPath && parentPath.value) {\n          statementNode = parentPath.value as {\n            comments?: Array<{ value?: string }>;\n          };\n        }\n      }\n\n      if (statementNode) {\n        const todoComment = j.commentBlock(\n          ` TODO (badge-1.x-to-2.x codemod): Update function/variable to return badgeColor values instead of type values. See type-to-badgeColor mapping: passive→neutral, default→purple, primary→blue, secondary→yellow, approval→orange, suggestion→blue, common→aqua. `,\n          true\n        );\n        statementNode.comments = statementNode.comments\n          ? [todoComment, ...statementNode.comments]\n          : [todoComment];\n        hasModifications = true;\n      }\n    }\n\n    // Handle text prop -> children conversion\n    if (hasText) {\n      // path is already the JSXElement\n      // Only convert if there are no existing children\n      if (!path.value.children || path.value.children.length === 0) {\n        if (textValue) {\n          let childNodes: unknown[] = [];\n\n          // Handle different text value types\n          if (\n            textValue &&\n            typeof textValue === \"object\" &&\n            \"type\" in textValue\n          ) {\n            const textValueWithType = textValue as {\n              type: string;\n              expression?: unknown;\n              value?: unknown;\n            };\n            if (textValueWithType.type === \"Literal\") {\n              childNodes = [j.jsxText(String(textValueWithType.value))];\n            } else if (textValueWithType.type === \"JSXExpressionContainer\") {\n              // Extract the expression from the container\n              if (textValueWithType.expression) {\n                if (\n                  typeof textValueWithType.expression === \"object\" &&\n                  \"type\" in textValueWithType.expression &&\n                  (textValueWithType.expression as { type: string }).type ===\n                    \"JSXElement\"\n                ) {\n                  // JSX element inside expression container - extract it\n                  childNodes = [textValueWithType.expression];\n                } else {\n                  // Keep the expression container\n                  childNodes = [textValue];\n                }\n              } else {\n                childNodes = [textValue];\n              }\n            } else if (textValueWithType.type === \"JSXElement\") {\n              // Direct JSX element\n              childNodes = [textValue];\n            } else {\n              // Wrap in expression container\n              childNodes = [j.jsxExpressionContainer(textValue as any)];\n            }\n          } else {\n            // Wrap in expression container\n            childNodes = [j.jsxExpressionContainer(textValue as any)];\n          }\n\n          // Create a new opening element with updated attributes\n          const newOpeningElement = j.jsxOpeningElement(\n            openingElement.name,\n            newAttrs\n          );\n\n          // Create a new JSXElement with children and closing element\n          const newJSXElement = j.jsxElement(\n            newOpeningElement,\n            j.jsxClosingElement(openingElement.name),\n            childNodes as Parameters<typeof j.jsxElement>[2]\n          );\n\n          // Replace the old element with the new one\n          path.replace(newJSXElement);\n\n          hasModifications = true;\n        }\n      }\n    }\n  });\n\n  return hasModifications ? root.toSource(options) : file.source;\n}\n\nmodule.exports = transformer;\n"],"mappings":";;;AAGA,IAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA;AACV;AAMA,SAAS,oBAAoB,WAA2C;AACtE,MAAI,aAAa,qBAAqB;AACpC,WAAO,oBAAoB,SAAsB;AAAA,EACnD;AAEA,SAAO;AACT;AAGA,SAAS,iBACP,YACA,GACS;AACT,QAAM,OAAO,WAAW,MAAM;AAC9B,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;AAG9C,MAAI,UAAU,QAAS,KAA0B,SAAS,SAAS;AACjE,WAAO;AAAA,EACT;AAGA,MACE,UAAU,QACT,KAA0B,SAAS,yBACpC,cAAc,QACb,KAA0C,UAAU,SAAS,SAC9D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAGA,SAAS,gBACP,MACA,GACS;AACT,QAAM,UAAU,KAAK,KAAK,EAAE,iBAAiB;AAC7C,MAAI,iBAAiB;AAErB,UAAQ,QAAQ,CAAC,SAAS;AACxB,UAAM,SAAS,KAAK,MAAM,OAAO;AACjC,QACE,WAAW,0BACX,WAAW,mCACX;AACA,YAAM,aAAa,KAAK,MAAM,cAAc,CAAC;AAC7C,iBAAW,QAAQ,CAAC,SAAS;AAC3B,YACG,KAAK,SAAS,qBACb,KAAK,UAAU,SAAS,WAC1B,KAAK,OAAO,SAAS,SACrB;AACA,2BAAiB;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAGA,SAAS,qBACP,KACA,GACA,gBACS;AACT,MAAI,mBAAmB;AAGvB,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAGA,QAAM,WAAW,SAAS,KAAK,CAAC,YAAY,QAAQ,KAAK,cAAc,CAAC;AAExE,MAAI,UAAU;AAEZ,UAAM,UAAU,IAAI,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC7C,QAAI,SAAS;AAEX,YAAM,cAAc,QAAQ,MAAM;AAClC,YAAM,iBAAiB,YAAY,CAAC;AACpC,YAAM,wBAAwB;AAG9B,YAAM,kBACJ,uBAAuB,iBAAiB;AAAA,QACtC,CAAC,YACC,QAAQ,SAAS,QAAQ,MAAM,SAAS,0BAA0B;AAAA,MACtE,KACA,QAAQ,MAAM,UAAU;AAAA,QACtB,CAAC,YACC,QAAQ,SAAS,QAAQ,MAAM,SAAS,0BAA0B;AAAA,MACtE;AAEF,UAAI,CAAC,mBAAmB,gBAAgB;AACtC,cAAM,cAAc,EAAE;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AAGA,cAAMA,yBAAwB;AAG9B,QAAAA,uBAAsB,WAAWA,uBAAsB,WACnD,CAAC,aAAa,GAAGA,uBAAsB,QAAQ,IAC/C,CAAC,WAAW;AAChB,2BAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,YACP,MACA,KACA,SACe;AACf,QAAM,IAAI,IAAI;AACd,QAAM,OAAO,EAAE,KAAK,MAAM;AAC1B,MAAI,mBAAmB;AAIvB,QAAM,wBAAwB,qBAAqB,MAAM,GAAG,KAAK,MAAM;AACvE,MAAI,uBAAuB;AACzB,uBAAmB;AAAA,EACrB;AAGA,QAAM,iBAAiB,gBAAgB,MAAM,CAAC;AAG9C,MAAI,CAAC,gBAAgB;AACnB,WAAO,mBAAmB,KAAK,SAAS,OAAO,IAAI,KAAK;AAAA,EAC1D;AAGA,QAAM,gBAAgB,KAAK,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,SAAS;AAC7D,UAAM,iBAAiB,KAAK,MAAM;AAClC,WAAO,kBAAkB,iBAAiB,EAAE,OAAO,eAAe,GAAG,CAAC;AAAA,EACxE,CAAC;AAGD,gBAAc,QAAQ,CAAC,SAAS;AAC9B,UAAM,iBAAiB,KAAK,MAAM;AAClC,QAAI,CAAC,kBAAkB,CAAC,iBAAiB,EAAE,OAAO,eAAe,GAAG,CAAC;AACnE;AAEF,UAAM,QAAQ,eAAe,cAAc,CAAC;AAC5C,UAAM,WAA0C,CAAC;AACjD,QAAI,UAAU;AACd,QAAI,YAAqB;AACzB,QAAI,UAAU;AACd,QAAI,gBAAgB;AACpB,QAAI,UAAyB;AAG7B,UAAM,QAAQ,CAAC,SAAS;AACtB,UAAI,KAAK,SAAS,sBAAsB;AAEtC,iBAAS,KAAK,IAAI;AAClB;AAAA,MACF;AAEA,YAAM,WAAW,KAAK,KAAK;AAG3B,UAAI,aAAa,QAAQ;AACvB,YAAI,YAA2B;AAE/B,YACE,KAAK,UACJ,KAAK,MAAM,SAAS,aACnB,KAAK,MAAM,SAAS,oBACtB,OAAO,KAAK,MAAM,UAAU,UAC5B;AACA,sBAAY,KAAK,MAAM;AAAA,QACzB,WACE,KAAK,SACL,KAAK,MAAM,SAAS,4BACpB,KAAK,MAAM,eACV,KAAK,MAAM,WAAW,SAAS,aAC9B,KAAK,MAAM,WAAW,SAAS,oBACjC,OAAO,KAAK,MAAM,WAAW,UAAU,UACvC;AACA,sBAAY,KAAK,MAAM,WAAW;AAAA,QACpC;AAEA,YAAI,cAAc,WAAW;AAC3B,mBAAS;AAAA,YACP,EAAE,aAAa,EAAE,cAAc,MAAM,GAAG,EAAE,QAAQ,OAAO,CAAC;AAAA,UAC5D;AACA,6BAAmB;AAAA,QACrB,OAAO;AACL,mBAAS,KAAK,IAAI;AAAA,QACpB;AACA;AAAA,MACF;AAGA,UAAI,aAAa,QAAQ;AACvB,kBAAU;AAGV,YAAI,KAAK,OAAO;AACd,cAAI,KAAK,MAAM,SAAS,0BAA0B;AAChD,kBAAM,OAAO,KAAK,MAAM;AACxB,gBACE,QACA,KAAK,SAAS,aACd,KAAK,SAAS,iBACd;AACA,8BAAgB;AAAA,YAClB;AAAA,UACF,WACE,KAAK,MAAM,SAAS,aACpB,KAAK,MAAM,SAAS,iBACpB;AACA,4BAAgB;AAAA,UAClB;AAAA,QACF;AAGA,YAAI,CAAC,iBAAiB,KAAK,OAAO;AAChC,eACG,KAAK,MAAM,SAAS,aACnB,KAAK,MAAM,SAAS,oBACtB,OAAO,KAAK,MAAM,UAAU,UAC5B;AACA,sBAAU,KAAK,MAAM;AAAA,UACvB,WACE,KAAK,MAAM,SAAS,4BACpB,KAAK,MAAM,eACV,KAAK,MAAM,WAAW,SAAS,aAC9B,KAAK,MAAM,WAAW,SAAS,oBACjC,OAAO,KAAK,MAAM,WAAW,UAAU,UACvC;AACA,sBAAU,KAAK,MAAM,WAAW;AAAA,UAClC;AAAA,QACF;AAIA,2BAAmB;AACnB;AAAA,MACF;AAGA,UAAI,aAAa,cAAc;AAC7B,iBAAS,KAAK,IAAI;AAClB;AAAA,MACF;AAGA,UAAI,aAAa,OAAO;AACtB,2BAAmB;AACnB;AAAA,MACF;AAGA,UAAI,aAAa,QAAQ;AACvB,kBAAU;AACV,oBAAY,KAAK;AACjB,2BAAmB;AAEnB;AAAA,MACF;AAGA,eAAS,KAAK,IAAI;AAAA,IACpB,CAAC;AAGD,QAAI,WAAW,CAAC,iBAAiB,SAAS;AACxC,YAAM,aAAa,oBAAoB,OAAO;AAE9C,UAAI,eAAe,QAAW;AAE5B,cAAM,qBAAqB,SAAS;AAAA,UAClC,CAAC,MAAM,EAAE,SAAS,wBAAwB,EAAE,KAAK,SAAS;AAAA,QAC5D;AAEA,YAAI,CAAC,oBAAoB;AACvB,mBAAS;AAAA,YACP,EAAE,aAAa,EAAE,cAAc,YAAY,GAAG,EAAE,QAAQ,UAAU,CAAC;AAAA,UACrE;AACA,6BAAmB;AAAA,QACrB;AAGA,YAAI,YAAY,UAAU;AACxB,gBAAM,aAAa,KAAK;AACxB,cAAI,cAAc,WAAW,OAAO;AAClC,kBAAM,aAAa,WAAW;AAG9B,kBAAM,cAAc,EAAE;AAAA,cACpB;AAAA,cACA;AAAA,YACF;AACA,uBAAW,WAAW,WAAW,WAC7B,CAAC,aAAa,GAAG,WAAW,QAAQ,IACpC,CAAC,WAAW;AAChB,+BAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF,OAAO;AAEL,cAAM,aAAa,KAAK;AACxB,YAAI,cAAc,WAAW,OAAO;AAClC,gBAAM,aAAa,WAAW;AAG9B,gBAAM,cAAc,EAAE;AAAA,YACpB,iEAAiE,OAAO;AAAA,YACxE;AAAA,UACF;AACA,qBAAW,WAAW,WAAW,WAC7B,CAAC,aAAa,GAAG,WAAW,QAAQ,IACpC,CAAC,WAAW;AAChB,6BAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAGA,mBAAe,aAAa;AAG5B,QAAI,WAAW,eAAe;AAE5B,UAAI,cAAc,KAAK;AACvB,UAAI,gBAAiE;AAGrE,aAAO,aAAa;AAClB,cAAM,OAAO,YAAY;AAEzB,YACE,QACA,OAAO,SAAS,YAChB,UAAU,QACV,KAAK,SAAS,gBACd,KAAK,SAAS,iBACd,KAAK,SAAS,0BACd;AACA,0BAAgB;AAChB;AAAA,QACF;AACA,sBAAc,YAAY;AAAA,MAC5B;AAGA,UAAI,CAAC,eAAe;AAClB,cAAM,aAAa,KAAK;AACxB,YAAI,cAAc,WAAW,OAAO;AAClC,0BAAgB,WAAW;AAAA,QAG7B;AAAA,MACF;AAEA,UAAI,eAAe;AACjB,cAAM,cAAc,EAAE;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AACA,sBAAc,WAAW,cAAc,WACnC,CAAC,aAAa,GAAG,cAAc,QAAQ,IACvC,CAAC,WAAW;AAChB,2BAAmB;AAAA,MACrB;AAAA,IACF;AAGA,QAAI,SAAS;AAGX,UAAI,CAAC,KAAK,MAAM,YAAY,KAAK,MAAM,SAAS,WAAW,GAAG;AAC5D,YAAI,WAAW;AACb,cAAI,aAAwB,CAAC;AAG7B,cACE,aACA,OAAO,cAAc,YACrB,UAAU,WACV;AACA,kBAAM,oBAAoB;AAK1B,gBAAI,kBAAkB,SAAS,WAAW;AACxC,2BAAa,CAAC,EAAE,QAAQ,OAAO,kBAAkB,KAAK,CAAC,CAAC;AAAA,YAC1D,WAAW,kBAAkB,SAAS,0BAA0B;AAE9D,kBAAI,kBAAkB,YAAY;AAChC,oBACE,OAAO,kBAAkB,eAAe,YACxC,UAAU,kBAAkB,cAC3B,kBAAkB,WAAgC,SACjD,cACF;AAEA,+BAAa,CAAC,kBAAkB,UAAU;AAAA,gBAC5C,OAAO;AAEL,+BAAa,CAAC,SAAS;AAAA,gBACzB;AAAA,cACF,OAAO;AACL,6BAAa,CAAC,SAAS;AAAA,cACzB;AAAA,YACF,WAAW,kBAAkB,SAAS,cAAc;AAElD,2BAAa,CAAC,SAAS;AAAA,YACzB,OAAO;AAEL,2BAAa,CAAC,EAAE,uBAAuB,SAAgB,CAAC;AAAA,YAC1D;AAAA,UACF,OAAO;AAEL,yBAAa,CAAC,EAAE,uBAAuB,SAAgB,CAAC;AAAA,UAC1D;AAGA,gBAAM,oBAAoB,EAAE;AAAA,YAC1B,eAAe;AAAA,YACf;AAAA,UACF;AAGA,gBAAM,gBAAgB,EAAE;AAAA,YACtB;AAAA,YACA,EAAE,kBAAkB,eAAe,IAAI;AAAA,YACvC;AAAA,UACF;AAGA,eAAK,QAAQ,aAAa;AAE1B,6BAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,mBAAmB,KAAK,SAAS,OAAO,IAAI,KAAK;AAC1D;AAEA,OAAO,UAAU;","names":["statementWithComments"]}

package/dist/esm/index.js

@@ -1,7 +1,5 @@
 // src/Badge.tsx
-import "react";
-import Box from "@sproutsocial/seeds-react-box";
-import Icon from "@sproutsocial/seeds-react-icon";
+import { Icon } from "@sproutsocial/seeds-react-icon";
 
 // src/styles.ts
 import styled from "styled-components";
@@ -421,6 +419,56 @@ var De = y(l({ cursor: true, whiteSpace: true }));
 var Ve = y(L({ key: "typography", prop: "typeScale" }));
 var mo = y(De, Ve, V, I, A, D, G, E, H, $, N, M);
 
+// src/styles.ts
+var StyledBadge = styled.span`
+  font-family: ${(p) => p.theme.fontFamily};
+  ${(p) => p.size === "small" ? p.theme.typography[100] : p.theme.typography[200]};
+  border-radius: 9999px;
+  line-height: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: ${(p) => p.theme.colors.text.body};
+  background: ${(p) => p.theme.colors.container.background.decorative[p.badgeColor]};
+  padding: ${(p) => p.size === "small" ? `${p.theme.space[0]} ${p.theme.space[200]}` : `${p.theme.space[300]}`};
+  ${ke};
+`;
+
+// src/Badge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Badge = ({
+  children,
+  iconName,
+  size = "small",
+  badgeColor = "blue",
+  color,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(
+    StyledBadge,
+    {
+      size,
+      badgeColor,
+      "data-qa-badge": true,
+      color,
+      ...rest,
+      children: [
+        iconName ? /* @__PURE__ */ jsx(
+          Icon,
+          {
+            mr: 200,
+            name: iconName,
+            size: size === "small" ? "mini" : "small",
+            "aria-hidden": true
+          }
+        ) : null,
+        children
+      ]
+    }
+  );
+};
+var Badge_default = Badge;
+
 // src/constants.ts
 var defaultPurple = {
   color: "colors.text.body",
@@ -473,68 +521,6 @@ var badgeColors = {
   teal: "teal"
 };
 
-// src/styles.ts
-import { themeGet } from "@styled-system/theme-get";
-var Container = styled.span`
-  font-family: ${(p) => p.theme.fontFamily};
-  ${(p) => p.size === "small" ? p.theme.typography[100] : p.theme.typography[200]};
-  border-radius: 9999px;
-  line-height: 16px;
-  display: inline-block;
-  color: ${(p) => p.type ? themeGet(legacyBadgeColors[p.type].color) : p.theme.colors.text.body};
-  background: ${(p) => p.type ? themeGet(legacyBadgeColors[p.type].background) : p.theme.colors.container.background.decorative[p.badgeColor]};
-  padding: ${(p) => p.size === "small" ? `${p.theme.space[0]} ${p.theme.space[200]}` : `${p.theme.space[300]}`};
-  ${ke};
-`;
-var styles_default = Container;
-
-// src/Badge.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Badge = ({
-  children,
-  text,
-  iconName,
-  type,
-  tip,
-  size = "small",
-  badgeColor = "blue",
-  color,
-  ...rest
-}) => {
-  if (children && text) {
-    throw new Error(
-      "can't use both `children` and `text` props. Text is deprecated, consider using children."
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    styles_default,
-    {
-      size: size === "default" ? "large" : size,
-      badgeColor,
-      "data-tip": tip,
-      "data-qa-badge": text || "",
-      "data-qa-badge-type": type,
-      "data-qa-badge-tip": tip || "",
-      type,
-      color,
-      ...rest,
-      children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: [
-        iconName ? /* @__PURE__ */ jsx(
-          Icon,
-          {
-            mr: 200,
-            name: iconName,
-            size: size === "small" ? "mini" : "small",
-            "aria-hidden": true
-          }
-        ) : null,
-        children || text
-      ] })
-    }
-  );
-};
-var Badge_default = Badge;
-
 // src/index.ts
 var index_default = Badge_default;
 export {