@theia/notebook 1.67.0-next.56 → 1.67.0-next.59

package/lib/browser/view/notebook-code-cell-view.js

@@ -0,0 +1,338 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2023 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
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookCodeCellOutputs = exports.NotebookCodeCellStatus = exports.NotebookCodeCellSidebar = exports.NotebookCodeCellRenderer = void 0;
+const tslib_1 = require("tslib");
+const inversify_1 = require("@theia/core/shared/inversify");
+const React = require("@theia/core/shared/react");
+const monaco_editor_1 = require("@theia/monaco/lib/browser/monaco-editor");
+const notebook_renderer_registry_1 = require("../notebook-renderer-registry");
+const notebook_cell_editor_1 = require("./notebook-cell-editor");
+const notebook_cell_list_view_1 = require("./notebook-cell-list-view");
+const notebook_cell_toolbar_factory_1 = require("./notebook-cell-toolbar-factory");
+const notebook_cell_actions_contribution_1 = require("../contributions/notebook-cell-actions-contribution");
+const notebook_execution_state_service_1 = require("../service/notebook-execution-state-service");
+const browser_1 = require("@theia/core/lib/browser");
+const common_1 = require("../../common");
+const core_1 = require("@theia/core");
+const notebook_context_manager_1 = require("../service/notebook-context-manager");
+const notebook_viewport_service_1 = require("./notebook-viewport-service");
+const editor_preferences_1 = require("@theia/editor/lib/common/editor-preferences");
+const notebook_options_1 = require("../service/notebook-options");
+const markdown_renderer_1 = require("@theia/core/lib/browser/markdown-rendering/markdown-renderer");
+const htmlContent_1 = require("@theia/monaco-editor-core/esm/vs/base/common/htmlContent");
+const notebook_cell_editor_service_1 = require("../service/notebook-cell-editor-service");
+const cell_output_webview_1 = require("../renderers/cell-output-webview");
+const notebook_cell_status_bar_service_1 = require("../service/notebook-cell-status-bar-service");
+const label_parser_1 = require("@theia/core/lib/browser/label-parser");
+const notebook_view_model_1 = require("../view-model/notebook-view-model");
+let NotebookCodeCellRenderer = class NotebookCodeCellRenderer {
+    render(notebookModel, cell, handle) {
+        return React.createElement("div", { className: 'theia-notebook-cell-with-sidebar', ref: ref => (0, notebook_cell_list_view_1.observeCellHeight)(ref, cell) },
+            React.createElement("div", { className: 'theia-notebook-cell-editor-container' },
+                React.createElement(notebook_cell_editor_1.CellEditor, { notebookModel: notebookModel, cell: cell, notebookViewModel: this.notebookViewModel, monacoServices: this.monacoServices, notebookContextManager: this.notebookContextManager, notebookViewportService: this.notebookViewportService, notebookCellEditorService: this.notebookCellEditorService, fontInfo: this.notebookOptionsService.editorFontInfo }),
+                React.createElement(NotebookCodeCellStatus, { cell: cell, notebook: notebookModel, commandRegistry: this.commandRegistry, executionStateService: this.executionStateService, cellStatusBarService: this.notebookCellStatusBarService, labelParser: this.labelParser, onClick: () => { var _a; return (_a = this.notebookViewModel.cellViewModels.get(cell.handle)) === null || _a === void 0 ? void 0 : _a.requestFocusEditor(); } })));
+    }
+    renderSidebar(notebookModel, cell) {
+        return React.createElement("div", null,
+            React.createElement(NotebookCodeCellSidebar, { cell: cell, notebook: notebookModel, notebookCellToolbarFactory: this.notebookCellToolbarFactory }),
+            React.createElement(NotebookCodeCellOutputs, { cell: cell, notebook: notebookModel, outputWebview: this.outputWebview, renderSidebar: () => this.notebookCellToolbarFactory.renderSidebar(notebook_cell_actions_contribution_1.NotebookCellActionContribution.OUTPUT_SIDEBAR_MENU, cell, {
+                    contextMenuArgs: () => [notebookModel, cell, cell.outputs[0]]
+                }) }));
+    }
+    renderDragImage(cell) {
+        var _a;
+        const dragImage = document.createElement('div');
+        dragImage.className = 'theia-notebook-drag-image';
+        dragImage.style.width = ((_a = this.notebookContextManager.context) === null || _a === void 0 ? void 0 : _a.clientWidth) + 'px';
+        dragImage.style.height = '100px';
+        dragImage.style.display = 'flex';
+        const fakeRunButton = document.createElement('span');
+        fakeRunButton.className = `${(0, browser_1.codicon)('play')} theia-notebook-cell-status-item`;
+        dragImage.appendChild(fakeRunButton);
+        const fakeEditor = document.createElement('div');
+        dragImage.appendChild(fakeEditor);
+        const lines = cell.source.split('\n').slice(0, 5).join('\n');
+        const codeSequence = this.getMarkdownCodeSequence(lines);
+        const firstLine = new htmlContent_1.MarkdownString(`${codeSequence}${cell.language}\n${lines}\n${codeSequence}`, { supportHtml: true, isTrusted: false });
+        fakeEditor.appendChild(this.markdownRenderer.render(firstLine).element);
+        fakeEditor.classList.add('theia-notebook-cell-editor-container');
+        fakeEditor.style.padding = '10px';
+        return dragImage;
+    }
+    getMarkdownCodeSequence(input) {
+        // We need a minimum of 3 backticks to start a code block.
+        let longest = 2;
+        let current = 0;
+        for (let i = 0; i < input.length; i++) {
+            const char = input.charAt(i);
+            if (char === '`') {
+                current++;
+                if (current > longest) {
+                    longest = current;
+                }
+            }
+            else {
+                current = 0;
+            }
+        }
+        return Array(longest + 1).fill('`').join('');
+    }
+};
+exports.NotebookCodeCellRenderer = NotebookCodeCellRenderer;
+tslib_1.__decorate([
+    (0, inversify_1.inject)(monaco_editor_1.MonacoEditorServices),
+    tslib_1.__metadata("design:type", monaco_editor_1.MonacoEditorServices)
+], NotebookCodeCellRenderer.prototype, "monacoServices", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_renderer_registry_1.NotebookRendererRegistry),
+    tslib_1.__metadata("design:type", notebook_renderer_registry_1.NotebookRendererRegistry)
+], NotebookCodeCellRenderer.prototype, "notebookRendererRegistry", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_cell_toolbar_factory_1.NotebookCellToolbarFactory),
+    tslib_1.__metadata("design:type", notebook_cell_toolbar_factory_1.NotebookCellToolbarFactory)
+], NotebookCodeCellRenderer.prototype, "notebookCellToolbarFactory", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_execution_state_service_1.NotebookExecutionStateService),
+    tslib_1.__metadata("design:type", notebook_execution_state_service_1.NotebookExecutionStateService)
+], NotebookCodeCellRenderer.prototype, "executionStateService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_context_manager_1.NotebookContextManager),
+    tslib_1.__metadata("design:type", notebook_context_manager_1.NotebookContextManager)
+], NotebookCodeCellRenderer.prototype, "notebookContextManager", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_viewport_service_1.NotebookViewportService),
+    tslib_1.__metadata("design:type", notebook_viewport_service_1.NotebookViewportService)
+], NotebookCodeCellRenderer.prototype, "notebookViewportService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(editor_preferences_1.EditorPreferences),
+    tslib_1.__metadata("design:type", Object)
+], NotebookCodeCellRenderer.prototype, "editorPreferences", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_cell_editor_service_1.NotebookCellEditorService),
+    tslib_1.__metadata("design:type", notebook_cell_editor_service_1.NotebookCellEditorService)
+], NotebookCodeCellRenderer.prototype, "notebookCellEditorService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(core_1.CommandRegistry),
+    tslib_1.__metadata("design:type", core_1.CommandRegistry)
+], NotebookCodeCellRenderer.prototype, "commandRegistry", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_options_1.NotebookOptionsService),
+    tslib_1.__metadata("design:type", notebook_options_1.NotebookOptionsService)
+], NotebookCodeCellRenderer.prototype, "notebookOptionsService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(markdown_renderer_1.MarkdownRenderer),
+    tslib_1.__metadata("design:type", Object)
+], NotebookCodeCellRenderer.prototype, "markdownRenderer", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(cell_output_webview_1.CellOutputWebview),
+    tslib_1.__metadata("design:type", Object)
+], NotebookCodeCellRenderer.prototype, "outputWebview", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_cell_status_bar_service_1.NotebookCellStatusBarService),
+    tslib_1.__metadata("design:type", notebook_cell_status_bar_service_1.NotebookCellStatusBarService)
+], NotebookCodeCellRenderer.prototype, "notebookCellStatusBarService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(label_parser_1.LabelParser),
+    tslib_1.__metadata("design:type", label_parser_1.LabelParser)
+], NotebookCodeCellRenderer.prototype, "labelParser", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(notebook_view_model_1.NotebookViewModel),
+    tslib_1.__metadata("design:type", notebook_view_model_1.NotebookViewModel)
+], NotebookCodeCellRenderer.prototype, "notebookViewModel", void 0);
+exports.NotebookCodeCellRenderer = NotebookCodeCellRenderer = tslib_1.__decorate([
+    (0, inversify_1.injectable)()
+], NotebookCodeCellRenderer);
+class NotebookCodeCellSidebar extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toDispose = new core_1.DisposableCollection();
+        this.toDispose.push(props.cell.onDidCellHeightChange(() => this.forceUpdate()));
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    render() {
+        return React.createElement("div", { className: 'theia-notebook-cell-sidebar-actions', style: { height: `${this.props.cell.cellHeight}px` } },
+            this.props.notebookCellToolbarFactory.renderSidebar(notebook_cell_actions_contribution_1.NotebookCellActionContribution.CODE_CELL_SIDEBAR_MENU, this.props.cell, {
+                contextMenuArgs: () => [this.props.cell], commandArgs: () => [this.props.notebook, this.props.cell]
+            }),
+            React.createElement(CodeCellExecutionOrder, { cell: this.props.cell }));
+    }
+}
+exports.NotebookCodeCellSidebar = NotebookCodeCellSidebar;
+class NotebookCodeCellStatus extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toDispose = new core_1.DisposableCollection();
+        this.statusBarItems = [];
+        this.state = {
+            executionTime: 0
+        };
+        let currentInterval;
+        if (props.executionStateService) {
+            this.toDispose.push(props.executionStateService.onDidChangeExecution(event => {
+                var _a;
+                if (event.affectsCell(this.props.cell.uri)) {
+                    this.setState({ currentExecution: event.changed, executionTime: 0 });
+                    clearInterval(currentInterval);
+                    if (((_a = event.changed) === null || _a === void 0 ? void 0 : _a.state) === common_1.NotebookCellExecutionState.Executing) {
+                        const startTime = Date.now();
+                        // The resolution of the time display is only a single digit after the decimal point.
+                        // Therefore, we only need to update the display every 100ms.
+                        currentInterval = setInterval(() => {
+                            this.setState({
+                                executionTime: Date.now() - startTime
+                            });
+                        }, 100);
+                    }
+                }
+            }));
+        }
+        this.toDispose.push(props.cell.onDidChangeLanguage(() => {
+            this.forceUpdate();
+        }));
+        this.updateStatusBarItems();
+        this.props.cellStatusBarService.onDidChangeItems(() => this.updateStatusBarItems());
+        this.props.notebook.onContentChanged(() => this.updateStatusBarItems());
+    }
+    async updateStatusBarItems() {
+        this.statusBarItems = await this.props.cellStatusBarService.getStatusBarItemsForCell(this.props.notebook.uri, this.props.notebook.cells.indexOf(this.props.cell), this.props.notebook.viewType, core_1.CancellationToken.None);
+        this.forceUpdate();
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    render() {
+        var _a;
+        return React.createElement("div", { className: 'notebook-cell-status', onClick: () => this.props.onClick() },
+            React.createElement("div", { className: 'notebook-cell-status-left' },
+                this.props.executionStateService && this.renderExecutionState(),
+                ((_a = this.statusBarItems) === null || _a === void 0 ? void 0 : _a.length) && this.renderStatusBarItems()),
+            React.createElement("div", { className: 'notebook-cell-status-right' },
+                React.createElement("span", { className: 'notebook-cell-language-label', onClick: () => {
+                        this.props.commandRegistry.executeCommand(notebook_cell_actions_contribution_1.NotebookCellCommands.CHANGE_CELL_LANGUAGE.id, this.props.notebook, this.props.cell);
+                    } }, this.props.cell.languageName)));
+    }
+    renderExecutionState() {
+        var _a;
+        const state = (_a = this.state.currentExecution) === null || _a === void 0 ? void 0 : _a.state;
+        const { lastRunSuccess } = this.props.cell.internalMetadata;
+        let iconClasses = undefined;
+        let color = undefined;
+        if (!state && lastRunSuccess) {
+            iconClasses = (0, browser_1.codicon)('check');
+            color = 'green';
+        }
+        else if (!state && lastRunSuccess === false) {
+            iconClasses = (0, browser_1.codicon)('error');
+            color = 'red';
+        }
+        else if (state === common_1.NotebookCellExecutionState.Pending || state === common_1.NotebookCellExecutionState.Unconfirmed) {
+            iconClasses = (0, browser_1.codicon)('clock');
+        }
+        else if (state === common_1.NotebookCellExecutionState.Executing) {
+            iconClasses = `${(0, browser_1.codicon)('sync')} theia-animation-spin`;
+        }
+        return React.createElement(React.Fragment, null, iconClasses &&
+            React.createElement(React.Fragment, null,
+                React.createElement("span", { className: `${iconClasses} notebook-cell-status-item`, style: { color } }),
+                React.createElement("div", { className: 'notebook-cell-status-item' }, this.renderTime(this.getExecutionTime()))));
+    }
+    getExecutionTime() {
+        const { runStartTime, runEndTime } = this.props.cell.internalMetadata;
+        const { executionTime } = this.state;
+        if (runStartTime !== undefined && runEndTime !== undefined) {
+            return runEndTime - runStartTime;
+        }
+        return executionTime;
+    }
+    renderTime(ms) {
+        return `${(ms / 1000).toLocaleString(undefined, { maximumFractionDigits: 1, minimumFractionDigits: 1 })}s`;
+    }
+    renderStatusBarItems() {
+        return React.createElement(React.Fragment, null, this.statusBarItems.flatMap((itemList, listIndex) => itemList.items.map((item, index) => this.renderStatusBarItem(item, `${listIndex}-${index}`))));
+    }
+    renderStatusBarItem(item, key) {
+        const content = this.props.labelParser.parse(item.text).map(part => {
+            if (typeof part === 'string') {
+                return part;
+            }
+            else {
+                return React.createElement("span", { key: part.name, className: `codicon codicon-${part.name}` });
+            }
+        });
+        return React.createElement("div", { key: key, className: `cell-status-bar-item ${item.command ? 'cell-status-item-has-command' : ''}`, onClick: async () => {
+                var _a;
+                if (item.command) {
+                    if (typeof item.command === 'string') {
+                        this.props.commandRegistry.executeCommand(item.command);
+                    }
+                    else {
+                        this.props.commandRegistry.executeCommand(item.command.id, ...((_a = item.command.arguments) !== null && _a !== void 0 ? _a : []));
+                    }
+                }
+            } }, content);
+    }
+}
+exports.NotebookCodeCellStatus = NotebookCodeCellStatus;
+class NotebookCodeCellOutputs extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.toDispose = new core_1.DisposableCollection();
+        this.outputHeight = 0;
+    }
+    async componentDidMount() {
+        const { cell } = this.props;
+        this.toDispose.push(cell.onDidChangeOutputs(() => this.forceUpdate()));
+        this.toDispose.push(this.props.cell.onDidChangeOutputVisibility(() => this.forceUpdate()));
+        this.toDispose.push(this.props.outputWebview.onDidRenderOutput(event => {
+            if (event.cellHandle === this.props.cell.handle) {
+                this.outputHeight = event.outputHeight;
+                this.forceUpdate();
+            }
+        }));
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    render() {
+        var _a;
+        if (!((_a = this.props.cell.outputs) === null || _a === void 0 ? void 0 : _a.length)) {
+            return React.createElement(React.Fragment, null);
+        }
+        if (this.props.cell.outputVisible) {
+            return React.createElement("div", { style: { minHeight: this.outputHeight } }, this.props.renderSidebar());
+        }
+        return React.createElement("div", { className: 'theia-notebook-collapsed-output-container' },
+            React.createElement("i", { className: 'theia-notebook-collapsed-output' }, core_1.nls.localizeByDefault('Outputs are collapsed')));
+    }
+}
+exports.NotebookCodeCellOutputs = NotebookCodeCellOutputs;
+function CodeCellExecutionOrder({ cell }) {
+    var _a;
+    const [executionOrder, setExecutionOrder] = React.useState((_a = cell.internalMetadata.executionOrder) !== null && _a !== void 0 ? _a : ' ');
+    React.useEffect(() => {
+        const listener = cell.onDidChangeInternalMetadata(e => {
+            var _a;
+            setExecutionOrder((_a = cell.internalMetadata.executionOrder) !== null && _a !== void 0 ? _a : ' ');
+        });
+        return () => listener.dispose();
+    }, []);
+    return React.createElement("span", { className: 'theia-notebook-code-cell-execution-order' }, `[${executionOrder}]`);
+}
+//# sourceMappingURL=notebook-code-cell-view.js.map

