@planningcenter/tapestry-migration-cli 2.4.0-rc.0 → 2.4.0-rc.10

package/src/components/shared/transformFactories/stylePropTransformFactory.ts

@@ -251,6 +251,7 @@ export function stylePropTransformFactory(config: {
       const name = attr.name?.name as string
       return (
         name &&
+        name !== "css" &&
         (stylePropNames.includes(name) ||
           name in stylePropMapping ||
           stylesToKeep.includes(name) ||
@@ -319,7 +320,10 @@ export function stylePropTransformFactory(config: {
         styles = { ...styles, ...directStyleProps }
         if (options.verbose) console.log("Final generated styles:", styles)
 
-        applyStylesToComponent({ element, j, styles })
+        // Only apply styles if there are actual CSS properties to add
+        if (Object.keys(styles).length > 0) {
+          applyStylesToComponent({ element, j, styles })
+        }
       } catch (error) {
         console.log("Error processing style props:", error)
         console.log("Style props that caused error:", allStyleProps)

package/src/stubs/textPlugin.ts

@@ -0,0 +1,45 @@
+// copied from packages/tapestry-react/src/Text/Text.tsx in tapestry-react
+// size prop is not included since it is a supported prop in tapestry link
+
+export const textPlugin = {
+  getStyles({
+    align,
+    italic,
+    truncate,
+    underline,
+    weight,
+    wrap = true,
+    ...styles
+  }: Record<string, unknown>) {
+    if (align) {
+      styles.textAlign = align
+    }
+
+    if (italic) {
+      styles.fontStyle = "italic"
+    }
+
+    if (truncate) {
+      if (styles.display !== "block" && styles.display !== "flex") {
+        styles.display = "block"
+      }
+      styles.overflow = "hidden"
+      styles.textOverflow = "ellipsis"
+    }
+
+    if (truncate || wrap === false) {
+      styles.whiteSpace = "nowrap"
+    }
+
+    if (underline) {
+      styles.textDecoration = underline
+    }
+
+    if (weight) {
+      styles.fontWeight = weight
+    }
+
+    return styles
+  },
+  styleProps: ["align", "italic", "truncate", "underline", "weight", "wrap"],
+}