@theia/filesystem 1.45.0 → 1.46.0-next.72

package/src/browser/file-dialog/file-dialog-tree-filters-renderer.tsx

@@ -1,100 +1,100 @@
-// *****************************************************************************
-// Copyright (C) 2018 Red Hat, Inc. and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { ReactRenderer } from '@theia/core/lib/browser/widgets/react-renderer';
-import { FileDialogTree } from './file-dialog-tree';
-import * as React from '@theia/core/shared/react';
-import { inject, injectable } from '@theia/core/shared/inversify';
-
-export const FILE_TREE_FILTERS_LIST_CLASS = 'theia-FileTreeFiltersList';
-
-/**
- * A set of file filters that are used by the dialog. Each entry is a human readable label,
- * like "TypeScript", and an array of extensions, e.g.
- * ```ts
- * {
- *  'Images': ['png', 'jpg']
- *  'TypeScript': ['ts', 'tsx']
- * }
- * ```
- */
-export class FileDialogTreeFilters {
-    [name: string]: string[];
-}
-
-export const FileDialogTreeFiltersRendererFactory = Symbol('FileDialogTreeFiltersRendererFactory');
-export interface FileDialogTreeFiltersRendererFactory {
-    (options: FileDialogTreeFiltersRendererOptions): FileDialogTreeFiltersRenderer;
-}
-
-export const FileDialogTreeFiltersRendererOptions = Symbol('FileDialogTreeFiltersRendererOptions');
-export interface FileDialogTreeFiltersRendererOptions {
-    suppliedFilters: FileDialogTreeFilters;
-    fileDialogTree: FileDialogTree;
-}
-
-@injectable()
-export class FileDialogTreeFiltersRenderer extends ReactRenderer {
-
-    readonly appliedFilters: FileDialogTreeFilters;
-    readonly suppliedFilters: FileDialogTreeFilters;
-    readonly fileDialogTree: FileDialogTree;
-
-    constructor(
-        @inject(FileDialogTreeFiltersRendererOptions) readonly options: FileDialogTreeFiltersRendererOptions
-    ) {
-        super();
-        this.suppliedFilters = options.suppliedFilters;
-        this.fileDialogTree = options.fileDialogTree;
-        this.appliedFilters = { ...this.suppliedFilters, 'All Files': [], };
-    }
-
-    protected readonly handleFilterChanged = (e: React.ChangeEvent<HTMLSelectElement>) => this.onFilterChanged(e);
-
-    protected override doRender(): React.ReactNode {
-        if (!this.appliedFilters) {
-            return undefined;
-        }
-
-        const options = Object.keys(this.appliedFilters).map(value => this.renderLocation(value));
-        return <select className={'theia-select ' + FILE_TREE_FILTERS_LIST_CLASS} onChange={this.handleFilterChanged}>{...options}</select>;
-    }
-
-    protected renderLocation(value: string): React.ReactNode {
-        return <option value={value} key={value}>{value}</option>;
-    }
-
-    protected onFilterChanged(e: React.ChangeEvent<HTMLSelectElement>): void {
-        const locationList = this.locationList;
-        if (locationList) {
-            const value = locationList.value;
-            const filters = this.appliedFilters[value];
-            this.fileDialogTree.setFilter(filters);
-        }
-
-        e.preventDefault();
-        e.stopPropagation();
-    }
-
-    get locationList(): HTMLSelectElement | undefined {
-        const locationList = this.host.getElementsByClassName(FILE_TREE_FILTERS_LIST_CLASS)[0];
-        if (locationList instanceof HTMLSelectElement) {
-            return locationList;
-        }
-        return undefined;
-    }
-
-}
+// *****************************************************************************
+// Copyright (C) 2018 Red Hat, Inc. and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { ReactRenderer } from '@theia/core/lib/browser/widgets/react-renderer';
+import { FileDialogTree } from './file-dialog-tree';
+import * as React from '@theia/core/shared/react';
+import { inject, injectable } from '@theia/core/shared/inversify';
+
+export const FILE_TREE_FILTERS_LIST_CLASS = 'theia-FileTreeFiltersList';
+
+/**
+ * A set of file filters that are used by the dialog. Each entry is a human readable label,
+ * like "TypeScript", and an array of extensions, e.g.
+ * ```ts
+ * {
+ *  'Images': ['png', 'jpg']
+ *  'TypeScript': ['ts', 'tsx']
+ * }
+ * ```
+ */
+export class FileDialogTreeFilters {
+    [name: string]: string[];
+}
+
+export const FileDialogTreeFiltersRendererFactory = Symbol('FileDialogTreeFiltersRendererFactory');
+export interface FileDialogTreeFiltersRendererFactory {
+    (options: FileDialogTreeFiltersRendererOptions): FileDialogTreeFiltersRenderer;
+}
+
+export const FileDialogTreeFiltersRendererOptions = Symbol('FileDialogTreeFiltersRendererOptions');
+export interface FileDialogTreeFiltersRendererOptions {
+    suppliedFilters: FileDialogTreeFilters;
+    fileDialogTree: FileDialogTree;
+}
+
+@injectable()
+export class FileDialogTreeFiltersRenderer extends ReactRenderer {
+
+    readonly appliedFilters: FileDialogTreeFilters;
+    readonly suppliedFilters: FileDialogTreeFilters;
+    readonly fileDialogTree: FileDialogTree;
+
+    constructor(
+        @inject(FileDialogTreeFiltersRendererOptions) readonly options: FileDialogTreeFiltersRendererOptions
+    ) {
+        super();
+        this.suppliedFilters = options.suppliedFilters;
+        this.fileDialogTree = options.fileDialogTree;
+        this.appliedFilters = { ...this.suppliedFilters, 'All Files': [], };
+    }
+
+    protected readonly handleFilterChanged = (e: React.ChangeEvent<HTMLSelectElement>) => this.onFilterChanged(e);
+
+    protected override doRender(): React.ReactNode {
+        if (!this.appliedFilters) {
+            return undefined;
+        }
+
+        const options = Object.keys(this.appliedFilters).map(value => this.renderLocation(value));
+        return <select className={'theia-select ' + FILE_TREE_FILTERS_LIST_CLASS} onChange={this.handleFilterChanged}>{...options}</select>;
+    }
+
+    protected renderLocation(value: string): React.ReactNode {
+        return <option value={value} key={value}>{value}</option>;
+    }
+
+    protected onFilterChanged(e: React.ChangeEvent<HTMLSelectElement>): void {
+        const locationList = this.locationList;
+        if (locationList) {
+            const value = locationList.value;
+            const filters = this.appliedFilters[value];
+            this.fileDialogTree.setFilter(filters);
+        }
+
+        e.preventDefault();
+        e.stopPropagation();
+    }
+
+    get locationList(): HTMLSelectElement | undefined {
+        const locationList = this.host.getElementsByClassName(FILE_TREE_FILTERS_LIST_CLASS)[0];
+        if (locationList instanceof HTMLSelectElement) {
+            return locationList;
+        }
+        return undefined;
+    }
+
+}

