@planningcenter/tapestry-migration-cli 4.6.2-rc.0 → 4.7.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-migration-cli",
-  "version": "4.6.2-rc.0",
+  "version": "4.7.0-rc.0",
   "description": "CLI tool for Tapestry migrations",
   "type": "module",
   "main": "dist/index.js",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
-    "@planningcenter/tapestry": "^4.6.2-rc.0",
+    "@planningcenter/tapestry": "^4.7.0-rc.0",
     "@planningcenter/tapestry-react": "^4.11.5",
     "@types/jscodeshift": "^17.3.0",
     "@types/node": "^20.0.0",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a288f88da3ab53d1ae05fd256821f5b26b08bd6f"
+  "gitHead": "abf2c7312e83c14dd7b6e917b52906f5935b817f"
 }

package/src/components/input/transforms/unsupportedProps.test.ts

@@ -316,7 +316,7 @@ function Test() {
       expect(result).toBe(input)
     })
 
-    it("should not transform Input with type='file' (unsupported type bails)", () => {
+    it("should not flag accept on type='file'", () => {
       const input = `
 import { Input } from "@planningcenter/tapestry-react"
 
@@ -326,7 +326,20 @@ function Test() {
       `.trim()
 
       const result = applyTransform(input)
-      expect(result).toBe(input)
+      expect(result).not.toContain("TODO: tapestry-migration")
+    })
+
+    it("should not flag capture or multiple on type='file'", () => {
+      const input = `
+import { Input } from "@planningcenter/tapestry-react"
+
+function Test() {
+  return <Input type="file" capture="environment" multiple label="File" />
+}
+      `.trim()
+
+      const result = applyTransform(input)
+      expect(result).not.toContain("TODO: tapestry-migration")
     })
 
     it("should not flag pattern on type='text'", () => {
@@ -455,7 +468,6 @@ function Test() {
       "datetime-local",
       "week",
       "month",
-      "file",
       "color",
       "checkbox",
       "radio",
@@ -483,6 +495,7 @@ function Test() {
     it("should not flag accepted type values", () => {
       const types = [
         "email",
+        "file",
         "number",
         "password",
         "search",

package/src/components/shared/helpers/unsupportedPropsHelpers.ts

@@ -81,6 +81,7 @@ export const INPUT_SPECIFIC_PROPS = [
 
 export const ACCEPTED_INPUT_TYPES = [
   "email",
+  "file",
   "number",
   "password",
   "search",
@@ -93,6 +94,7 @@ export const ACCEPTED_INPUT_TYPES = [
 // Only covers the types accepted by the Tapestry Input component.
 export const TYPE_SPECIFIC_PROPS: Record<string, string[]> = {
   email: ["dirname", "list", "multiple", "pattern"],
+  file: ["accept", "capture", "multiple"],
   number: ["inputMode", "list", "step"],
   password: ["pattern"],
   search: ["dirname", "inputMode", "list", "pattern"],