@theia/core 1.67.0-next.56 → 1.67.0-next.86

package/lib/browser/widgets/react-widget.js

@@ -0,0 +1,49 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2018 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.ReactWidget = void 0;
+const tslib_1 = require("tslib");
+const React = require("react");
+const inversify_1 = require("inversify");
+const common_1 = require("../../common");
+const widget_1 = require("./widget");
+const widgets_1 = require("@lumino/widgets");
+const client_1 = require("react-dom/client");
+let ReactWidget = class ReactWidget extends widget_1.BaseWidget {
+    constructor(options) {
+        super(options);
+        this.scrollOptions = {
+            suppressScrollX: true,
+            minScrollbarLength: 35,
+        };
+        this.nodeRoot = (0, client_1.createRoot)(this.node);
+        this.toDispose.push(common_1.Disposable.create(() => this.nodeRoot.unmount()));
+    }
+    onUpdateRequest(msg) {
+        super.onUpdateRequest(msg);
+        if (!this.isDisposed) {
+            this.nodeRoot.render(React.createElement(React.Fragment, null, this.render()));
+        }
+    }
+};
+exports.ReactWidget = ReactWidget;
+exports.ReactWidget = ReactWidget = tslib_1.__decorate([
+    (0, inversify_1.injectable)(),
+    tslib_1.__param(0, (0, inversify_1.unmanaged)()),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], ReactWidget);
+//# sourceMappingURL=react-widget.js.map

package/lib/browser/widgets/react-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-widget.js","sourceRoot":"","sources":["../../../src/browser/widgets/react-widget.tsx"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;;;;AAEhF,+BAA+B;AAC/B,yCAAkD;AAClD,yCAA0C;AAC1C,qCAA+C;AAC/C,6CAAyC;AACzC,6CAAoD;AAG7C,IAAe,WAAW,GAA1B,MAAe,WAAY,SAAQ,mBAAU;IAIhD,YAAyB,OAAyB;QAC9C,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,aAAa,GAAG;YACjB,eAAe,EAAE,IAAI;YACrB,kBAAkB,EAAE,EAAE;SACzB,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC1E,CAAC;IAEkB,eAAe,CAAC,GAAY;QAC3C,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,oBAAC,KAAK,CAAC,QAAQ,QAAE,IAAI,CAAC,MAAM,EAAE,CAAkB,CAAC,CAAC;QAC3E,CAAC;IACL,CAAC;CASJ,CAAA;AA5BqB,kCAAW;sBAAX,WAAW;IADhC,IAAA,sBAAU,GAAE;IAKI,mBAAA,IAAA,qBAAS,GAAE,CAAA;;GAJN,WAAW,CA4BhC"}

