@jupyterlab/statusbar 3.3.0-alpha.7 → 4.0.0-alpha.2

package/lib/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './group';
 export * from './hover';
 export * from './progressBar';
 export * from './text';
+export * from './progressCircle';

package/lib/components/index.js

@@ -4,4 +4,5 @@ export * from './group';
 export * from './hover';
 export * from './progressBar';
 export * from './text';
+export * from './progressCircle';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}

package/lib/components/progressBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A namespace for ProgressBar statics.
  */
@@ -11,6 +10,14 @@ export declare namespace ProgressBar {
          * The current progress percentage, from 0 to 100
          */
         percentage: number;
+        /**
+         * Width of progress bar in pixel.
+         */
+        width?: number;
+        /**
+         * Text to show inside progress bar.
+         */
+        content?: string;
     }
 }
 /**

package/lib/components/progressBar.js

@@ -1,20 +1,32 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from 'react';
-import { fillerItem, progressBarItem } from '../style/progressBar';
 /**
  * A functional tsx component for a progress bar.
  */
 export function ProgressBar(props) {
-    return (React.createElement("div", { className: progressBarItem },
-        React.createElement(Filler, { percentage: props.percentage })));
+    const { width } = props, rest = __rest(props, ["width"]);
+    return (React.createElement("div", { className: 'jp-Statusbar-ProgressBar-progress-bar' },
+        React.createElement(Filler, Object.assign({}, rest, { contentWidth: width }))));
 }
 /**
  * A functional tsx component for a partially filled div.
  */
 function Filler(props) {
-    return (React.createElement("div", { className: fillerItem, style: {
-            width: `${props.percentage}px`
-        } }));
+    return (React.createElement("div", { style: {
+            width: `${props.percentage}%`
+        } },
+        React.createElement("p", null, props.content)));
 }
 //# sourceMappingURL=progressBar.js.map

package/lib/components/progressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../src/components/progressBar.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAiBnE;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAyB;IACnD,OAAO,CACL,6BAAK,SAAS,EAAE,eAAe;QAC7B,oBAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CACpC,CACP,CAAC;AACJ,CAAC;AAiBD;;GAEG;AACH,SAAS,MAAM,CAAC,KAAoB;IAClC,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI;SAC/B,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../src/components/progressBar.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;;;;;;;;;;;;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAyB;IACnD,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA1B,SAAkB,CAAQ,CAAC;IACjC,OAAO,CACL,6BAAK,SAAS,EAAE,uCAAuC;QACrD,oBAAC,MAAM,oBAAK,IAAI,IAAE,YAAY,EAAE,KAAK,IAAI,CACrC,CACP,CAAC;AACJ,CAAC;AA2BD;;GAEG;AACH,SAAS,MAAM,CAAC,KAAoB;IAClC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,GAAG;SAC9B;QAED,+BAAI,KAAK,CAAC,OAAO,CAAK,CAClB,CACP,CAAC;AACJ,CAAC"}

package/lib/components/progressCircle.d.ts

@@ -0,0 +1,14 @@
+export declare namespace ProgressCircle {
+    /**
+     * Props for the ProgressBar.
+     */
+    interface IProps {
+        /**
+         * The current progress percentage, from 0 to 100
+         */
+        progress: number;
+        width?: number;
+        height?: number;
+    }
+}
+export declare function ProgressCircle(props: ProgressCircle.IProps): JSX.Element;

package/lib/components/progressCircle.js

@@ -0,0 +1,20 @@
+import React from 'react';
+export function ProgressCircle(props) {
+    const radius = 104;
+    const d = (progress) => {
+        const angle = Math.max(progress * 3.6, 0.1);
+        const rad = (angle * Math.PI) / 180, x = Math.sin(rad) * radius, y = Math.cos(rad) * -radius, mid = angle < 180 ? 1 : 0, shape = `M 0 0 v -${radius} A ${radius} ${radius} 1 ` +
+            mid +
+            ' 0 ' +
+            x.toFixed(4) +
+            ' ' +
+            y.toFixed(4) +
+            ' z';
+        return shape;
+    };
+    return (React.createElement("div", { className: 'jp-Statusbar-ProgressCircle' },
+        React.createElement("svg", { viewBox: "0 0 250 250" },
+            React.createElement("circle", { cx: "125", cy: "125", r: `${radius}`, stroke: "var(--jp-inverse-layout-color3)", strokeWidth: "20", fill: "none" }),
+            React.createElement("path", { transform: "translate(125,125) scale(.9)", d: d(props.progress), fill: 'var(--jp-inverse-layout-color3)' }))));
+}
+//# sourceMappingURL=progressCircle.js.map

