@startupjs-ui/file-input 0.2.2 → 0.3.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.1](https://github.com/startupjs/startupjs-ui/compare/v0.3.0...v0.3.1) (2026-06-08)
+
+**Note:** Version bump only for package @startupjs-ui/file-input
+
+
+
+
+
+# [0.3.0](https://github.com/startupjs/startupjs-ui/compare/v0.2.3...v0.3.0) (2026-05-27)
+
+
+### Features
+
+* [BREAKING] [0.3] improve accessibility props for E2E tests. Support testID everywhere ([#31](https://github.com/startupjs/startupjs-ui/issues/31)) ([882588c](https://github.com/startupjs/startupjs-ui/commit/882588ca37d5e1fd14b5717b5697cf9ed47042e4))
+
+
+
+
+
 ## [0.2.2](https://github.com/startupjs/startupjs-ui/compare/v0.2.1...v0.2.2) (2026-05-11)
 
 

package/README.mdx

@@ -63,6 +63,7 @@ return (
 - **afterUpload** -- a hook called after the upload finishes (can be async)
 - **render** -- a custom render function to replace the default Upload/Change/Delete buttons
 - **style** -- custom styles for the component
+- **testID** -- forwarded to the default Upload/Change action button. The Delete button receives `${testID}-delete`. When using `render`, place the passed `testID` on your custom control.
 - **ref** -- a ref object to access imperative methods (see below)
 
 ## Imperative methods

package/index.d.ts

@@ -22,9 +22,13 @@ export interface FileInputProps {
     /** Called with new fileId after successful upload */
     onChange?: (fileId?: string) => void;
     /** Custom renderer instead of the default Upload/Change/Delete buttons */
-    render?: () => ReactNode;
+    render?: (props?: {
+        testID?: string;
+    }) => ReactNode;
     /** Custom styles (reserved for future use) */
     style?: any;
+    /** Test identifier for the default primary action button */
+    testID?: string;
 }
 export interface FileInputRef {
     /** Opens the native picker and (optionally) uploads the selected file */

package/index.tsx

@@ -22,9 +22,11 @@ export interface FileInputProps {
   /** Called with new fileId after successful upload */
   onChange?: (fileId?: string) => void
   /** Custom renderer instead of the default Upload/Change/Delete buttons */
-  render?: () => ReactNode
+  render?: (props?: { testID?: string }) => ReactNode
   /** Custom styles (reserved for future use) */
   style?: any
+  /** Test identifier for the default primary action button */
+  testID?: string
 }
 
 export interface FileInputRef {

package/input.expo.tsx

@@ -22,6 +22,7 @@ function FileInput ({
   afterUpload,
   onChange = () => undefined,
   render,
+  testID,
   ref
 }: FileInputProps): ReactNode {
   let fileId = initialFileId
@@ -82,19 +83,21 @@ function FileInput ({
   }
 
   function renderDefault (): ReactNode {
+    const deleteTestID = testID ? `${testID}-delete` : undefined
+
     return pug`
       if fileId
         Div(row)
-          Button(onPress=pickFile) Change
-          Button(pushed onPress=handleDeleteFile variant='text' icon=faTrashAlt)
+          Button(testID=testID onPress=pickFile) Change
+          Button(testID=deleteTestID pushed onPress=handleDeleteFile variant='text' icon=faTrashAlt)
       else
-        Button(onPress=pickFile) Upload file
+        Button(testID=testID onPress=pickFile) Upload file
     `
   }
 
   return pug`
     if render
-      = render()
+      = render({ testID })
     else
       = renderDefault()
   `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/file-input",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "publishConfig": {
     "access": "public"
   },
@@ -21,10 +21,10 @@
   },
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@startupjs-ui/button": "^0.2.0",
-    "@startupjs-ui/core": "^0.2.0",
-    "@startupjs-ui/dialogs": "^0.2.0",
-    "@startupjs-ui/div": "^0.2.0",
+    "@startupjs-ui/button": "^0.3.1",
+    "@startupjs-ui/core": "^0.3.0",
+    "@startupjs-ui/dialogs": "^0.3.1",
+    "@startupjs-ui/div": "^0.3.1",
     "busboy": "^1.6.0",
     "expo-document-picker": ">=14.0.0",
     "expo-image-picker": ">=17.0.0",
@@ -49,5 +49,5 @@
       "optional": true
     }
   },
-  "gitHead": "1cbacbc3c6a919fc0ce6d3e2e335bcfe18a940d8"
+  "gitHead": "60311773bdc83f354c797a272774304502d28c58"
 }