package/lib/browser/view/notebook-code-cell-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-code-cell-view.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-code-cell-view.tsx"],"names":[],"mappings":"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"}

package/lib/browser/view/notebook-find-widget.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+export interface NotebookEditorFindMatch {
+    selected: boolean;
+    show(): void;
+    replace?(value: string): void;
+}
+export interface NotebookEditorFindMatchOptions {
+    search: string;
+    matchCase: boolean;
+    wholeWord: boolean;
+    regex: boolean;
+    activeFilters: string[];
+}
+export interface NotebookEditorFindFilter {
+    id: string;
+    label: string;
+    active: boolean;
+}
+export interface NotebookEditorFindOptions {
+    search?: string;
+    jumpToMatch?: boolean;
+    matchCase?: boolean;
+    wholeWord?: boolean;
+    regex?: boolean;
+    modifyIndex?: (matches: NotebookEditorFindMatch[], index: number) => number;
+}
+export interface NotebookFindWidgetProps {
+    hidden?: boolean;
+    filters?: NotebookEditorFindFilter[];
+    onClose(): void;
+    onSearch(options: NotebookEditorFindMatchOptions): NotebookEditorFindMatch[];
+    onReplace(matches: NotebookEditorFindMatch[], value: string): void;
+}
+export interface NotebookFindWidgetState {
+    search: string;
+    replace: string;
+    expanded: boolean;
+    matchCase: boolean;
+    wholeWord: boolean;
+    regex: boolean;
+    activeFilters: string[];
+    currentMatch: number;
+    matches: NotebookEditorFindMatch[];
+}
+export declare class NotebookFindWidget extends React.Component<NotebookFindWidgetProps, NotebookFindWidgetState> {
+    private searchRef;
+    private debounceSearch;
+    constructor(props: NotebookFindWidgetProps);
+    render(): React.ReactNode;
+    private hasMatches;
+    private canReplace;
+    private canReplaceAll;
+    private getMatchesCount;
+    private gotoNextMatch;
+    private gotoPreviousMatch;
+    private replaceOne;
+    private replaceAll;
+    componentDidUpdate(prevProps: Readonly<NotebookFindWidgetProps>, prevState: Readonly<NotebookFindWidgetState>): void;
+    focusSearch(content?: string): void;
+    search(options: NotebookEditorFindOptions): void;
+}
+//# sourceMappingURL=notebook-find-widget.d.ts.map