package/src/browser/file-dialog/file-dialog-tree.ts

@@ -1,89 +1,89 @@
-// *****************************************************************************
-// Copyright (C) 2018 Red Hat, Inc. and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { injectable } from '@theia/core/shared/inversify';
-import { DirNode, FileTree } from '../file-tree';
-import { TreeNode, CompositeTreeNode } from '@theia/core/lib/browser/tree/tree';
-import { FileStat } from '../../common/files';
-
-@injectable()
-export class FileDialogTree extends FileTree {
-    protected _showHidden = false;
-    set showHidden(show: boolean) {
-        this._showHidden = show;
-        this.refresh();
-    }
-
-    get showHidden(): boolean {
-        return this._showHidden;
-    }
-
-    protected isHiddenFile = (fileStat: FileStat): boolean => {
-        const { name } = fileStat;
-        const filename = name ?? '';
-        const isHidden = filename.startsWith('.');
-        return isHidden;
-    };
-    /**
-     * Extensions for files to be shown
-     */
-    protected fileExtensions: string[] = [];
-
-    /**
-     * Sets extensions for filtering files
-     *
-     * @param fileExtensions array of extensions
-     */
-    setFilter(fileExtensions: string[]): void {
-        this.fileExtensions = fileExtensions.slice();
-        this.refresh();
-    }
-
-    protected override async toNodes(fileStat: FileStat, parent: CompositeTreeNode): Promise<TreeNode[]> {
-        if (!fileStat.children) {
-            return [];
-        }
-
-        const result = await Promise.all(
-            fileStat.children
-                .filter(child => this.isVisible(child))
-                .map(child => this.toNode(child, parent))
-        );
-
-        return result.sort(DirNode.compare);
-    }
-
-    /**
-     * Determines whether file or folder can be shown
-     *
-     * @param fileStat resource to check
-     */
-    protected isVisible(fileStat: FileStat): boolean {
-        if (!this._showHidden && this.isHiddenFile(fileStat)) {
-            return false;
-        }
-        if (fileStat.isDirectory) {
-            return true;
-        }
-
-        if (this.fileExtensions.length === 0) {
-            return true;
-        }
-
-        return !this.fileExtensions.every(value => fileStat.resource.path.ext !== '.' + value);
-    }
-
-}
+// *****************************************************************************
+// Copyright (C) 2018 Red Hat, Inc. and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { injectable } from '@theia/core/shared/inversify';
+import { DirNode, FileTree } from '../file-tree';
+import { TreeNode, CompositeTreeNode } from '@theia/core/lib/browser/tree/tree';
+import { FileStat } from '../../common/files';
+
+@injectable()
+export class FileDialogTree extends FileTree {
+    protected _showHidden = false;
+    set showHidden(show: boolean) {
+        this._showHidden = show;
+        this.refresh();
+    }
+
+    get showHidden(): boolean {
+        return this._showHidden;
+    }
+
+    protected isHiddenFile = (fileStat: FileStat): boolean => {
+        const { name } = fileStat;
+        const filename = name ?? '';
+        const isHidden = filename.startsWith('.');
+        return isHidden;
+    };
+    /**
+     * Extensions for files to be shown
+     */
+    protected fileExtensions: string[] = [];
+
+    /**
+     * Sets extensions for filtering files
+     *
+     * @param fileExtensions array of extensions
+     */
+    setFilter(fileExtensions: string[]): void {
+        this.fileExtensions = fileExtensions.slice();
+        this.refresh();
+    }
+
+    protected override async toNodes(fileStat: FileStat, parent: CompositeTreeNode): Promise<TreeNode[]> {
+        if (!fileStat.children) {
+            return [];
+        }
+
+        const result = await Promise.all(
+            fileStat.children
+                .filter(child => this.isVisible(child))
+                .map(child => this.toNode(child, parent))
+        );
+
+        return result.sort(DirNode.compare);
+    }
+
+    /**
+     * Determines whether file or folder can be shown
+     *
+     * @param fileStat resource to check
+     */
+    protected isVisible(fileStat: FileStat): boolean {
+        if (!this._showHidden && this.isHiddenFile(fileStat)) {
+            return false;
+        }
+        if (fileStat.isDirectory) {
+            return true;
+        }
+
+        if (this.fileExtensions.length === 0) {
+            return true;
+        }
+
+        return !this.fileExtensions.every(value => fileStat.resource.path.ext !== '.' + value);
+    }
+
+}

