@startupjs-ui/file-input 0.2.1 → 0.3.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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)
+
+
+### Bug Fixes
+
+* **file-input:** fix typings of the files plugin ([2bf0191](https://github.com/startupjs/startupjs-ui/commit/2bf0191c7b389982f0956925f27b28e38de6427d))
+
+
+
+
+
 ## [0.2.1](https://github.com/startupjs/startupjs-ui/compare/v0.2.0...v0.2.1) (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/files.plugin.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionSpec, Signal, SignalModelConstructor } from 'startupjs'
+import { Signal, type CollectionSpec } from 'startupjs'
 
 export interface FileDoc {
   storageType: string
@@ -49,7 +49,7 @@ export interface FilesPluginServerOptions {
   transformUpload?: (context: FileUploadContext) => FileUploadTransformResult | void | Promise<FileUploadTransformResult | void>
 }
 
-interface FilesModel extends Signal<FileDoc[]> {
+export declare class FilesModel extends Signal<FileDoc[]> {
   addNew (file: Omit<FileDoc, 'createdAt' | 'updatedAt'>): Promise<string>
   getUrl (fileId: string, extension?: string): string
   getDownloadUrl (fileId: string, extension?: string): string
@@ -57,7 +57,7 @@ interface FilesModel extends Signal<FileDoc[]> {
   getDeleteUrl (fileId: string): string
 }
 
-interface FileModel extends Signal<FileDoc> {
+export declare class FileModel extends Signal<FileDoc> {
   getUrl (): string
   getDownloadUrl (): string
   getUploadUrl (): string
@@ -65,13 +65,10 @@ interface FileModel extends Signal<FileDoc> {
   getBlob (): Promise<Blob>
 }
 
-type FilesModelConstructor = SignalModelConstructor<FileDoc[], FilesModel>
-type FileModelConstructor = SignalModelConstructor<FileDoc, FileModel>
-
 declare module 'teamplay' {
   interface TeamplayPluginCollections {
     '@startupjs-ui/file-input/files': {
-      files: CollectionSpec<FileDoc, FilesModelConstructor, FileModelConstructor>
+      files: CollectionSpec<FileDoc, typeof FilesModel, typeof FileModel>
     }
   }
 }

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.1",
+  "version": "0.3.0",
   "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.0",
+    "@startupjs-ui/core": "^0.3.0",
+    "@startupjs-ui/dialogs": "^0.3.0",
+    "@startupjs-ui/div": "^0.3.0",
     "busboy": "^1.6.0",
     "expo-document-picker": ">=14.0.0",
     "expo-image-picker": ">=17.0.0",
@@ -49,5 +49,5 @@
       "optional": true
     }
   },
-  "gitHead": "38511829e3e4f084aecc79ae563e83286e319249"
+  "gitHead": "8d212b47680af1dfe582f9759b38724b46488e25"
 }