@truenas/ui-components 0.4.2 → 0.4.3

package/package.json

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

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

@@ -9132,6 +9132,16 @@ declare class TnFilePickerComponent implements ControlValueAccessor, OnInit, OnD
     startPath: _angular_core.InputSignal<string>;
     /** Restricts navigation — users cannot navigate above this path. */
     rootPath: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Root against which the picker's VALUE is expressed — the form value,
+     * `selectionChange` payloads, and the text shown in the input. Browsing
+     * (`rootPath`, `startPath`, `callbacks`, `selectPath`) keeps absolute paths;
+     * the mapping applies only at the value boundary. E.g. with
+     * `valueRoot="/mnt"`, selecting `/mnt/tank/child` shows and emits the
+     * dataset name `tank/child` instead of the mountpoint path. Typed input is
+     * interpreted in the same value space (absolute paths still pass through).
+     */
+    valueRoot: _angular_core.InputSignal<string | undefined>;
     fileExtensions: _angular_core.InputSignal<string[] | undefined>;
     callbacks: _angular_core.InputSignal<FilePickerCallbacks | undefined>;
     selectionChange: _angular_core.OutputEmitterRef<string | string[]>;
@@ -9233,10 +9243,15 @@ declare class TnFilePickerComponent implements ControlValueAccessor, OnInit, OnD
      * would be the surprising behavior.
      */
     private updateSelection;
+    private normalizedValueRoot;
+    /** Maps an internal absolute path into the `valueRoot`-relative value space. */
+    private toValueSpace;
+    /** Maps a `valueRoot`-relative value back into an internal absolute path. */
+    private fromValueSpace;
     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; }; "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>;
+    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; }; "valueRoot": { "alias": "valueRoot"; "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>;
 }
 
 /**