How to open in extra dialog window?

[stefaneidelloth]

Currently the file selection is shown in the cell output area.

How can I show the file selection as an extra popup dialog window?

(I would like to reuse the functionality of ipyfilechooser in a JupyterLab extension.)

[crahan]

I'm not sure how that would be accomplished, but I'll dig into it a little more.

[stefaneidelloth]

Thank you. As an alternative I found the FileDialog helpers.
https://jupyterlab.readthedocs.io/en/stable/developer/ui_helpers.html

var { FileDialog } = require('@jupyterlab/filebrowser');
var { IDocumentManager } = require ('@jupyterlab/docmanager');

...

async browseFilePath(initialDirectory, initialFile){

		var FileDialog = this.__dependencies['FileDialog'];
		var documentManager = this.__dependencies['documentManager'];

		const dialog = FileDialog.getOpenFiles({manager: documentManager});
	    const result = await dialog;
		if(result.button.accept){
		  let files = result.value;
		  return files[0].path.trim();
		}
		return ''; 
    }	

   
    async browseDirectoryPath(initialDirectory){   	
		var FileDialog = this.__dependencies['FileDialog'];
		var documentManager = this.__dependencies['documentManager'];

        //logs some error to the console due to a Jupyterlab bug
        //also see
        //https://github.com/jupyterlab/jupyterlab/issues/9263
		const dialog = FileDialog.getExistingDirectory({manager: documentManager});
	    const result = await dialog;
		if(result.button.accept){
		  let folders = result.value;
		  return folders[0].path.trim();
		}
		return ''; 	
    }

[crahan]

Thanks for the link. Good to know you were able to find a workaround. My goal is to keep ipyfilechooser compatible with both Jupyter Notebook and Lab so I'll keep digging some more to see if there's a possible solution that would work in both those cases.