package/lib/browser/view/notebook-find-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-find-widget.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-find-widget.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAIlD,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,8BAA8B;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,wBAAwB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/E;AAED,MAAM,WAAW,uBAAuB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,OAAO,EAAE,8BAA8B,GAAG,uBAAuB,EAAE,CAAC;IAC7E,SAAS,CAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtE;AAED,MAAM,WAAW,uBAAuB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,uBAAuB,EAAE,CAAC;CACtC;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;IAErG,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,cAAc,CAAwC;gBAElD,KAAK,EAAE,uBAAuB;IAejC,MAAM,IAAI,KAAK,CAAC,SAAS;IAwIlC,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,UAAU;IAKT,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,uBAAuB,CAAC,GAAG,IAAI;IAO7H,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAUnC,MAAM,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI;CAiCnD"}

package/lib/browser/view/notebook-find-widget.js

@@ -0,0 +1,225 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2024 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
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookFindWidget = void 0;
+const core_1 = require("@theia/core");
+const React = require("@theia/core/shared/react");
+const browser_1 = require("@theia/core/lib/browser");
+const debounce = require("@theia/core/shared/lodash.debounce");
+class NotebookFindWidget extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.searchRef = React.createRef();
+        this.debounceSearch = debounce(this.search.bind(this), 50);
+        this.state = {
+            search: '',
+            replace: '',
+            currentMatch: 0,
+            matches: [],
+            expanded: false,
+            matchCase: false,
+            regex: false,
+            wholeWord: false,
+            activeFilters: ((_a = props.filters) === null || _a === void 0 ? void 0 : _a.filter(filter => filter.active).map(filter => filter.id)) || []
+        };
+    }
+    render() {
+        const hasMatches = this.hasMatches();
+        const canReplace = this.canReplace();
+        const canReplaceAll = this.canReplaceAll();
+        return (React.createElement("div", { onKeyUp: event => {
+                if (event.key === 'Escape') {
+                    this.props.onClose();
+                }
+            }, className: `theia-notebook-find-widget ${!this.state.expanded ? 'search-mode' : ''} ${this.props.hidden ? 'hidden' : ''}` },
+            React.createElement("div", { className: 'theia-notebook-find-widget-expand', title: core_1.nls.localizeByDefault('Toggle Replace'), onClick: () => {
+                    this.setState({
+                        expanded: !this.state.expanded
+                    });
+                } },
+                React.createElement("div", { className: (0, browser_1.codicon)(`chevron-${this.state.expanded ? 'down' : 'right'}`) })),
+            React.createElement("div", { className: 'theia-notebook-find-widget-inputs' },
+                React.createElement("div", { className: 'theia-notebook-find-widget-input-wrapper' },
+                    React.createElement("input", { ref: this.searchRef, type: 'text', className: 'theia-input theia-notebook-find-widget-input', placeholder: core_1.nls.localizeByDefault('Find'), value: this.state.search, onChange: event => {
+                            this.setState({
+                                search: event.target.value
+                            });
+                            this.debounceSearch({});
+                        }, onKeyDown: event => {
+                            if (event.key === 'Enter') {
+                                if (event.shiftKey) {
+                                    this.gotoPreviousMatch();
+                                }
+                                else {
+                                    this.gotoNextMatch();
+                                }
+                                event.preventDefault();
+                            }
+                        } }),
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('case-sensitive', true)} option ${this.state.matchCase ? 'enabled' : ''}`, title: core_1.nls.localizeByDefault('Match Case'), onClick: () => {
+                            this.search({
+                                matchCase: !this.state.matchCase
+                            });
+                        } }),
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('whole-word', true)} option ${this.state.wholeWord ? 'enabled' : ''}`, title: core_1.nls.localizeByDefault('Match Whole Word'), onClick: () => {
+                            this.search({
+                                wholeWord: !this.state.wholeWord
+                            });
+                        } }),
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('regex', true)} option ${this.state.regex ? 'enabled' : ''}`, title: core_1.nls.localizeByDefault('Use Regular Expression'), onClick: () => {
+                            this.search({
+                                regex: !this.state.regex
+                            });
+                        } })),
+                React.createElement("input", { type: 'text', className: 'theia-input theia-notebook-find-widget-replace', placeholder: core_1.nls.localizeByDefault('Replace'), value: this.state.replace, onChange: event => {
+                        this.setState({
+                            replace: event.target.value
+                        });
+                    }, onKeyDown: event => {
+                        if (event.key === 'Enter') {
+                            this.replaceOne();
+                            event.preventDefault();
+                        }
+                    } })),
+            React.createElement("div", { className: 'theia-notebook-find-widget-buttons' },
+                React.createElement("div", { className: 'theia-notebook-find-widget-buttons-first' },
+                    React.createElement("div", { className: 'theia-notebook-find-widget-matches-count' }, this.getMatchesCount()),
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('arrow-up', hasMatches)} ${hasMatches ? '' : 'disabled'}`, title: core_1.nls.localizeByDefault('Previous Match'), onClick: () => {
+                            this.gotoPreviousMatch();
+                        } }),
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('arrow-down', hasMatches)} ${hasMatches ? '' : 'disabled'}`, title: core_1.nls.localizeByDefault('Next Match'), onClick: () => {
+                            this.gotoNextMatch();
+                        } }),
+                    React.createElement("div", { className: (0, browser_1.codicon)('close', true), title: core_1.nls.localizeByDefault('Close'), onClick: () => {
+                            this.props.onClose();
+                        } })),
+                React.createElement("div", { className: 'theia-notebook-find-widget-buttons-second' },
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('replace', canReplace)} ${canReplace ? '' : 'disabled'}`, title: core_1.nls.localizeByDefault('Replace'), onClick: () => {
+                            this.replaceOne();
+                        } }),
+                    React.createElement("div", { className: `${(0, browser_1.codicon)('replace-all', canReplaceAll)} ${canReplaceAll ? '' : 'disabled'}`, title: core_1.nls.localizeByDefault('Replace All'), onClick: () => {
+                            this.replaceAll();
+                        } })))));
+    }
+    hasMatches() {
+        return this.state.matches.length > 0;
+    }
+    canReplace() {
+        var _a;
+        return Boolean((_a = this.state.matches[this.state.currentMatch]) === null || _a === void 0 ? void 0 : _a.replace);
+    }
+    canReplaceAll() {
+        return this.state.matches.some(match => Boolean(match.replace));
+    }
+    getMatchesCount() {
+        if (this.hasMatches()) {
+            return core_1.nls.localizeByDefault('{0} of {1}', this.state.currentMatch + 1, this.state.matches.length);
+        }
+        else {
+            return core_1.nls.localizeByDefault('No results');
+        }
+    }
+    gotoNextMatch() {
+        this.search({
+            modifyIndex: (matches, index) => (index + 1) % matches.length,
+            jumpToMatch: true
+        });
+    }
+    gotoPreviousMatch() {
+        this.search({
+            modifyIndex: (matches, index) => (index === 0 ? matches.length : index) - 1,
+            jumpToMatch: true
+        });
+    }
+    replaceOne() {
+        var _a;
+        const existingMatches = this.state.matches;
+        const match = existingMatches[this.state.currentMatch];
+        if (match) {
+            (_a = match.replace) === null || _a === void 0 ? void 0 : _a.call(match, this.state.replace);
+            this.search({
+                jumpToMatch: true,
+                modifyIndex: (matches, index) => {
+                    if (matches.length < existingMatches.length) {
+                        return index % matches.length;
+                    }
+                    else {
+                        const diff = matches.length - existingMatches.length;
+                        return (index + diff + 1) % matches.length;
+                    }
+                }
+            });
+        }
+    }
+    replaceAll() {
+        this.props.onReplace(this.state.matches, this.state.replace);
+        this.search({});
+    }
+    componentDidUpdate(prevProps, prevState) {
+        var _a;
+        if (!this.props.hidden && prevProps.hidden) {
+            // Focus the search input when the widget switches from hidden to visible.
+            (_a = this.searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    focusSearch(content) {
+        var _a;
+        (_a = this.searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        if (content) {
+            this.search({
+                search: content,
+                jumpToMatch: false
+            });
+        }
+    }
+    search(options) {
+        var _a, _b, _c, _d;
+        const matchCase = (_a = options.matchCase) !== null && _a !== void 0 ? _a : this.state.matchCase;
+        const wholeWord = (_b = options.wholeWord) !== null && _b !== void 0 ? _b : this.state.wholeWord;
+        const regex = (_c = options.regex) !== null && _c !== void 0 ? _c : this.state.regex;
+        const search = (_d = options.search) !== null && _d !== void 0 ? _d : this.state.search;
+        const matches = this.props.onSearch({
+            search,
+            matchCase,
+            wholeWord,
+            regex,
+            activeFilters: this.state.activeFilters
+        });
+        let currentMatch = Math.max(0, Math.min(this.state.currentMatch, matches.length - 1));
+        if (options.modifyIndex && matches.length > 0) {
+            currentMatch = options.modifyIndex(matches, currentMatch);
+        }
+        const selectedMatch = matches[currentMatch];
+        if (selectedMatch) {
+            selectedMatch.selected = true;
+            if (options.jumpToMatch) {
+                selectedMatch.show();
+            }
+        }
+        this.setState({
+            search,
+            matches,
+            currentMatch,
+            matchCase,
+            wholeWord,
+            regex
+        });
+    }
+}
+exports.NotebookFindWidget = NotebookFindWidget;
+//# sourceMappingURL=notebook-find-widget.js.map