@truenas/ui-components 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -9107,6 +9107,17 @@ declare class TnFilePickerComponent implements ControlValueAccessor, OnInit, OnD
     /** Consumer-defined creation flows shown as buttons in the popup footer. */
     createActions: _angular_core.InputSignal<FilePickerCreateAction[]>;
     allowManualInput: _angular_core.InputSignal<boolean>;
+    /**
+     * Open the picker popup when the input is clicked while no path is selected
+     * yet — an empty field means the user is about to pick something, so the
+     * browser opens without the extra click on the folder button. A field that
+     * already holds a path keeps plain click behavior (the user may just want to
+     * edit the text). Deliberately pointer-only: opening on focus would pop the
+     * overlay on keyboard users tabbing through a form and leave it open behind
+     * them; tabbing never opens it, and the folder button stays the keyboard
+     * path to the popup.
+     */
+    openOnClick: _angular_core.InputSignal<boolean>;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
     /**
@@ -9157,6 +9168,8 @@ declare class TnFilePickerComponent implements ControlValueAccessor, OnInit, OnD
      * and spam `validatePath` with paths the user never meant.
      */
     onPathCommit(event: Event): void;
+    /** `openOnClick` entry point. */
+    onInputClick(): void;
     openFilePicker(): void;
     close(): void;
     onItemClick(item: FileSystemItem): void;
@@ -9210,7 +9223,7 @@ declare class TnFilePickerComponent implements ControlValueAccessor, OnInit, OnD
     private emitError;
     private createOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnFilePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnFilePickerComponent, "tn-file-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "createActions": { "alias": "createActions"; "required": false; "isSignal": true; }; "allowManualInput": { "alias": "allowManualInput"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "startPath": { "alias": "startPath"; "required": false; "isSignal": true; }; "rootPath": { "alias": "rootPath"; "required": false; "isSignal": true; }; "fileExtensions": { "alias": "fileExtensions"; "required": false; "isSignal": true; }; "callbacks": { "alias": "callbacks"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "pathChange": "pathChange"; "createAction": "createAction"; "error": "error"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnFilePickerComponent, "tn-file-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "createActions": { "alias": "createActions"; "required": false; "isSignal": true; }; "allowManualInput": { "alias": "allowManualInput"; "required": false; "isSignal": true; }; "openOnClick": { "alias": "openOnClick"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "startPath": { "alias": "startPath"; "required": false; "isSignal": true; }; "rootPath": { "alias": "rootPath"; "required": false; "isSignal": true; }; "fileExtensions": { "alias": "fileExtensions"; "required": false; "isSignal": true; }; "callbacks": { "alias": "callbacks"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "pathChange": "pathChange"; "createAction": "createAction"; "error": "error"; }, never, never, true, never>;
 }
 
 /** State of an open inline creation row. */