package/lib/browser/widgets/select-component.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import '../../../src/browser/style/select-component.css';
+export interface SelectOption {
+    value?: string;
+    label?: string;
+    separator?: boolean;
+    disabled?: boolean;
+    detail?: string;
+    description?: string;
+    markdown?: boolean;
+    userData?: string;
+}
+export interface SelectComponentProps {
+    id?: string;
+    className?: string;
+    options: readonly SelectOption[];
+    defaultValue?: string | number;
+    onChange?: (option: SelectOption, index: number) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    alignment?: 'left' | 'right';
+}
+export interface SelectComponentState {
+    dimensions?: DOMRect;
+    selected: number;
+    original: number;
+    hover: number;
+}
+export declare const SELECT_COMPONENT_CONTAINER = "select-component-container";
+export declare class SelectComponent extends React.Component<SelectComponentProps, SelectComponentState> {
+    protected dropdownElement: HTMLElement;
+    protected fieldRef: React.RefObject<HTMLDivElement>;
+    protected dropdownRef: React.RefObject<HTMLDivElement>;
+    protected mountedListeners: Map<string, EventListenerOrEventListenerObject>;
+    protected optimalWidth: number;
+    protected optimalHeight: number;
+    constructor(props: SelectComponentProps);
+    protected getInitialSelectedIndex(props: SelectComponentProps): number;
+    componentDidUpdate(prevProps: SelectComponentProps): void;
+    get options(): readonly SelectOption[];
+    get value(): string | number | undefined;
+    set value(value: string | number | undefined);
+    protected get alignLeft(): boolean;
+    protected getOptimalWidth(): number;
+    protected getOptimalHeight(maxWidth?: number): number;
+    protected attachListeners(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    protected nextNotSeparator(direction: 'forwards' | 'backwards'): number;
+    protected handleKeypress(ev: React.KeyboardEvent<HTMLDivElement>): void;
+    protected handleClickEvent(event: React.MouseEvent<HTMLElement>): void;
+    protected toggleVisibility(): void;
+    protected hide(index?: number, releaseFocus?: boolean): void;
+    protected renderDropdown(): React.ReactNode;
+    protected renderOption(index: number, option: SelectOption): React.ReactNode;
+    protected selectOption(index: number, option: SelectOption): void;
+}
+//# sourceMappingURL=select-component.d.ts.map

package/lib/browser/widgets/select-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-component.d.ts","sourceRoot":"","sources":["../../../src/browser/widgets/select-component.tsx"],"names":[],"mappings":"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"}

package/lib/browser/widgets/select-component.js

@@ -0,0 +1,326 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2022 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.SelectComponent = exports.SELECT_COMPONENT_CONTAINER = void 0;
+const React = require("react");
+const ReactDOM = require("react-dom");
+const DOMPurify = require("dompurify");
+const widget_1 = require("./widget");
+const browser_1 = require("../browser");
+require("../../../src/browser/style/select-component.css");
+exports.SELECT_COMPONENT_CONTAINER = 'select-component-container';
+class SelectComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.fieldRef = React.createRef();
+        this.dropdownRef = React.createRef();
+        this.mountedListeners = new Map();
+        this.optimalWidth = 0;
+        this.optimalHeight = 0;
+        const selected = this.getInitialSelectedIndex(props);
+        this.state = {
+            selected,
+            original: selected,
+            hover: selected
+        };
+        let list = document.getElementById(exports.SELECT_COMPONENT_CONTAINER);
+        if (!list) {
+            list = document.createElement('div');
+            list.id = exports.SELECT_COMPONENT_CONTAINER;
+            list.className = 'theia-select-component-container';
+            document.body.appendChild(list);
+        }
+        this.dropdownElement = list;
+    }
+    getInitialSelectedIndex(props) {
+        let selected = 0;
+        if (typeof props.defaultValue === 'number') {
+            selected = props.defaultValue;
+        }
+        else if (typeof props.defaultValue === 'string') {
+            selected = Math.max(props.options.findIndex(e => e.value === props.defaultValue), 0);
+        }
+        return selected;
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.defaultValue !== this.props.defaultValue || prevProps.options !== this.props.options) {
+            const selected = this.getInitialSelectedIndex(this.props);
+            this.setState({
+                selected,
+                original: selected,
+                hover: selected
+            });
+        }
+    }
+    get options() {
+        return this.props.options;
+    }
+    get value() {
+        var _a;
+        return (_a = this.props.options[this.state.selected].value) !== null && _a !== void 0 ? _a : this.state.selected;
+    }
+    set value(value) {
+        let index = -1;
+        if (typeof value === 'number') {
+            index = value;
+        }
+        else if (typeof value === 'string') {
+            index = this.props.options.findIndex(e => e.value === value);
+        }
+        if (index >= 0) {
+            this.setState({
+                selected: index,
+                original: index,
+                hover: index
+            });
+        }
+    }
+    get alignLeft() {
+        return this.props.alignment !== 'right';
+    }
+    getOptimalWidth() {
+        const textWidth = (0, browser_1.measureTextWidth)(this.props.options.map(e => e.label || e.value || '' + (e.detail || '')));
+        return Math.ceil(textWidth + 16);
+    }
+    getOptimalHeight(maxWidth) {
+        const firstLine = this.props.options.find(e => e.label || e.value || e.detail);
+        if (!firstLine) {
+            return 0;
+        }
+        if (maxWidth) {
+            maxWidth = Math.ceil(maxWidth) + 10; // Increase width by 10 due to side padding
+        }
+        const descriptionHeight = (0, browser_1.measureTextHeight)(this.props.options.map(e => e.description || ''), { maxWidth: `${maxWidth}px` }) + 18;
+        const singleLineHeight = (0, browser_1.measureTextHeight)(firstLine.label || firstLine.value || firstLine.detail || '') + 6;
+        const optimal = descriptionHeight + singleLineHeight * this.props.options.length;
+        return optimal + 20; // Just to be safe, add another 20 pixels here
+    }
+    attachListeners() {
+        var _a;
+        const hide = (event) => {
+            var _a;
+            if (!((_a = this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                this.hide();
+            }
+        };
+        this.mountedListeners.set('scroll', hide);
+        this.mountedListeners.set('wheel', hide);
+        let parent = (_a = this.fieldRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        while (parent) {
+            // Workaround for perfect scrollbar, since using `overflow: hidden`
+            // neither triggers the `scroll`, `wheel` nor `blur` event
+            if (parent.classList.contains('ps')) {
+                parent.addEventListener('ps-scroll-y', hide);
+            }
+            parent = parent.parentElement;
+        }
+        for (const [key, listener] of this.mountedListeners.entries()) {
+            window.addEventListener(key, listener);
+        }
+    }
+    componentWillUnmount() {
+        var _a;
+        if (this.mountedListeners.size > 0) {
+            const eventListener = this.mountedListeners.get('scroll');
+            let parent = (_a = this.fieldRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+            while (parent) {
+                parent.removeEventListener('ps-scroll-y', eventListener);
+                parent = parent.parentElement;
+            }
+            for (const [key, listener] of this.mountedListeners.entries()) {
+                window.removeEventListener(key, listener);
+            }
+        }
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const { options } = this.props;
+        let { selected } = this.state;
+        if ((_a = options[selected]) === null || _a === void 0 ? void 0 : _a.separator) {
+            selected = this.nextNotSeparator('forwards');
+        }
+        const selectedItemLabel = (_c = (_b = options[selected]) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : (_d = options[selected]) === null || _d === void 0 ? void 0 : _d.value;
+        return React.createElement(React.Fragment, null,
+            React.createElement("div", { id: this.props.id, key: "select-component", ref: this.fieldRef, tabIndex: 0, className: `theia-select-component${this.props.className ? ` ${this.props.className}` : ''}`, onClick: e => this.handleClickEvent(e), onBlur: () => {
+                    var _a, _b;
+                    this.hide();
+                    (_b = (_a = this.props).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a);
+                }, onFocus: () => { var _a, _b; return (_b = (_a = this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a); }, onKeyDown: e => this.handleKeypress(e) },
+                React.createElement("div", { key: "label", className: "theia-select-component-label" }, selectedItemLabel),
+                React.createElement("div", { key: "icon", className: `theia-select-component-chevron ${(0, widget_1.codicon)('chevron-down')}` })),
+            ReactDOM.createPortal(this.renderDropdown(), this.dropdownElement));
+    }
+    nextNotSeparator(direction) {
+        var _a;
+        const { options } = this.props;
+        const step = direction === 'forwards' ? 1 : -1;
+        const length = this.props.options.length;
+        let selected = this.state.selected;
+        let count = 0;
+        do {
+            selected = (selected + step) % length;
+            if (selected < 0) {
+                selected = length - 1;
+            }
+            count++;
+        } while (((_a = options[selected]) === null || _a === void 0 ? void 0 : _a.separator) && count < length);
+        return selected;
+    }
+    handleKeypress(ev) {
+        if (!this.fieldRef.current) {
+            return;
+        }
+        if (ev.key === 'ArrowUp') {
+            const selected = this.nextNotSeparator('backwards');
+            this.setState({
+                selected,
+                hover: selected
+            });
+        }
+        else if (ev.key === 'ArrowDown') {
+            if (this.state.dimensions) {
+                const selected = this.nextNotSeparator('forwards');
+                this.setState({
+                    selected,
+                    hover: selected
+                });
+            }
+            else {
+                this.toggleVisibility();
+                this.setState({
+                    selected: 0,
+                    hover: 0,
+                });
+            }
+        }
+        else if (ev.key === 'Enter') {
+            if (!this.state.dimensions) {
+                this.toggleVisibility();
+            }
+            else {
+                const selected = this.state.selected;
+                this.selectOption(selected, this.props.options[selected]);
+            }
+        }
+        else if (ev.key === 'Escape' || ev.key === 'Tab') {
+            this.hide(undefined, true);
+        }
+        ev.stopPropagation();
+        ev.nativeEvent.stopImmediatePropagation();
+    }
+    handleClickEvent(event) {
+        this.toggleVisibility();
+        event.stopPropagation();
+        event.nativeEvent.stopImmediatePropagation();
+    }
+    toggleVisibility() {
+        if (!this.fieldRef.current) {
+            return;
+        }
+        if (!this.state.dimensions) {
+            const rect = this.fieldRef.current.getBoundingClientRect();
+            this.setState({ dimensions: rect });
+        }
+        else {
+            this.hide();
+        }
+    }
+    hide(index, releaseFocus = false) {
+        const selectedIndex = index === undefined ? this.state.original : index;
+        this.setState({
+            dimensions: undefined,
+            selected: selectedIndex,
+            original: selectedIndex,
+            hover: selectedIndex
+        });
+        // Force releasing focus of the select element to allow closing via escape later on
+        if (releaseFocus && document.activeElement && document.activeElement === this.fieldRef.current) {
+            this.fieldRef.current.blur();
+        }
+    }
+    renderDropdown() {
+        if (!this.state.dimensions) {
+            return;
+        }
+        const shellArea = document.getElementById('theia-app-shell').getBoundingClientRect();
+        const maxWidth = this.alignLeft ? shellArea.width - this.state.dimensions.left : this.state.dimensions.right;
+        if (this.mountedListeners.size === 0) {
+            // Only attach our listeners once we render our dropdown menu
+            this.attachListeners();
+            // We can now also calculate the optimal width
+            this.optimalWidth = this.getOptimalWidth();
+            this.optimalHeight = this.getOptimalHeight(Math.max(this.state.dimensions.width, this.optimalWidth));
+        }
+        const availableTop = this.state.dimensions.top - shellArea.top;
+        const availableBottom = shellArea.top + shellArea.height - this.state.dimensions.bottom;
+        // prefer rendering to the bottom unless there is not enough space and more content can be shown to the top
+        const invert = availableBottom < this.optimalHeight && (availableBottom - this.optimalHeight) < (availableTop - this.optimalHeight);
+        const { options } = this.props;
+        const { hover } = this.state;
+        const description = options[hover].description;
+        const markdown = options[hover].markdown;
+        const items = options.map((item, i) => this.renderOption(i, item));
+        if (description) {
+            let descriptionNode;
+            const className = 'theia-select-component-description';
+            if (markdown) {
+                descriptionNode = React.createElement("div", { key: "description", className: className, dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(description) } }); // eslint-disable-line react/no-danger
+            }
+            else {
+                descriptionNode = React.createElement("div", { key: "description", className: className }, description);
+            }
+            if (invert) {
+                items.unshift(descriptionNode);
+            }
+            else {
+                items.push(descriptionNode);
+            }
+        }
+        return React.createElement("div", { key: "dropdown", className: "theia-select-component-dropdown", style: {
+                top: invert ? 'none' : this.state.dimensions.bottom,
+                bottom: invert ? shellArea.top - this.state.dimensions.top : 'none',
+                left: this.alignLeft ? this.state.dimensions.left : 'none',
+                right: this.alignLeft ? 'none' : shellArea.width - this.state.dimensions.right,
+                width: Math.min(Math.max(this.state.dimensions.width, this.optimalWidth), maxWidth),
+                maxHeight: shellArea.height - (invert ? shellArea.height - this.state.dimensions.bottom : this.state.dimensions.top) - this.state.dimensions.height,
+                position: 'absolute'
+            }, ref: this.dropdownRef }, items);
+    }
+    renderOption(index, option) {
+        var _a;
+        if (option.separator) {
+            return React.createElement("div", { key: index, className: "theia-select-component-separator" });
+        }
+        const selected = this.state.hover;
+        return (React.createElement("div", { key: index, className: `theia-select-component-option${index === selected ? ' selected' : ''}`, onMouseOver: () => {
+                this.setState({
+                    hover: index
+                });
+            }, onMouseDown: () => {
+                this.selectOption(index, option);
+            } },
+            React.createElement("div", { key: "value", className: "theia-select-component-option-value" }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value),
+            option.detail && React.createElement("div", { key: "detail", className: "theia-select-component-option-detail" }, option.detail)));
+    }
+    selectOption(index, option) {
+        var _a, _b;
+        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, option, index);
+        this.hide(index);
+    }
+}
+exports.SelectComponent = SelectComponent;
+//# sourceMappingURL=select-component.js.map

package/lib/browser/widgets/select-component.js.map

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

package/lib/browser/widgets/split-widget.d.ts

@@ -0,0 +1,44 @@
+import { ApplicationShell, StatefulWidget } from '../shell';
+import { BaseWidget, Message, SplitPanel, Widget } from './widget';
+import { CompositeSaveable, Saveable, SaveableSource } from '../saveable';
+import { Navigatable } from '../navigatable-types';
+import { Emitter, URI } from '../../common';
+/**
+ * A widget containing a number of panes in a split layout.
+ */
+export declare class SplitWidget extends BaseWidget implements ApplicationShell.TrackableWidgetProvider, SaveableSource, Navigatable, StatefulWidget {
+    protected readonly splitPanel: SplitPanel;
+    protected readonly onDidChangeTrackableWidgetsEmitter: Emitter<Widget[]>;
+    readonly onDidChangeTrackableWidgets: import("../../common").Event<Widget[]>;
+    protected readonly compositeSaveable: CompositeSaveable;
+    protected navigatable?: Navigatable;
+    constructor(options?: SplitPanel.IOptions & {
+        navigatable?: Navigatable;
+    });
+    get orientation(): SplitPanel.Orientation;
+    set orientation(value: SplitPanel.Orientation);
+    relativeSizes(): number[];
+    setRelativeSizes(sizes: number[]): void;
+    get handles(): readonly HTMLDivElement[];
+    get saveable(): Saveable;
+    getResourceUri(): URI | undefined;
+    createMoveToUri(resourceUri: URI): URI | undefined;
+    storeState(): SplitWidget.State;
+    restoreState(oldState: SplitWidget.State): void;
+    get panes(): readonly Widget[];
+    getTrackableWidgets(): Widget[];
+    protected fireDidChangeTrackableWidgets(): void;
+    addPane(pane: Widget): void;
+    insertPane(index: number, pane: Widget): void;
+    protected onPaneAdded(pane: Widget): void;
+    protected onPaneRemoved(pane: Widget): void;
+    protected onActivateRequest(msg: Message): void;
+}
+export declare namespace SplitWidget {
+    interface State {
+        orientation?: SplitPanel.Orientation;
+        widgets: readonly Widget[];
+        relativeSizes?: number[];
+    }
+}
+//# sourceMappingURL=split-widget.d.ts.map

package/lib/browser/widgets/split-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-widget.d.ts","sourceRoot":"","sources":["../../../src/browser/widgets/split-widget.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,OAAO,EAAe,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAE5C;;GAEG;AACH,qBAAa,WAAY,SAAQ,UAAW,YAAW,gBAAgB,CAAC,uBAAuB,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc;IAExI,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAE1C,SAAS,CAAC,QAAQ,CAAC,kCAAkC,oBAA2B;IAChF,QAAQ,CAAC,2BAA2B,yCAAiD;IAErF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,oBAA2B;IAE/D,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;gBAExB,OAAO,CAAC,EAAE,UAAU,CAAC,QAAQ,GAAG;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE;IA+BzE,IAAI,WAAW,IAAI,UAAU,CAAC,WAAW,CAExC;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,EAE5C;IAED,aAAa,IAAI,MAAM,EAAE;IAIzB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAIvC,IAAI,OAAO,IAAI,SAAS,cAAc,EAAE,CAEvC;IAED,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAED,cAAc,IAAI,GAAG,GAAG,SAAS;IAIjC,eAAe,CAAC,WAAW,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS;IAIlD,UAAU,IAAI,WAAW,CAAC,KAAK;IAI/B,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,GAAG,IAAI;IAa/C,IAAI,KAAK,IAAI,SAAS,MAAM,EAAE,CAE7B;IAED,mBAAmB,IAAI,MAAM,EAAE;IAI/B,SAAS,CAAC,6BAA6B,IAAI,IAAI;IAI/C,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAI7C,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAOzC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;cAOxB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;CAG3D;AAED,yBAAiB,WAAW,CAAC;IACzB,UAAiB,KAAK;QAClB,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;QACrC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;KAC5B;CACJ"}

package/lib/browser/widgets/split-widget.js

@@ -0,0 +1,126 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2024 1C-Soft LLC 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.SplitWidget = void 0;
+const widget_1 = require("./widget");
+const saveable_1 = require("../saveable");
+const common_1 = require("../../common");
+/**
+ * A widget containing a number of panes in a split layout.
+ */
+class SplitWidget extends widget_1.BaseWidget {
+    constructor(options) {
+        super();
+        this.onDidChangeTrackableWidgetsEmitter = new common_1.Emitter();
+        this.onDidChangeTrackableWidgets = this.onDidChangeTrackableWidgetsEmitter.event;
+        this.compositeSaveable = new saveable_1.CompositeSaveable();
+        this.toDispose.pushAll([this.onDidChangeTrackableWidgetsEmitter]);
+        this.addClass('theia-split-widget');
+        const layout = new widget_1.PanelLayout();
+        this.layout = layout;
+        const that = this;
+        this.splitPanel = new class extends widget_1.SplitPanel {
+            onChildAdded(msg) {
+                super.onChildAdded(msg);
+                that.onPaneAdded(msg.child);
+            }
+            onChildRemoved(msg) {
+                super.onChildRemoved(msg);
+                that.onPaneRemoved(msg.child);
+            }
+        }({
+            spacing: 1, // --theia-border-width
+            ...options
+        });
+        this.splitPanel.node.tabIndex = -1;
+        layout.addWidget(this.splitPanel);
+        this.navigatable = options === null || options === void 0 ? void 0 : options.navigatable;
+    }
+    get orientation() {
+        return this.splitPanel.orientation;
+    }
+    set orientation(value) {
+        this.splitPanel.orientation = value;
+    }
+    relativeSizes() {
+        return this.splitPanel.relativeSizes();
+    }
+    setRelativeSizes(sizes) {
+        this.splitPanel.setRelativeSizes(sizes);
+    }
+    get handles() {
+        return this.splitPanel.handles;
+    }
+    get saveable() {
+        return this.compositeSaveable;
+    }
+    getResourceUri() {
+        var _a;
+        return (_a = this.navigatable) === null || _a === void 0 ? void 0 : _a.getResourceUri();
+    }
+    createMoveToUri(resourceUri) {
+        var _a;
+        return (_a = this.navigatable) === null || _a === void 0 ? void 0 : _a.createMoveToUri(resourceUri);
+    }
+    storeState() {
+        return { orientation: this.orientation, widgets: this.panes, relativeSizes: this.relativeSizes() };
+    }
+    restoreState(oldState) {
+        const { orientation, widgets, relativeSizes } = oldState;
+        if (orientation) {
+            this.orientation = orientation;
+        }
+        for (const widget of widgets) {
+            this.addPane(widget);
+        }
+        if (relativeSizes) {
+            this.setRelativeSizes(relativeSizes);
+        }
+    }
+    get panes() {
+        return this.splitPanel.widgets;
+    }
+    getTrackableWidgets() {
+        return [...this.panes];
+    }
+    fireDidChangeTrackableWidgets() {
+        this.onDidChangeTrackableWidgetsEmitter.fire(this.getTrackableWidgets());
+    }
+    addPane(pane) {
+        this.splitPanel.addWidget(pane);
+    }
+    insertPane(index, pane) {
+        this.splitPanel.insertWidget(index, pane);
+    }
+    onPaneAdded(pane) {
+        if (saveable_1.Saveable.isSource(pane)) {
+            this.compositeSaveable.add(pane.saveable);
+        }
+        this.fireDidChangeTrackableWidgets();
+    }
+    onPaneRemoved(pane) {
+        if (saveable_1.Saveable.isSource(pane)) {
+            this.compositeSaveable.remove(pane.saveable);
+        }
+        this.fireDidChangeTrackableWidgets();
+    }
+    onActivateRequest(msg) {
+        this.splitPanel.node.focus();
+    }
+}
+exports.SplitWidget = SplitWidget;
+//# sourceMappingURL=split-widget.js.map

package/lib/browser/widgets/split-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-widget.js","sourceRoot":"","sources":["../../../src/browser/widgets/split-widget.ts"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,6CAA6C;AAC7C,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;;;AAGhF,qCAAgF;AAChF,0CAA0E;AAE1E,yCAA4C;AAE5C;;GAEG;AACH,MAAa,WAAY,SAAQ,mBAAU;IAWvC,YAAY,OAA6D;QACrE,KAAK,EAAE,CAAC;QARO,uCAAkC,GAAG,IAAI,gBAAO,EAAY,CAAC;QACvE,gCAA2B,GAAG,IAAI,CAAC,kCAAkC,CAAC,KAAK,CAAC;QAElE,sBAAiB,GAAG,IAAI,4BAAiB,EAAE,CAAC;QAO3D,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC,CAAC;QAElE,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAEpC,MAAM,MAAM,GAAG,IAAI,oBAAW,EAAE,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,IAAI,KAAM,SAAQ,mBAAU;YAEvB,YAAY,CAAC,GAAwB;gBACpD,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC;YAEkB,cAAc,CAAC,GAAwB;gBACtD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;gBAC1B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;SACJ,CAAC;YACE,OAAO,EAAE,CAAC,EAAE,uBAAuB;YACnC,GAAG,OAAO;SACb,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAElC,IAAI,CAAC,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAC5C,CAAC;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC;IACvC,CAAC;IAED,IAAI,WAAW,CAAC,KAA6B;QACzC,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;IACxC,CAAC;IAED,aAAa;QACT,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;IAC3C,CAAC;IAED,gBAAgB,CAAC,KAAe;QAC5B,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;IACnC,CAAC;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAED,cAAc;;QACV,OAAO,MAAA,IAAI,CAAC,WAAW,0CAAE,cAAc,EAAE,CAAC;IAC9C,CAAC;IAED,eAAe,CAAC,WAAgB;;QAC5B,OAAO,MAAA,IAAI,CAAC,WAAW,0CAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,UAAU;QACN,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;IACvG,CAAC;IAED,YAAY,CAAC,QAA2B;QACpC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,QAAQ,CAAC;QACzD,IAAI,WAAW,EAAE,CAAC;YACd,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QACnC,CAAC;QACD,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAChB,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;IACnC,CAAC;IAED,mBAAmB;QACf,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAES,6BAA6B;QACnC,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,UAAU,CAAC,KAAa,EAAE,IAAY;QAClC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAES,WAAW,CAAC,IAAY;QAC9B,IAAI,mBAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACzC,CAAC;IAES,aAAa,CAAC,IAAY;QAChC,IAAI,mBAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACzC,CAAC;IAEkB,iBAAiB,CAAC,GAAY;QAC7C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;CACJ;AAhID,kCAgIC"}