Make the widgetFactory a property

example/src/index.ts

@@ -45,9 +45,10 @@ function main(): void {
   let sessionsManager = new NotebookSessionManager({ baseUrl: baseUrl });
 
   let fbModel = new FileBrowserModel(contentsManager, sessionsManager);
-  let fbWidget = new FileBrowserWidget(fbModel, path => {
+  let fbWidget = new FileBrowserWidget(fbModel)
+  fbWidget.widgetFactory = path => {
     return handler.open(path);
-  });
+  };
   let handler = new FileHandler(contentsManager);
 
   let panel = new SplitPanel();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jupyter-js-filebrowser",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "File browser widget for Jupyter",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

src/browser.ts

@@ -82,14 +82,14 @@ class FileBrowserWidget extends Widget {
    *
    * @param model - The file browser view model.
    */
-  constructor(model: FileBrowserModel, widgetFactory?: (path: string) => Widget) {
+  constructor(model: FileBrowserModel) {
     super();
     this.addClass(FILE_BROWSER_CLASS);
     this._model = model;
     this._model.refreshed.connect(this._handleRefresh, this)
     this._crumbs = new BreadCrumbs(model);
     this._buttons = new FileButtons(model);
-    this._listing = new DirListing(model, widgetFactory);
+    this._listing = new DirListing(model);
     this._listing.openRequested.connect((listing, path) => {
       this.openRequested.emit(path);
     });
@@ -134,6 +134,20 @@ class FileBrowserWidget extends Widget {
     return Private.openRequestedSignal.bind(this);
   }
 
+  /**
+   * Get the widget factory for the widget.
+   */
+  get widgetFactory(): (path: string) => Widget {
+    return this._listing.widgetFactory;
+  }
+
+  /**
+   * Set the widget factory for the widget.
+   */
+  set widgetFactory(factory: (path: string) => Widget) {
+    this._listing.widgetFactory = factory;
+  }
+
   /**
    * Change directory.
    */

src/listing.ts

@@ -222,12 +222,11 @@ class DirListing extends Widget {
    *
    * @param model - The file browser view model.
    */
-  constructor(model: FileBrowserModel, widgetFactory?: (path: string) => Widget) {
+  constructor(model: FileBrowserModel) {
     super();
     this.addClass(DIRLISTING_CLASS);
     this._model = model;
     this._model.refreshed.connect(this.update, this);
-    if (widgetFactory) this._widgetFactory = widgetFactory;
     this._editNode = document.createElement('input');
     this._editNode.className = ITEM_EDIT_CLASS;
   }
@@ -258,6 +257,20 @@ class DirListing extends Widget {
     return Private.openRequestedSignal.bind(this);
   }
 
+  /**
+   * Get the widget factory for the widget.
+   */
+  get widgetFactory(): (path: string) => Widget {
+    return this._widgetFactory;
+  }
+
+  /**
+   * Set the widget factory for the widget.
+   */
+  set widgetFactory(factory: (path: string) => Widget) {
+    this._widgetFactory = factory;
+  }
+
   /**
    * Rename the first currently selected item.
    */