@jupyterlab/filebrowser 4.1.0-alpha.2 → 4.1.0-alpha.4

package/lib/opendialog.d.ts

@@ -19,6 +19,10 @@ export declare namespace FileDialog {
          * The application language translator.
          */
         translator?: ITranslator;
+        /**
+         * Default path to open
+         */
+        defaultPath?: string;
     }
     /**
      * Options for the open file dialog

package/lib/opendialog.js

@@ -7,6 +7,7 @@ import { newFolderIcon, refreshIcon } from '@jupyterlab/ui-components';
 import { PanelLayout, Widget } from '@lumino/widgets';
 import { FileBrowser } from './browser';
 import { FilterFileBrowserModel } from './model';
+import { PromiseDelegate } from '@lumino/coreutils';
 /**
  * The class name added to open file dialog
  */
@@ -26,9 +27,10 @@ export var FileDialog;
      *
      * @returns A promise that resolves with whether the dialog was accepted.
      */
-    function getOpenFiles(options) {
+    async function getOpenFiles(options) {
         const translator = options.translator || nullTranslator;
         const trans = translator.load('jupyterlab');
+        const openDialog = new OpenDialog(options.manager, options.filter, translator, options.defaultPath);
         const dialogOptions = {
             title: options.title,
             buttons: [
@@ -40,8 +42,9 @@ export var FileDialog;
             focusNodeSelector: options.focusNodeSelector,
             host: options.host,
             renderer: options.renderer,
-            body: new OpenDialog(options.manager, options.filter, translator)
+            body: openDialog
         };
+        await openDialog.ready;
         const dialog = new Dialog(dialogOptions);
         return dialog.launch();
     }
@@ -70,42 +73,51 @@ export var FileDialog;
  * Open dialog widget
  */
 class OpenDialog extends Widget {
-    constructor(manager, filter, translator, filterDirectories) {
+    constructor(manager, filter, translator, defaultPath, filterDirectories) {
         super();
+        this._ready = new PromiseDelegate();
         translator = translator !== null && translator !== void 0 ? translator : nullTranslator;
         const trans = translator.load('jupyterlab');
         this.addClass(OPEN_DIALOG_CLASS);
-        this._browser = Private.createFilteredFileBrowser('filtered-file-browser-dialog', manager, filter, {}, translator, filterDirectories);
-        // Add toolbar items
-        setToolbar(this._browser, (browser) => [
-            {
-                name: 'new-folder',
-                widget: new ToolbarButton({
-                    icon: newFolderIcon,
-                    onClick: () => {
-                        void browser.createNewDirectory();
-                    },
-                    tooltip: trans.__('New Folder')
-                })
-            },
-            {
-                name: 'refresher',
-                widget: new ToolbarButton({
-                    icon: refreshIcon,
-                    onClick: () => {
-                        browser.model.refresh().catch(reason => {
-                            console.error('Failed to refresh file browser in open dialog.', reason);
-                        });
-                    },
-                    tooltip: trans.__('Refresh File List')
-                })
-            }
-        ]);
-        // Build the sub widgets
-        const layout = new PanelLayout();
-        layout.addWidget(this._browser);
-        // Set Widget content
-        this.layout = layout;
+        Private.createFilteredFileBrowser('filtered-file-browser-dialog', manager, filter, {}, translator, defaultPath, filterDirectories)
+            .then(browser => {
+            this._browser = browser;
+            // Add toolbar items
+            setToolbar(this._browser, (browser) => [
+                {
+                    name: 'new-folder',
+                    widget: new ToolbarButton({
+                        icon: newFolderIcon,
+                        onClick: () => {
+                            void browser.createNewDirectory();
+                        },
+                        tooltip: trans.__('New Folder')
+                    })
+                },
+                {
+                    name: 'refresher',
+                    widget: new ToolbarButton({
+                        icon: refreshIcon,
+                        onClick: () => {
+                            browser.model.refresh().catch(reason => {
+                                console.error('Failed to refresh file browser in open dialog.', reason);
+                            });
+                        },
+                        tooltip: trans.__('Refresh File List')
+                    })
+                }
+            ]);
+            // Build the sub widgets
+            const layout = new PanelLayout();
+            layout.addWidget(this._browser);
+            // Set Widget content
+            this.layout = layout;
+            this._ready.resolve();
+        })
+            .catch(reason => {
+            console.error('Error while creating file browser in open dialog', reason);
+            this._ready.reject(void 0);
+        });
     }
     /**
      * Get the selected items.
@@ -132,6 +144,12 @@ class OpenDialog extends Widget {
             return selection;
         }
     }
+    /**
+     * A promise that resolves when openDialog is successfully created.
+     */
+    get ready() {
+        return this._ready.promise;
+    }
 }
 var Private;
 (function (Private) {
@@ -157,7 +175,7 @@ var Private;
      * as the initial ID passed into the factory is used for only one file browser
      * instance.
      */
-    Private.createFilteredFileBrowser = (id, manager, filter, options = {}, translator, filterDirectories) => {
+    Private.createFilteredFileBrowser = async (id, manager, filter, options = {}, translator, defaultPath, filterDirectories) => {
         translator = translator || nullTranslator;
         const model = new FilterFileBrowserModel({
             manager,
@@ -167,6 +185,9 @@ var Private;
             refreshInterval: options.refreshInterval,
             filterDirectories
         });
+        if (defaultPath) {
+            await model.cd(defaultPath);
+        }
         const widget = new FileBrowser({
             id,
             model,

package/lib/opendialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"opendialog.js","sourceRoot":"","sources":["../src/opendialog.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"opendialog.js","sourceRoot":"","sources":["../src/opendialog.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/filebrowser",
-  "version": "4.1.0-alpha.2",
+  "version": "4.1.0-alpha.4",
   "description": "JupyterLab - FileBrowser Widget",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -42,34 +42,34 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/apputils": "^4.2.0-alpha.2",
-    "@jupyterlab/coreutils": "^6.1.0-alpha.2",
-    "@jupyterlab/docmanager": "^4.1.0-alpha.2",
-    "@jupyterlab/docregistry": "^4.1.0-alpha.2",
-    "@jupyterlab/services": "^7.1.0-alpha.2",
-    "@jupyterlab/statedb": "^4.1.0-alpha.2",
-    "@jupyterlab/statusbar": "^4.1.0-alpha.2",
-    "@jupyterlab/translation": "^4.1.0-alpha.2",
-    "@jupyterlab/ui-components": "^4.1.0-alpha.2",
+    "@jupyterlab/apputils": "^4.2.0-alpha.4",
+    "@jupyterlab/coreutils": "^6.1.0-alpha.4",
+    "@jupyterlab/docmanager": "^4.1.0-alpha.4",
+    "@jupyterlab/docregistry": "^4.1.0-alpha.4",
+    "@jupyterlab/services": "^7.1.0-alpha.4",
+    "@jupyterlab/statedb": "^4.1.0-alpha.4",
+    "@jupyterlab/statusbar": "^4.1.0-alpha.4",
+    "@jupyterlab/translation": "^4.1.0-alpha.4",
+    "@jupyterlab/ui-components": "^4.1.0-alpha.4",
     "@lumino/algorithm": "^2.0.1",
     "@lumino/coreutils": "^2.1.2",
     "@lumino/disposable": "^2.1.2",
     "@lumino/domutils": "^2.0.1",
-    "@lumino/dragdrop": "^2.1.3",
+    "@lumino/dragdrop": "^2.1.4",
     "@lumino/messaging": "^2.0.1",
     "@lumino/polling": "^2.1.2",
     "@lumino/signaling": "^2.1.2",
     "@lumino/virtualdom": "^2.0.1",
-    "@lumino/widgets": "^2.3.1-alpha.0",
+    "@lumino/widgets": "^2.3.1",
     "react": "^18.2.0"
   },
   "devDependencies": {
-    "@jupyterlab/testing": "^4.1.0-alpha.2",
+    "@jupyterlab/testing": "^4.1.0-alpha.4",
     "@types/jest": "^29.2.0",
     "jest": "^29.2.0",
-    "rimraf": "~3.0.0",
+    "rimraf": "~5.0.5",
     "typedoc": "~0.24.7",
-    "typescript": "~5.0.4"
+    "typescript": "~5.1.6"
   },
   "publishConfig": {
     "access": "public"

package/src/browser.ts

@@ -62,8 +62,6 @@ export class FileBrowser extends SidePanel {
     model.connectionFailure.connect(this._onConnectionFailure, this);
     this._manager = model.manager;
 
-    // a11y
-    this.toolbar.node.setAttribute('role', 'navigation');
     this.toolbar.node.setAttribute(
       'aria-label',
       this._trans.__('file browser')
@@ -126,6 +124,17 @@ export class FileBrowser extends SidePanel {
     }
   }
 
+  /**
+   * Whether to show the full path in the breadcrumbs
+   */
+  get showFullPath(): boolean {
+    return this.crumbs.fullPath;
+  }
+
+  set showFullPath(value: boolean) {
+    this.crumbs.fullPath = value;
+  }
+
   /**
    * Whether to show the file size column
    */

package/src/crumbs.ts

@@ -15,6 +15,7 @@ import {
   folderIcon as rootIcon
 } from '@jupyterlab/ui-components';
 import { ArrayExt } from '@lumino/algorithm';
+import { JSONExt } from '@lumino/coreutils';
 import { ElementExt } from '@lumino/domutils';
 import { Drag } from '@lumino/dragdrop';
 import { Message } from '@lumino/messaging';
@@ -70,6 +71,7 @@ export class BreadCrumbs extends Widget {
     this.translator = options.translator || nullTranslator;
     this._trans = this.translator.load('jupyterlab');
     this._model = options.model;
+    this._fullPath = options.fullPath || false;
     this.addClass(BREADCRUMB_CLASS);
     this._crumbs = Private.createCrumbs();
     this._crumbSeps = Private.createCrumbSeparators();
@@ -114,6 +116,17 @@ export class BreadCrumbs extends Widget {
     }
   }
 
+  /**
+   * Whether to show the full path in the breadcrumbs
+   */
+  get fullPath(): boolean {
+    return this._fullPath;
+  }
+
+  set fullPath(value: boolean) {
+    this._fullPath = value;
+  }
+
   /**
    * A message handler invoked on an `'after-attach'` message.
    */
@@ -148,12 +161,16 @@ export class BreadCrumbs extends Widget {
     // Update the breadcrumb list.
     const contents = this._model.manager.services.contents;
     const localPath = contents.localPath(this._model.path);
-    Private.updateCrumbs(
-      this._crumbs,
-      this._crumbSeps,
-      localPath,
-      this._hasPreferred
-    );
+    const state = {
+      path: localPath,
+      hasPreferred: this._hasPreferred,
+      fullPath: this._fullPath
+    };
+    if (this._previousState && JSONExt.deepEqual(state, this._previousState)) {
+      return;
+    }
+    this._previousState = state;
+    Private.updateCrumbs(this._crumbs, this._crumbSeps, state);
   }
 
   /**
@@ -184,12 +201,20 @@ export class BreadCrumbs extends Widget {
         node.classList.contains(BREADCRUMB_ITEM_CLASS) ||
         node.classList.contains(BREADCRUMB_ROOT_CLASS)
       ) {
-        const index = ArrayExt.findFirstIndex(
+        let index = ArrayExt.findFirstIndex(
           this._crumbs,
           value => value === node
         );
+        let destination = BREAD_CRUMB_PATHS[index];
+        if (
+          this._fullPath &&
+          index < 0 &&
+          !node.classList.contains(BREADCRUMB_ROOT_CLASS)
+        ) {
+          destination = node.title;
+        }
         this._model
-          .cd(BREAD_CRUMB_PATHS[index])
+          .cd(destination)
           .catch(error =>
             showErrorMessage(this._trans.__('Open Error'), error)
           );
@@ -309,6 +334,8 @@ export class BreadCrumbs extends Widget {
   private _hasPreferred: boolean;
   private _crumbs: ReadonlyArray<HTMLElement>;
   private _crumbSeps: ReadonlyArray<HTMLElement>;
+  private _fullPath: boolean;
+  private _previousState: Private.ICrumbsState | null = null;
 }
 
 /**
@@ -328,6 +355,11 @@ export namespace BreadCrumbs {
      * The application language translator.
      */
     translator?: ITranslator;
+
+    /**
+     * Show the full file browser path in breadcrumbs
+     */
+    fullPath?: boolean;
   }
 }
 
@@ -346,14 +378,23 @@ namespace Private {
     Preferred
   }
 
+  /**
+   * Breadcrumbs state.
+   */
+  export interface ICrumbsState {
+    [key: string]: string | boolean;
+    path: string;
+    hasPreferred: boolean;
+    fullPath: boolean;
+  }
+
   /**
    * Populate the breadcrumb node.
    */
   export function updateCrumbs(
     breadcrumbs: ReadonlyArray<HTMLElement>,
     separators: ReadonlyArray<HTMLElement>,
-    path: string,
-    hasPreferred: boolean
+    state: ICrumbsState
   ): void {
     const node = breadcrumbs[0].parentNode as HTMLElement;
 
@@ -363,33 +404,47 @@ namespace Private {
       node.removeChild(firstChild.nextSibling);
     }
 
-    if (hasPreferred) {
+    if (state.hasPreferred) {
       node.appendChild(breadcrumbs[Crumb.Home]);
       node.appendChild(separators[0]);
     } else {
       node.appendChild(separators[0]);
     }
 
-    const parts = path.split('/');
-    if (parts.length > 2) {
+    const parts = state.path.split('/');
+    if (!state.fullPath && parts.length > 2) {
       node.appendChild(breadcrumbs[Crumb.Ellipsis]);
       const grandParent = parts.slice(0, parts.length - 2).join('/');
       breadcrumbs[Crumb.Ellipsis].title = grandParent;
       node.appendChild(separators[1]);
     }
 
-    if (path) {
-      if (parts.length >= 2) {
-        breadcrumbs[Crumb.Parent].textContent = parts[parts.length - 2];
-        node.appendChild(breadcrumbs[Crumb.Parent]);
-        const parent = parts.slice(0, parts.length - 1).join('/');
-        breadcrumbs[Crumb.Parent].title = parent;
-        node.appendChild(separators[2]);
+    if (state.path) {
+      if (!state.fullPath) {
+        if (parts.length >= 2) {
+          breadcrumbs[Crumb.Parent].textContent = parts[parts.length - 2];
+          node.appendChild(breadcrumbs[Crumb.Parent]);
+          const parent = parts.slice(0, parts.length - 1).join('/');
+          breadcrumbs[Crumb.Parent].title = parent;
+          node.appendChild(separators[2]);
+        }
+        breadcrumbs[Crumb.Current].textContent = parts[parts.length - 1];
+        node.appendChild(breadcrumbs[Crumb.Current]);
+        breadcrumbs[Crumb.Current].title = state.path;
+        node.appendChild(separators[3]);
+      } else {
+        for (let i = 0; i < parts.length; i++) {
+          const elem = document.createElement('span');
+          elem.className = BREADCRUMB_ITEM_CLASS;
+          elem.textContent = parts[i];
+          const elemPath = `/${parts.slice(0, i + 1).join('/')}`;
+          elem.title = elemPath;
+          node.appendChild(elem);
+          const separator = document.createElement('span');
+          separator.textContent = '/';
+          node.appendChild(separator);
+        }
       }
-      breadcrumbs[Crumb.Current].textContent = parts[parts.length - 1];
-      node.appendChild(breadcrumbs[Crumb.Current]);
-      breadcrumbs[Crumb.Current].title = path;
-      node.appendChild(separators[3]);
     }
   }
 

package/src/listing.ts

@@ -2251,6 +2251,8 @@ export namespace DirListing {
       const node = document.createElement('div');
       const header = document.createElement('div');
       const content = document.createElement('ul');
+      // Allow the node to scroll while dragging items.
+      content.setAttribute('data-lm-dragscroll', 'true');
       content.className = CONTENT_CLASS;
       header.className = HEADER_CLASS;
       node.appendChild(header);

package/src/opendialog.ts

@@ -11,6 +11,7 @@ import { PanelLayout, Widget } from '@lumino/widgets';
 import { FileBrowser } from './browser';
 import { FilterFileBrowserModel } from './model';
 import { IFileBrowserFactory } from './tokens';
+import { PromiseDelegate } from '@lumino/coreutils';
 
 /**
  * The class name added to open file dialog
@@ -43,6 +44,11 @@ export namespace FileDialog {
      * The application language translator.
      */
     translator?: ITranslator;
+
+    /**
+     * Default path to open
+     */
+    defaultPath?: string;
   }
 
   /**
@@ -70,11 +76,17 @@ export namespace FileDialog {
    *
    * @returns A promise that resolves with whether the dialog was accepted.
    */
-  export function getOpenFiles(
+  export async function getOpenFiles(
     options: IFileOptions
   ): Promise<Dialog.IResult<Contents.IModel[]>> {
     const translator = options.translator || nullTranslator;
     const trans = translator.load('jupyterlab');
+    const openDialog = new OpenDialog(
+      options.manager,
+      options.filter,
+      translator,
+      options.defaultPath
+    );
     const dialogOptions: Partial<Dialog.IOptions<Contents.IModel[]>> = {
       title: options.title,
       buttons: [
@@ -86,8 +98,11 @@ export namespace FileDialog {
       focusNodeSelector: options.focusNodeSelector,
       host: options.host,
       renderer: options.renderer,
-      body: new OpenDialog(options.manager, options.filter, translator)
+      body: openDialog
     };
+
+    await openDialog.ready;
+
     const dialog = new Dialog(dialogOptions);
     return dialog.launch();
   }
@@ -125,6 +140,7 @@ class OpenDialog
     manager: IDocumentManager,
     filter?: (value: Contents.IModel) => Partial<IScore> | null,
     translator?: ITranslator,
+    defaultPath?: string,
     filterDirectories?: boolean
   ) {
     super();
@@ -132,50 +148,63 @@ class OpenDialog
     const trans = translator.load('jupyterlab');
     this.addClass(OPEN_DIALOG_CLASS);
 
-    this._browser = Private.createFilteredFileBrowser(
+    Private.createFilteredFileBrowser(
       'filtered-file-browser-dialog',
       manager,
       filter,
       {},
       translator,
+      defaultPath,
       filterDirectories
-    );
+    )
+      .then(browser => {
+        this._browser = browser;
 
-    // Add toolbar items
-    setToolbar(this._browser, (browser: FileBrowser) => [
-      {
-        name: 'new-folder',
-        widget: new ToolbarButton({
-          icon: newFolderIcon,
-          onClick: () => {
-            void browser.createNewDirectory();
-          },
-          tooltip: trans.__('New Folder')
-        })
-      },
-      {
-        name: 'refresher',
-        widget: new ToolbarButton({
-          icon: refreshIcon,
-          onClick: () => {
-            browser.model.refresh().catch(reason => {
-              console.error(
-                'Failed to refresh file browser in open dialog.',
-                reason
-              );
-            });
+        // Add toolbar items
+        setToolbar(this._browser, (browser: FileBrowser) => [
+          {
+            name: 'new-folder',
+            widget: new ToolbarButton({
+              icon: newFolderIcon,
+              onClick: () => {
+                void browser.createNewDirectory();
+              },
+              tooltip: trans.__('New Folder')
+            })
           },
-          tooltip: trans.__('Refresh File List')
-        })
-      }
-    ]);
+          {
+            name: 'refresher',
+            widget: new ToolbarButton({
+              icon: refreshIcon,
+              onClick: () => {
+                browser.model.refresh().catch(reason => {
+                  console.error(
+                    'Failed to refresh file browser in open dialog.',
+                    reason
+                  );
+                });
+              },
+              tooltip: trans.__('Refresh File List')
+            })
+          }
+        ]);
+
+        // Build the sub widgets
+        const layout = new PanelLayout();
+        layout.addWidget(this._browser);
 
-    // Build the sub widgets
-    const layout = new PanelLayout();
-    layout.addWidget(this._browser);
+        // Set Widget content
+        this.layout = layout;
 
-    // Set Widget content
-    this.layout = layout;
+        this._ready.resolve();
+      })
+      .catch(reason => {
+        console.error(
+          'Error while creating file browser in open dialog',
+          reason
+        );
+        this._ready.reject(void 0);
+      });
   }
 
   /**
@@ -203,6 +232,14 @@ class OpenDialog
     }
   }
 
+  /**
+   * A promise that resolves when openDialog is successfully created.
+   */
+  get ready(): Promise<void> {
+    return this._ready.promise;
+  }
+
+  private _ready: PromiseDelegate<void> = new PromiseDelegate<void>();
   private _browser: FileBrowser;
 }
 
@@ -229,14 +266,15 @@ namespace Private {
    * as the initial ID passed into the factory is used for only one file browser
    * instance.
    */
-  export const createFilteredFileBrowser = (
+  export const createFilteredFileBrowser = async (
     id: string,
     manager: IDocumentManager,
     filter?: (value: Contents.IModel) => Partial<IScore> | null,
     options: IFileBrowserFactory.IOptions = {},
     translator?: ITranslator,
+    defaultPath?: string,
     filterDirectories?: boolean
-  ): FileBrowser => {
+  ): Promise<FileBrowser> => {
     translator = translator || nullTranslator;
     const model = new FilterFileBrowserModel({
       manager,
@@ -246,6 +284,11 @@ namespace Private {
       refreshInterval: options.refreshInterval,
       filterDirectories
     });
+
+    if (defaultPath) {
+      await model.cd(defaultPath);
+    }
+
     const widget = new FileBrowser({
       id,
       model,