package/src/browser/file-dialog/file-dialog-widget.ts

@@ -1,75 +1,75 @@
-// *****************************************************************************
-// Copyright (C) 2017 TypeFox and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { injectable, inject } from '@theia/core/shared/inversify';
-import { ContextMenuRenderer, NodeProps, TreeProps, TreeNode, SELECTED_CLASS, FOCUS_CLASS } from '@theia/core/lib/browser';
-import { FileTreeWidget, FileStatNode } from '../file-tree';
-import { FileDialogModel } from './file-dialog-model';
-
-export const FILE_DIALOG_CLASS = 'theia-FileDialog';
-export const NOT_SELECTABLE_CLASS = 'theia-mod-not-selectable';
-
-@injectable()
-export class FileDialogWidget extends FileTreeWidget {
-
-    private _disableFileSelection: boolean = false;
-
-    constructor(
-        @inject(TreeProps) props: TreeProps,
-        @inject(FileDialogModel) override readonly model: FileDialogModel,
-        @inject(ContextMenuRenderer) contextMenuRenderer: ContextMenuRenderer
-    ) {
-        super(props, model, contextMenuRenderer);
-        this.addClass(FILE_DIALOG_CLASS);
-    }
-
-    set disableFileSelection(isSelectable: boolean) {
-        this._disableFileSelection = isSelectable;
-        this.model.disableFileSelection = isSelectable;
-    }
-
-    protected override createNodeAttributes(node: TreeNode, props: NodeProps): React.Attributes & React.HTMLAttributes<HTMLElement> {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const attr = super.createNodeAttributes(node, props) as any;
-        if (this.shouldDisableSelection(node)) {
-            const keys = Object.keys(attr);
-            keys.forEach(k => {
-                if (['className', 'style', 'title'].indexOf(k) < 0) {
-                    delete attr[k];
-                }
-            });
-        }
-        return attr;
-    }
-
-    protected override createNodeClassNames(node: TreeNode, props: NodeProps): string[] {
-        const classNames = super.createNodeClassNames(node, props);
-        if (this.shouldDisableSelection(node)) {
-            [SELECTED_CLASS, FOCUS_CLASS].forEach(name => {
-                const ind = classNames.indexOf(name);
-                if (ind >= 0) {
-                    classNames.splice(ind, 1);
-                }
-            });
-            classNames.push(NOT_SELECTABLE_CLASS);
-        }
-        return classNames;
-    }
-
-    protected shouldDisableSelection(node: TreeNode): boolean {
-        return FileStatNode.is(node) && !node.fileStat.isDirectory && this._disableFileSelection;
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2017 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { injectable, inject } from '@theia/core/shared/inversify';
+import { ContextMenuRenderer, NodeProps, TreeProps, TreeNode, SELECTED_CLASS, FOCUS_CLASS } from '@theia/core/lib/browser';
+import { FileTreeWidget, FileStatNode } from '../file-tree';
+import { FileDialogModel } from './file-dialog-model';
+
+export const FILE_DIALOG_CLASS = 'theia-FileDialog';
+export const NOT_SELECTABLE_CLASS = 'theia-mod-not-selectable';
+
+@injectable()
+export class FileDialogWidget extends FileTreeWidget {
+
+    private _disableFileSelection: boolean = false;
+
+    constructor(
+        @inject(TreeProps) props: TreeProps,
+        @inject(FileDialogModel) override readonly model: FileDialogModel,
+        @inject(ContextMenuRenderer) contextMenuRenderer: ContextMenuRenderer
+    ) {
+        super(props, model, contextMenuRenderer);
+        this.addClass(FILE_DIALOG_CLASS);
+    }
+
+    set disableFileSelection(isSelectable: boolean) {
+        this._disableFileSelection = isSelectable;
+        this.model.disableFileSelection = isSelectable;
+    }
+
+    protected override createNodeAttributes(node: TreeNode, props: NodeProps): React.Attributes & React.HTMLAttributes<HTMLElement> {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const attr = super.createNodeAttributes(node, props) as any;
+        if (this.shouldDisableSelection(node)) {
+            const keys = Object.keys(attr);
+            keys.forEach(k => {
+                if (['className', 'style', 'title'].indexOf(k) < 0) {
+                    delete attr[k];
+                }
+            });
+        }
+        return attr;
+    }
+
+    protected override createNodeClassNames(node: TreeNode, props: NodeProps): string[] {
+        const classNames = super.createNodeClassNames(node, props);
+        if (this.shouldDisableSelection(node)) {
+            [SELECTED_CLASS, FOCUS_CLASS].forEach(name => {
+                const ind = classNames.indexOf(name);
+                if (ind >= 0) {
+                    classNames.splice(ind, 1);
+                }
+            });
+            classNames.push(NOT_SELECTABLE_CLASS);
+        }
+        return classNames;
+    }
+
+    protected shouldDisableSelection(node: TreeNode): boolean {
+        return FileStatNode.is(node) && !node.fileStat.isDirectory && this._disableFileSelection;
+    }
+}