package/lib/components/progressCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressCircle.js","sourceRoot":"","sources":["../../src/components/progressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,UAAU,cAAc,CAAC,KAA4B;IACzD,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,CAAC,GAAG,CAAC,QAAgB,EAAU,EAAE;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,EACjC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,EAC1B,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,EAC3B,GAAG,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,KAAK,GACH,YAAY,MAAM,MAAM,MAAM,IAAI,MAAM,KAAK;YAC7C,GAAG;YACH,KAAK;YACL,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;YACZ,GAAG;YACH,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;YACZ,IAAI,CAAC;QACT,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,6BAA6B;QAC3C,6BAAK,OAAO,EAAC,aAAa;YACxB,gCACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,CAAC,EAAE,GAAG,MAAM,EAAE,EACd,MAAM,EAAC,iCAAiC,EACxC,WAAW,EAAC,IAAI,EAChB,IAAI,EAAC,MAAM,GACX;YACF,8BACE,SAAS,EAAC,8BAA8B,EACxC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EACpB,IAAI,EAAE,iCAAiC,GACvC,CACE,CACF,CACP,CAAC;AACJ,CAAC"}

package/lib/defaults/kernelStatus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISessionContext } from '@jupyterlab/apputils';
 import { ITranslator } from '@jupyterlab/translation';
 import { VDomModel, VDomRenderer } from '@jupyterlab/ui-components';

package/lib/defaults/kernelStatus.js

@@ -1,5 +1,6 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
+import { translateKernelStatuses } from '@jupyterlab/apputils';
 import { nullTranslator } from '@jupyterlab/translation';
 import { VDomModel, VDomRenderer } from '@jupyterlab/ui-components';
 import { JSONExt } from '@lumino/coreutils';
@@ -77,22 +78,7 @@ export class KernelStatus extends VDomRenderer {
             translator = translator || nullTranslator;
             this._trans = translator.load('jupyterlab');
             this._kernelName = this._trans.__('No Kernel!');
-            // TODO-FIXME: this mapping is duplicated in apputils/toolbar.tsx
-            this._statusNames = {
-                unknown: this._trans.__('Unknown'),
-                starting: this._trans.__('Starting'),
-                idle: this._trans.__('Idle'),
-                busy: this._trans.__('Busy'),
-                terminating: this._trans.__('Terminating'),
-                restarting: this._trans.__('Restarting'),
-                autorestarting: this._trans.__('Autorestarting'),
-                dead: this._trans.__('Dead'),
-                connected: this._trans.__('Connected'),
-                connecting: this._trans.__('Connecting'),
-                disconnected: this._trans.__('Disconnected'),
-                initializing: this._trans.__('Initializing'),
-                '': ''
-            };
+            this._statusNames = translateKernelStatuses(translator);
         }
         /**
          * The name of the kernel.
@@ -135,7 +121,8 @@ export class KernelStatus extends VDomRenderer {
             const oldState = this._getAllState();
             this._sessionContext = sessionContext;
             this._kernelStatus = sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.kernelDisplayStatus;
-            this._kernelName = (_c = sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.kernelDisplayName) !== null && _c !== void 0 ? _c : this._trans.__('No Kernel');
+            this._kernelName =
+                (_c = sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.kernelDisplayName) !== null && _c !== void 0 ? _c : this._trans.__('No Kernel');
             sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.statusChanged.connect(this._onKernelStatusChanged, this);
             sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.connectionStatusChanged.connect(this._onKernelStatusChanged, this);
             sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.kernelChanged.connect(this._onKernelChanged, this);

package/lib/defaults/kernelStatus.js.map

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

package/lib/defaults/runningSessions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ServiceManager } from '@jupyterlab/services';
 import { ITranslator } from '@jupyterlab/translation';
 import { VDomModel, VDomRenderer } from '@jupyterlab/ui-components';
@@ -59,7 +58,7 @@ export declare namespace RunningSessions {
         /**
          * The application service manager.
          */
