@theia/messages 1.47.1 → 1.48.1

package/README.md

@@ -1,30 +1,30 @@
-<div align='center'>
-
-<br />
-
-<img src='https://raw.githubusercontent.com/eclipse-theia/theia/master/logo/theia.svg?sanitize=true' alt='theia-ext-logo' width='100px' />
-
-<h2>ECLIPSE THEIA - MESSAGES EXTENSION</h2>
-
-<hr />
-
-</div>
-
-## Description
-
-The `@theia/messages` extension provides the ability to display user notifications in the application.
-
-## Additional Information
-
-- [API documentation for `@theia/messages`](https://eclipse-theia.github.io/theia/docs/next/modules/messages.html)
-- [Theia - GitHub](https://github.com/eclipse-theia/theia)
-- [Theia - Website](https://theia-ide.org/)
-
-## License
-
-- [Eclipse Public License 2.0](http://www.eclipse.org/legal/epl-2.0/)
-- [一 (Secondary) GNU General Public License, version 2 with the GNU Classpath Exception](https://projects.eclipse.org/license/secondary-gpl-2.0-cp)
-
-## Trademark
-"Theia" is a trademark of the Eclipse Foundation
-https://www.eclipse.org/theia
+<div align='center'>
+
+<br />
+
+<img src='https://raw.githubusercontent.com/eclipse-theia/theia/master/logo/theia.svg?sanitize=true' alt='theia-ext-logo' width='100px' />
+
+<h2>ECLIPSE THEIA - MESSAGES EXTENSION</h2>
+
+<hr />
+
+</div>
+
+## Description
+
+The `@theia/messages` extension provides the ability to display user notifications in the application.
+
+## Additional Information
+
+- [API documentation for `@theia/messages`](https://eclipse-theia.github.io/theia/docs/next/modules/messages.html)
+- [Theia - GitHub](https://github.com/eclipse-theia/theia)
+- [Theia - Website](https://theia-ide.org/)
+
+## License
+
+- [Eclipse Public License 2.0](http://www.eclipse.org/legal/epl-2.0/)
+- [一 (Secondary) GNU General Public License, version 2 with the GNU Classpath Exception](https://projects.eclipse.org/license/secondary-gpl-2.0-cp)
+
+## Trademark
+"Theia" is a trademark of the Eclipse Foundation
+https://www.eclipse.org/theia

package/lib/browser/messages-frontend-module.d.ts

@@ -1,5 +1,5 @@
-import '../../src/browser/style/index.css';
-import { ContainerModule } from '@theia/core/shared/inversify';
-declare const _default: ContainerModule;
-export default _default;
+import '../../src/browser/style/index.css';
+import { ContainerModule } from '@theia/core/shared/inversify';
+declare const _default: ContainerModule;
+export default _default;
 //# sourceMappingURL=messages-frontend-module.d.ts.map

package/lib/browser/messages-frontend-module.js

@@ -1,42 +1,42 @@
-"use strict";
-// *****************************************************************************
-// 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
-// *****************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../src/browser/style/index.css");
-const inversify_1 = require("@theia/core/shared/inversify");
-const common_1 = require("@theia/core/lib/common");
-const notifications_manager_1 = require("./notifications-manager");
-const notification_preferences_1 = require("./notification-preferences");
-const notifications_renderer_1 = require("./notifications-renderer");
-const notifications_contribution_1 = require("./notifications-contribution");
-const browser_1 = require("@theia/core/lib/browser");
-const core_1 = require("@theia/core");
-const color_application_contribution_1 = require("@theia/core/lib/browser/color-application-contribution");
-const notification_content_renderer_1 = require("./notification-content-renderer");
-exports.default = new inversify_1.ContainerModule((bind, unbind, isBound, rebind) => {
-    bind(notification_content_renderer_1.NotificationContentRenderer).toSelf().inSingletonScope();
-    bind(notifications_renderer_1.NotificationsRenderer).toSelf().inSingletonScope();
-    bind(notifications_contribution_1.NotificationsContribution).toSelf().inSingletonScope();
-    bind(browser_1.FrontendApplicationContribution).toService(notifications_contribution_1.NotificationsContribution);
-    bind(core_1.CommandContribution).toService(notifications_contribution_1.NotificationsContribution);
-    bind(browser_1.KeybindingContribution).toService(notifications_contribution_1.NotificationsContribution);
-    bind(color_application_contribution_1.ColorContribution).toService(notifications_contribution_1.NotificationsContribution);
-    bind(browser_1.StylingParticipant).toService(notifications_contribution_1.NotificationsContribution);
-    bind(notifications_manager_1.NotificationManager).toSelf().inSingletonScope();
-    rebind(common_1.MessageClient).toService(notifications_manager_1.NotificationManager);
-    (0, notification_preferences_1.bindNotificationPreferences)(bind);
-});
+"use strict";
+// *****************************************************************************
+// 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
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../src/browser/style/index.css");
+const inversify_1 = require("@theia/core/shared/inversify");
+const common_1 = require("@theia/core/lib/common");
+const notifications_manager_1 = require("./notifications-manager");
+const notification_preferences_1 = require("./notification-preferences");
+const notifications_renderer_1 = require("./notifications-renderer");
+const notifications_contribution_1 = require("./notifications-contribution");
+const browser_1 = require("@theia/core/lib/browser");
+const core_1 = require("@theia/core");
+const color_application_contribution_1 = require("@theia/core/lib/browser/color-application-contribution");
+const notification_content_renderer_1 = require("./notification-content-renderer");
+exports.default = new inversify_1.ContainerModule((bind, unbind, isBound, rebind) => {
+    bind(notification_content_renderer_1.NotificationContentRenderer).toSelf().inSingletonScope();
+    bind(notifications_renderer_1.NotificationsRenderer).toSelf().inSingletonScope();
+    bind(notifications_contribution_1.NotificationsContribution).toSelf().inSingletonScope();
+    bind(browser_1.FrontendApplicationContribution).toService(notifications_contribution_1.NotificationsContribution);
+    bind(core_1.CommandContribution).toService(notifications_contribution_1.NotificationsContribution);
+    bind(browser_1.KeybindingContribution).toService(notifications_contribution_1.NotificationsContribution);
+    bind(color_application_contribution_1.ColorContribution).toService(notifications_contribution_1.NotificationsContribution);
+    bind(browser_1.StylingParticipant).toService(notifications_contribution_1.NotificationsContribution);
+    bind(notifications_manager_1.NotificationManager).toSelf().inSingletonScope();
+    rebind(common_1.MessageClient).toService(notifications_manager_1.NotificationManager);
+    (0, notification_preferences_1.bindNotificationPreferences)(bind);
+});
 //# sourceMappingURL=messages-frontend-module.js.map

package/lib/browser/notification-center-component.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import * as React from '@theia/core/shared/react';
-import { DisposableCollection } from '@theia/core';
-import { NotificationManager, NotificationUpdateEvent } from './notifications-manager';
-export interface NotificationCenterComponentProps {
-    readonly manager: NotificationManager;
-}
-declare type NotificationCenterComponentState = Pick<NotificationUpdateEvent, Exclude<keyof NotificationUpdateEvent, 'toasts'>>;
-export declare class NotificationCenterComponent extends React.Component<NotificationCenterComponentProps, NotificationCenterComponentState> {
-    constructor(props: NotificationCenterComponentProps);
-    protected readonly toDisposeOnUnmount: DisposableCollection;
-    componentDidMount(): Promise<void>;
-    componentWillUnmount(): void;
-    render(): React.ReactNode;
-    protected onHide: () => void;
-    protected onClearAll: () => void;
-}
-export {};
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { DisposableCollection } from '@theia/core';
+import { NotificationManager, NotificationUpdateEvent } from './notifications-manager';
+export interface NotificationCenterComponentProps {
+    readonly manager: NotificationManager;
+}
+declare type NotificationCenterComponentState = Pick<NotificationUpdateEvent, Exclude<keyof NotificationUpdateEvent, 'toasts'>>;
+export declare class NotificationCenterComponent extends React.Component<NotificationCenterComponentProps, NotificationCenterComponentState> {
+    constructor(props: NotificationCenterComponentProps);
+    protected readonly toDisposeOnUnmount: DisposableCollection;
+    componentDidMount(): Promise<void>;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    protected onHide: () => void;
+    protected onClearAll: () => void;
+}
+export {};
 //# sourceMappingURL=notification-center-component.d.ts.map

package/lib/browser/notification-center-component.js

@@ -1,68 +1,68 @@
-"use strict";
-// *****************************************************************************
-// Copyright (C) 2019 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.NotificationCenterComponent = void 0;
-const React = require("@theia/core/shared/react");
-const core_1 = require("@theia/core");
-const notification_component_1 = require("./notification-component");
-const browser_1 = require("@theia/core/lib/browser");
-const nls_1 = require("@theia/core/lib/common/nls");
-const PerfectScrollbar = require('react-perfect-scrollbar');
-class NotificationCenterComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.toDisposeOnUnmount = new core_1.DisposableCollection();
-        this.onHide = () => {
-            this.props.manager.hideCenter();
-        };
-        this.onClearAll = () => {
-            this.props.manager.clearAll();
-        };
-        this.state = {
-            notifications: [],
-            visibilityState: 'hidden'
-        };
-    }
-    async componentDidMount() {
-        this.toDisposeOnUnmount.push(this.props.manager.onUpdated(({ notifications, visibilityState }) => {
-            this.setState({
-                notifications: notifications,
-                visibilityState
-            });
-        }));
-    }
-    componentWillUnmount() {
-        this.toDisposeOnUnmount.dispose();
-    }
-    render() {
-        const empty = this.state.notifications.length === 0;
-        const title = empty
-            ? nls_1.nls.localizeByDefault('No New Notifications')
-            : nls_1.nls.localizeByDefault('Notifications');
-        return (React.createElement("div", { className: `theia-notifications-container theia-notification-center ${this.state.visibilityState === 'center' ? 'open' : 'closed'}` },
-            React.createElement("div", { className: 'theia-notification-center-header' },
-                React.createElement("div", { className: 'theia-notification-center-header-title' }, title),
-                React.createElement("div", { className: 'theia-notification-center-header-actions' },
-                    React.createElement("ul", { className: 'theia-notification-actions' },
-                        React.createElement("li", { className: (0, browser_1.codicon)('clear-all', true), title: nls_1.nls.localizeByDefault('Clear All Notifications'), onClick: this.onClearAll }),
-                        React.createElement("li", { className: (0, browser_1.codicon)('chevron-down', true), title: nls_1.nls.localizeByDefault('Hide Notifications'), onClick: this.onHide })))),
-            React.createElement(PerfectScrollbar, { className: 'theia-notification-list-scroll-container' },
-                React.createElement("div", { className: 'theia-notification-list' }, this.state.notifications.map(notification => React.createElement(notification_component_1.NotificationComponent, { key: notification.messageId, notification: notification, manager: this.props.manager }))))));
-    }
-}
-exports.NotificationCenterComponent = NotificationCenterComponent;
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2019 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.NotificationCenterComponent = void 0;
+const React = require("@theia/core/shared/react");
+const core_1 = require("@theia/core");
+const notification_component_1 = require("./notification-component");
+const browser_1 = require("@theia/core/lib/browser");
+const nls_1 = require("@theia/core/lib/common/nls");
+const PerfectScrollbar = require('react-perfect-scrollbar');
+class NotificationCenterComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toDisposeOnUnmount = new core_1.DisposableCollection();
+        this.onHide = () => {
+            this.props.manager.hideCenter();
+        };
+        this.onClearAll = () => {
+            this.props.manager.clearAll();
+        };
+        this.state = {
+            notifications: [],
+            visibilityState: 'hidden'
+        };
+    }
+    async componentDidMount() {
+        this.toDisposeOnUnmount.push(this.props.manager.onUpdated(({ notifications, visibilityState }) => {
+            this.setState({
+                notifications: notifications,
+                visibilityState
+            });
+        }));
+    }
+    componentWillUnmount() {
+        this.toDisposeOnUnmount.dispose();
+    }
+    render() {
+        const empty = this.state.notifications.length === 0;
+        const title = empty
+            ? nls_1.nls.localizeByDefault('No New Notifications')
+            : nls_1.nls.localizeByDefault('Notifications');
+        return (React.createElement("div", { className: `theia-notifications-container theia-notification-center ${this.state.visibilityState === 'center' ? 'open' : 'closed'}` },
+            React.createElement("div", { className: 'theia-notification-center-header' },
+                React.createElement("div", { className: 'theia-notification-center-header-title' }, title),
+                React.createElement("div", { className: 'theia-notification-center-header-actions' },
+                    React.createElement("ul", { className: 'theia-notification-actions' },
+                        React.createElement("li", { className: (0, browser_1.codicon)('clear-all', true), title: nls_1.nls.localizeByDefault('Clear All Notifications'), onClick: this.onClearAll }),
+                        React.createElement("li", { className: (0, browser_1.codicon)('chevron-down', true), title: nls_1.nls.localizeByDefault('Hide Notifications'), onClick: this.onHide })))),
+            React.createElement(PerfectScrollbar, { className: 'theia-notification-list-scroll-container' },
+                React.createElement("div", { className: 'theia-notification-list' }, this.state.notifications.map(notification => React.createElement(notification_component_1.NotificationComponent, { key: notification.messageId, notification: notification, manager: this.props.manager }))))));
+    }
+}
+exports.NotificationCenterComponent = NotificationCenterComponent;
 //# sourceMappingURL=notification-center-component.js.map

package/lib/browser/notification-component.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import * as React from '@theia/core/shared/react';
-import { NotificationManager, Notification } from './notifications-manager';
-export interface NotificationComponentProps {
-    readonly manager: NotificationManager;
-    readonly notification: Notification;
-}
-export declare class NotificationComponent extends React.Component<NotificationComponentProps> {
-    constructor(props: NotificationComponentProps);
-    protected onClear: (event: React.MouseEvent) => void;
-    protected onToggleExpansion: (event: React.MouseEvent) => void;
-    protected onAction: (event: React.MouseEvent) => void;
-    protected onMessageClick: (event: React.MouseEvent) => void;
-    render(): React.ReactNode;
-}
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { NotificationManager, Notification } from './notifications-manager';
+export interface NotificationComponentProps {
+    readonly manager: NotificationManager;
+    readonly notification: Notification;
+}
+export declare class NotificationComponent extends React.Component<NotificationComponentProps> {
+    constructor(props: NotificationComponentProps);
+    protected onClear: (event: React.MouseEvent) => void;
+    protected onToggleExpansion: (event: React.MouseEvent) => void;
+    protected onAction: (event: React.MouseEvent) => void;
+    protected onMessageClick: (event: React.MouseEvent) => void;
+    render(): React.ReactNode;
+}
 //# sourceMappingURL=notification-component.d.ts.map

package/lib/browser/notification-component.js

@@ -1,89 +1,89 @@
-"use strict";
-// *****************************************************************************
-// Copyright (C) 2019 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.NotificationComponent = void 0;
-const React = require("@theia/core/shared/react");
-const DOMPurify = require("@theia/core/shared/dompurify");
-const browser_1 = require("@theia/core/lib/browser");
-const nls_1 = require("@theia/core/lib/common/nls");
-class NotificationComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onClear = (event) => {
-            if (event.target instanceof HTMLElement) {
-                const messageId = event.target.dataset.messageId;
-                if (messageId) {
-                    this.props.manager.clear(messageId);
-                }
-            }
-        };
-        this.onToggleExpansion = (event) => {
-            if (event.target instanceof HTMLElement) {
-                const messageId = event.target.dataset.messageId;
-                if (messageId) {
-                    this.props.manager.toggleExpansion(messageId);
-                }
-            }
-        };
-        this.onAction = (event) => {
-            if (event.target instanceof HTMLElement) {
-                const messageId = event.target.dataset.messageId;
-                const action = event.target.dataset.action;
-                if (messageId && action) {
-                    this.props.manager.accept(messageId, action);
-                }
-            }
-        };
-        this.onMessageClick = (event) => {
-            if (event.target instanceof HTMLAnchorElement) {
-                event.stopPropagation();
-                event.preventDefault();
-                const link = event.target.href;
-                this.props.manager.openLink(link);
-            }
-        };
-        this.state = {};
-    }
-    render() {
-        const { messageId, message, type, progress, collapsed, expandable, source, actions } = this.props.notification;
-        const isProgress = type === 'progress' || typeof progress === 'number';
-        const icon = type === 'progress' ? 'info' : type;
-        return (React.createElement("div", { key: messageId, className: 'theia-notification-list-item-container' },
-            React.createElement("div", { className: 'theia-notification-list-item', tabIndex: 0 },
-                React.createElement("div", { className: `theia-notification-list-item-content ${collapsed ? 'collapsed' : ''}` },
-                    React.createElement("div", { className: 'theia-notification-list-item-content-main' },
-                        React.createElement("div", { className: `theia-notification-icon ${(0, browser_1.codicon)(icon)} ${icon}` }),
-                        React.createElement("div", { className: 'theia-notification-message' },
-                            React.createElement("span", { 
-                                // eslint-disable-next-line react/no-danger
-                                dangerouslySetInnerHTML: {
-                                    __html: DOMPurify.sanitize(message, {
-                                        ALLOW_UNKNOWN_PROTOCOLS: true // DOMPurify usually strips non http(s) links from hrefs
-                                    })
-                                }, onClick: this.onMessageClick })),
-                        React.createElement("ul", { className: 'theia-notification-actions' },
-                            expandable && (React.createElement("li", { className: (0, browser_1.codicon)('chevron-down', true) + (collapsed ? ' expand' : ' collapse'), title: collapsed ? 'Expand' : 'Collapse', "data-message-id": messageId, onClick: this.onToggleExpansion })),
-                            !isProgress && (React.createElement("li", { className: (0, browser_1.codicon)('close', true), title: nls_1.nls.localizeByDefault('Clear'), "data-message-id": messageId, onClick: this.onClear })))),
-                    (source || !!actions.length) && (React.createElement("div", { className: 'theia-notification-list-item-content-bottom' },
-                        React.createElement("div", { className: 'theia-notification-source' }, source && (React.createElement("span", null, source))),
-                        React.createElement("div", { className: 'theia-notification-buttons' }, actions && actions.map((action, index) => (React.createElement("button", { key: messageId + `-action-${index}`, className: 'theia-button', "data-message-id": messageId, "data-action": action, onClick: this.onAction }, action))))))),
-                isProgress && (React.createElement("div", { className: 'theia-notification-item-progress' },
-                    React.createElement("div", { className: `theia-notification-item-progressbar ${progress ? 'determinate' : 'indeterminate'}`, style: { width: `${progress !== null && progress !== void 0 ? progress : '100'}%` } }))))));
-    }
-}
-exports.NotificationComponent = NotificationComponent;
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2019 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.NotificationComponent = void 0;
+const React = require("@theia/core/shared/react");
+const DOMPurify = require("@theia/core/shared/dompurify");
+const browser_1 = require("@theia/core/lib/browser");
+const nls_1 = require("@theia/core/lib/common/nls");
+class NotificationComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.onClear = (event) => {
+            if (event.target instanceof HTMLElement) {
+                const messageId = event.target.dataset.messageId;
+                if (messageId) {
+                    this.props.manager.clear(messageId);
+                }
+            }
+        };
+        this.onToggleExpansion = (event) => {
+            if (event.target instanceof HTMLElement) {
+                const messageId = event.target.dataset.messageId;
+                if (messageId) {
+                    this.props.manager.toggleExpansion(messageId);
+                }
+            }
+        };
+        this.onAction = (event) => {
+            if (event.target instanceof HTMLElement) {
+                const messageId = event.target.dataset.messageId;
+                const action = event.target.dataset.action;
+                if (messageId && action) {
+                    this.props.manager.accept(messageId, action);
+                }
+            }
+        };
+        this.onMessageClick = (event) => {
+            if (event.target instanceof HTMLAnchorElement) {
+                event.stopPropagation();
+                event.preventDefault();
+                const link = event.target.href;
+                this.props.manager.openLink(link);
+            }
+        };
+        this.state = {};
+    }
+    render() {
+        const { messageId, message, type, progress, collapsed, expandable, source, actions } = this.props.notification;
+        const isProgress = type === 'progress' || typeof progress === 'number';
+        const icon = type === 'progress' ? 'info' : type;
+        return (React.createElement("div", { key: messageId, className: 'theia-notification-list-item-container' },
+            React.createElement("div", { className: 'theia-notification-list-item', tabIndex: 0 },
+                React.createElement("div", { className: `theia-notification-list-item-content ${collapsed ? 'collapsed' : ''}` },
+                    React.createElement("div", { className: 'theia-notification-list-item-content-main' },
+                        React.createElement("div", { className: `theia-notification-icon ${(0, browser_1.codicon)(icon)} ${icon}` }),
+                        React.createElement("div", { className: 'theia-notification-message' },
+                            React.createElement("span", { 
+                                // eslint-disable-next-line react/no-danger
+                                dangerouslySetInnerHTML: {
+                                    __html: DOMPurify.sanitize(message, {
+                                        ALLOW_UNKNOWN_PROTOCOLS: true // DOMPurify usually strips non http(s) links from hrefs
+                                    })
+                                }, onClick: this.onMessageClick })),
+                        React.createElement("ul", { className: 'theia-notification-actions' },
+                            expandable && (React.createElement("li", { className: (0, browser_1.codicon)('chevron-down', true) + (collapsed ? ' expand' : ' collapse'), title: collapsed ? 'Expand' : 'Collapse', "data-message-id": messageId, onClick: this.onToggleExpansion })),
+                            !isProgress && (React.createElement("li", { className: (0, browser_1.codicon)('close', true), title: nls_1.nls.localizeByDefault('Clear'), "data-message-id": messageId, onClick: this.onClear })))),
+                    (source || !!actions.length) && (React.createElement("div", { className: 'theia-notification-list-item-content-bottom' },
+                        React.createElement("div", { className: 'theia-notification-source' }, source && (React.createElement("span", null, source))),
+                        React.createElement("div", { className: 'theia-notification-buttons' }, actions && actions.map((action, index) => (React.createElement("button", { key: messageId + `-action-${index}`, className: 'theia-button', "data-message-id": messageId, "data-action": action, onClick: this.onAction }, action))))))),
+                isProgress && (React.createElement("div", { className: 'theia-notification-item-progress' },
+                    React.createElement("div", { className: `theia-notification-item-progressbar ${progress ? 'determinate' : 'indeterminate'}`, style: { width: `${progress !== null && progress !== void 0 ? progress : '100'}%` } }))))));
+    }
+}
+exports.NotificationComponent = NotificationComponent;
 //# sourceMappingURL=notification-component.js.map

package/lib/browser/notification-content-renderer.d.ts

@@ -1,6 +1,6 @@
-import * as markdownit from '@theia/core/shared/markdown-it';
-export declare class NotificationContentRenderer {
-    protected readonly mdEngine: markdownit;
-    renderMessage(content: string): string;
-}
+import * as markdownit from '@theia/core/shared/markdown-it';
+export declare class NotificationContentRenderer {
+    protected readonly mdEngine: markdownit;
+    renderMessage(content: string): string;
+}
 //# sourceMappingURL=notification-content-renderer.d.ts.map