-        serviceManager: ServiceManager;
+        serviceManager: ServiceManager.IManager;
         /**
          * A click handler for the item. By default this is used
          * to activate the running sessions side panel.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/statusbar",
-  "version": "3.3.0-alpha.7",
+  "version": "4.0.0-alpha.2",
   "description": "JupyterLab statusbar package.",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -36,28 +36,28 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/apputils": "^3.3.0-alpha.7",
-    "@jupyterlab/codeeditor": "^3.3.0-alpha.7",
-    "@jupyterlab/services": "^6.3.0-alpha.7",
-    "@jupyterlab/translation": "^3.3.0-alpha.7",
-    "@jupyterlab/ui-components": "^3.3.0-alpha.7",
-    "@lumino/algorithm": "^1.3.3",
-    "@lumino/coreutils": "^1.5.3",
-    "@lumino/disposable": "^1.4.3",
-    "@lumino/messaging": "^1.4.3",
-    "@lumino/signaling": "^1.4.3",
-    "@lumino/widgets": "^1.26.0",
+    "@jupyterlab/apputils": "^4.0.0-alpha.2",
+    "@jupyterlab/codeeditor": "^4.0.0-alpha.2",
+    "@jupyterlab/services": "^7.0.0-alpha.2",
+    "@jupyterlab/translation": "^4.0.0-alpha.2",
+    "@jupyterlab/ui-components": "^4.0.0-alpha.17",
+    "@lumino/algorithm": "^1.9.1",
+    "@lumino/coreutils": "^1.11.1",
+    "@lumino/disposable": "^1.10.1",
+    "@lumino/messaging": "^1.10.1",
+    "@lumino/signaling": "^1.10.1",
+    "@lumino/widgets": "^1.30.0",
     "csstype": "~3.0.3",
     "react": "^17.0.1",
     "typestyle": "^2.0.4"
   },
   "devDependencies": {
-    "@jupyterlab/testutils": "^3.3.0-alpha.7",
+    "@jupyterlab/testutils": "^4.0.0-alpha.2",
     "@types/jest": "^26.0.10",
     "jest": "^26.4.2",
     "rimraf": "~3.0.0",
     "ts-jest": "^26.3.0",
-    "typescript": "~4.1.3"
+    "typescript": "~4.5.2"
   },
   "publishConfig": {
     "access": "public"

package/style/base.css

@@ -0,0 +1,73 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+| Variables
+|----------------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------------
+
+/*-----------------------------------------------------------------------------
+| Styles
+|----------------------------------------------------------------------------*/
+
+.jp-Statusbar-ProgressCircle svg {
+  display: block;
+  margin: 0 auto;
+  width: 16px;
+  height: 24px;
+  align-self: normal;
+}
+.jp-Statusbar-ProgressCircle path {
+  fill: var(--jp-inverse-layout-color3);
+}
+
+.jp-Statusbar-ProgressBar-progress-bar {
+  height: 10px;
+  width: 100px;
+  border: solid 0.25px var(--jp-brand-color2);
+  border-radius: 3px;
+  overflow: hidden;
+  align-self: center;
+}
+.jp-Statusbar-ProgressBar-progress-bar > div {
+  background-color: var(--jp-brand-color2);
+  background-image: linear-gradient(
+    -45deg,
+    rgba(255, 255, 255, 0.2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.2) 50%,
+    rgba(255, 255, 255, 0.2) 75%,
+    transparent 75%,
+    transparent
+  );
+  background-size: 40px 40px;
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 12px;
+  line-height: 14px;
+  color: #ffffff;
+  text-align: center;
+  animation: jp-Statusbar-ExecutionTime-progress-bar 2s linear infinite;
+}
+
+.jp-Statusbar-ProgressBar-progress-bar p {
+  color: var(--jp-ui-font-color1);
+  font-family: var(--jp-ui-font-family);
+  font-size: var(--jp-ui-font-size1);
+  line-height: 10px;
+  width: 100px;
+}
+
+@keyframes jp-Statusbar-ExecutionTime-progress-bar {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 40px 40px;
+  }
+}

package/style/index.css

@@ -8,3 +8,5 @@
 @import url('~@jupyterlab/ui-components/style/index.css');
 @import url('~@jupyterlab/apputils/style/index.css');
 @import url('~@jupyterlab/codeeditor/style/index.css');
+
+@import url('./base.css');

package/style/index.js

@@ -8,3 +8,5 @@ import '@lumino/widgets/style/index.js';
 import '@jupyterlab/ui-components/style/index.js';
 import '@jupyterlab/apputils/style/index.js';
 import '@jupyterlab/codeeditor/style/index.js';
+
+import './base.css';

package/lib/style/progressBar.d.ts

@@ -1,2 +0,0 @@
-export declare const progressBarItem: string;
-export declare const fillerItem: string;

package/lib/style/progressBar.js

@@ -1,17 +0,0 @@
-// Copyright (c) Jupyter Development Team.
-// Distributed under the terms of the Modified BSD License.
-import { style } from 'typestyle/lib';
-export const progressBarItem = style({
-    background: 'black',
-    height: '10px',
-    width: '100px',
-    border: '1px solid black',
-    borderRadius: '3px',
-    marginLeft: '4px',
-    overflow: 'hidden'
-});
-export const fillerItem = style({
-    background: 'var(--jp-brand-color2)',
-    height: '10px'
-});
-//# sourceMappingURL=progressBar.js.map

package/lib/style/progressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../src/style/progressBar.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;IACnC,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,iBAAiB;IACzB,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;IAC9B,UAAU,EAAE,wBAAwB;IACpC,MAAM,EAAE,MAAM;CACf,CAAC,CAAC"}