@jupyterlab/statusbar 4.0.0-alpha.16 → 4.0.0-alpha.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/group.js +1 -4
- package/lib/components/group.js.map +1 -1
- package/lib/components/hover.d.ts +11 -3
- package/lib/components/hover.js +14 -10
- package/lib/components/hover.js.map +1 -1
- package/lib/components/progressCircle.d.ts +10 -0
- package/lib/components/progressCircle.js +1 -1
- package/lib/components/progressCircle.js.map +1 -1
- package/lib/components/text.js +1 -3
- package/lib/components/text.js.map +1 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/statusbar.js +5 -8
- package/lib/statusbar.js.map +1 -1
- package/package.json +5 -9
- package/style/base.css +68 -5
- package/lib/style/layout.d.ts +0 -5
- package/lib/style/layout.js +0 -16
- package/lib/style/layout.js.map +0 -1
- package/lib/style/statusbar.d.ts +0 -8
- package/lib/style/statusbar.js +0 -50
- package/lib/style/statusbar.js.map +0 -1
- package/lib/style/text.d.ts +0 -3
- package/lib/style/text.js +0 -13
- package/lib/style/text.js.map +0 -1
- package/lib/style/variables.d.ts +0 -18
- package/lib/style/variables.js +0 -17
- package/lib/style/variables.js.map +0 -1
package/lib/components/group.js
CHANGED
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
// Copyright (c) Jupyter Development Team.
|
|
2
2
|
// Distributed under the terms of the Modified BSD License.
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { classes, style } from 'typestyle/lib';
|
|
5
|
-
import { centeredFlex, leftToRight } from '../style/layout';
|
|
6
|
-
const groupItemLayout = style(centeredFlex, leftToRight);
|
|
7
4
|
/**
|
|
8
5
|
* A tsx component for a set of items logically grouped together.
|
|
9
6
|
*/
|
|
10
7
|
export function GroupItem(props) {
|
|
11
8
|
const { spacing, children, className, ...rest } = props;
|
|
12
9
|
const numChildren = React.Children.count(children);
|
|
13
|
-
return (React.createElement("div", { className:
|
|
10
|
+
return (React.createElement("div", { className: `jp-StatusBar-GroupItem ${className}`, ...rest }, React.Children.map(children, (child, i) => {
|
|
14
11
|
if (i === 0) {
|
|
15
12
|
return React.createElement("div", { style: { marginRight: `${spacing}px` } }, child);
|
|
16
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/components/group.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/components/group.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,SAAS,CACvB,KAA8D;IAE9D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnD,OAAO,CACL,6BAAK,SAAS,EAAE,0BAA0B,SAAS,EAAE,KAAM,IAAI,IAC5D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,EAAE;YACX,OAAO,6BAAK,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,OAAO,IAAI,EAAE,IAAG,KAAK,CAAO,CAAC;SACnE;aAAM,IAAI,CAAC,KAAK,WAAW,GAAG,CAAC,EAAE;YAChC,OAAO,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,OAAO,IAAI,EAAE,IAAG,KAAK,CAAO,CAAC;SAClE;aAAM;YACL,OAAO,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,OAAO,IAAI,EAAE,IAAG,KAAK,CAAO,CAAC;SAClE;IACH,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -15,7 +15,7 @@ export declare class Popup extends Widget {
|
|
|
15
15
|
/**
|
|
16
16
|
* Construct a new Popup.
|
|
17
17
|
*/
|
|
18
|
-
constructor(options: Popup.IOptions);
|
|
18
|
+
constructor(options: Omit<Popup.IOptions, 'startHidden'>);
|
|
19
19
|
/**
|
|
20
20
|
* Attach the popup widget to the page.
|
|
21
21
|
*/
|
|
@@ -29,9 +29,9 @@ export declare class Popup extends Widget {
|
|
|
29
29
|
*/
|
|
30
30
|
protected onAfterAttach(msg: Message): void;
|
|
31
31
|
/**
|
|
32
|
-
* Handle `'
|
|
32
|
+
* Handle `'before-detach'` messages for the widget.
|
|
33
33
|
*/
|
|
34
|
-
protected
|
|
34
|
+
protected onBeforeDetach(msg: Message): void;
|
|
35
35
|
/**
|
|
36
36
|
* Handle `'resize'` messages for the widget.
|
|
37
37
|
*/
|
|
@@ -77,5 +77,13 @@ export declare namespace Popup {
|
|
|
77
77
|
* By default, this is `false`.
|
|
78
78
|
*/
|
|
79
79
|
hasDynamicSize?: boolean;
|
|
80
|
+
/**
|
|
81
|
+
* Whether to start the popup in hidden mode or not.
|
|
82
|
+
* By default, this is `false`.
|
|
83
|
+
*
|
|
84
|
+
* ### Note
|
|
85
|
+
* The popup can be displayed using `launch` method.
|
|
86
|
+
*/
|
|
87
|
+
startHidden?: boolean;
|
|
80
88
|
}
|
|
81
89
|
}
|
package/lib/components/hover.js
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
// Distributed under the terms of the Modified BSD License.
|
|
3
3
|
import { HoverBox } from '@jupyterlab/ui-components';
|
|
4
4
|
import { PanelLayout, Widget } from '@lumino/widgets';
|
|
5
|
-
import { clickedItem, hoverItem, interactiveItem } from '../style/statusbar';
|
|
6
5
|
/**
|
|
7
6
|
* Create and show a popup component.
|
|
8
7
|
*
|
|
@@ -12,7 +11,9 @@ import { clickedItem, hoverItem, interactiveItem } from '../style/statusbar';
|
|
|
12
11
|
*/
|
|
13
12
|
export function showPopup(options) {
|
|
14
13
|
const dialog = new Popup(options);
|
|
15
|
-
|
|
14
|
+
if (!options.startHidden) {
|
|
15
|
+
dialog.launch();
|
|
16
|
+
}
|
|
16
17
|
return dialog;
|
|
17
18
|
}
|
|
18
19
|
/**
|
|
@@ -25,14 +26,13 @@ export class Popup extends Widget {
|
|
|
25
26
|
constructor(options) {
|
|
26
27
|
super();
|
|
27
28
|
this._body = options.body;
|
|
28
|
-
this._body.addClass(
|
|
29
|
+
this._body.addClass('jp-StatusBar-HoverItem');
|
|
29
30
|
this._anchor = options.anchor;
|
|
30
31
|
this._align = options.align;
|
|
31
32
|
if (options.hasDynamicSize) {
|
|
32
33
|
this._observer = new ResizeObserver(() => {
|
|
33
34
|
this.update();
|
|
34
35
|
});
|
|
35
|
-
this._observer.observe(this._body.node);
|
|
36
36
|
}
|
|
37
37
|
const layout = (this.layout = new PanelLayout());
|
|
38
38
|
layout.addWidget(options.body);
|
|
@@ -47,8 +47,8 @@ export class Popup extends Widget {
|
|
|
47
47
|
this._setGeometry();
|
|
48
48
|
Widget.attach(this, document.body);
|
|
49
49
|
this.update();
|
|
50
|
-
this._anchor.addClass(
|
|
51
|
-
this._anchor.removeClass(
|
|
50
|
+
this._anchor.addClass('jp-mod-clicked');
|
|
51
|
+
this._anchor.removeClass('jp-mod-highlight');
|
|
52
52
|
}
|
|
53
53
|
/**
|
|
54
54
|
* Handle `'update'` messages for the widget.
|
|
@@ -61,14 +61,18 @@ export class Popup extends Widget {
|
|
|
61
61
|
* Handle `'after-attach'` messages for the widget.
|
|
62
62
|
*/
|
|
63
63
|
onAfterAttach(msg) {
|
|
64
|
+
var _a;
|
|
64
65
|
document.addEventListener('click', this, false);
|
|
65
66
|
this.node.addEventListener('keydown', this, false);
|
|
66
67
|
window.addEventListener('resize', this, false);
|
|
68
|
+
(_a = this._observer) === null || _a === void 0 ? void 0 : _a.observe(this._body.node);
|
|
67
69
|
}
|
|
68
70
|
/**
|
|
69
|
-
* Handle `'
|
|
71
|
+
* Handle `'before-detach'` messages for the widget.
|
|
70
72
|
*/
|
|
71
|
-
|
|
73
|
+
onBeforeDetach(msg) {
|
|
74
|
+
var _a;
|
|
75
|
+
(_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
72
76
|
document.removeEventListener('click', this, false);
|
|
73
77
|
this.node.removeEventListener('keydown', this, false);
|
|
74
78
|
window.removeEventListener('resize', this, false);
|
|
@@ -86,8 +90,8 @@ export class Popup extends Widget {
|
|
|
86
90
|
var _a;
|
|
87
91
|
(_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
88
92
|
super.dispose();
|
|
89
|
-
this._anchor.removeClass(
|
|
90
|
-
this._anchor.addClass(
|
|
93
|
+
this._anchor.removeClass('jp-mod-clicked');
|
|
94
|
+
this._anchor.addClass('jp-mod-highlight');
|
|
91
95
|
}
|
|
92
96
|
/**
|
|
93
97
|
* Handle DOM events for the widget.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover.js","sourceRoot":"","sources":["../../src/components/hover.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"hover.js","sourceRoot":"","sources":["../../src/components/hover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,17 @@ export declare namespace ProgressCircle {
|
|
|
7
7
|
* The current progress percentage, from 0 to 100
|
|
8
8
|
*/
|
|
9
9
|
progress: number;
|
|
10
|
+
/**
|
|
11
|
+
* The aria-label for the widget
|
|
12
|
+
*/
|
|
13
|
+
label?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Element width
|
|
16
|
+
*/
|
|
10
17
|
width?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Element height
|
|
20
|
+
*/
|
|
11
21
|
height?: number;
|
|
12
22
|
}
|
|
13
23
|
}
|
|
@@ -16,7 +16,7 @@ export function ProgressCircle(props) {
|
|
|
16
16
|
' z';
|
|
17
17
|
return shape;
|
|
18
18
|
};
|
|
19
|
-
return (React.createElement("div", { className: 'jp-Statusbar-ProgressCircle', role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": props.progress },
|
|
19
|
+
return (React.createElement("div", { className: 'jp-Statusbar-ProgressCircle', role: "progressbar", "aria-label": props.label || 'Unlabelled progress circle', "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": props.progress },
|
|
20
20
|
React.createElement("svg", { viewBox: "0 0 250 250" },
|
|
21
21
|
React.createElement("circle", { cx: "125", cy: "125", r: `${radius}`, stroke: "var(--jp-inverse-layout-color3)", strokeWidth: "20", fill: "none" }),
|
|
22
22
|
React.createElement("path", { transform: "translate(125,125) scale(.9)", d: d(props.progress), fill: 'var(--jp-inverse-layout-color3)' }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressCircle.js","sourceRoot":"","sources":["../../src/components/progressCircle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"progressCircle.js","sourceRoot":"","sources":["../../src/components/progressCircle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,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,6BACE,SAAS,EAAE,6BAA6B,EACxC,IAAI,EAAC,aAAa,gBACN,KAAK,CAAC,KAAK,IAAI,4BAA4B,mBACxC,CAAC,mBACD,GAAG,mBACH,KAAK,CAAC,QAAQ;QAE7B,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/components/text.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
// Copyright (c) Jupyter Development Team.
|
|
2
2
|
// Distributed under the terms of the Modified BSD License.
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { classes } from 'typestyle/lib';
|
|
5
|
-
import { textItem } from '../style/text';
|
|
6
4
|
/**
|
|
7
5
|
* A functional tsx component for a text item.
|
|
8
6
|
*/
|
|
9
7
|
export function TextItem(props) {
|
|
10
8
|
const { title, source, className, ...rest } = props;
|
|
11
|
-
return (React.createElement("span", { className:
|
|
9
|
+
return (React.createElement("span", { className: `jp-StatusBar-TextItem ${className}`, title: title, ...rest }, source));
|
|
12
10
|
}
|
|
13
11
|
//# sourceMappingURL=text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B;;GAEG;AACH,MAAM,UAAU,QAAQ,CACtB,KAA8D;IAE9D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpD,OAAO,CACL,8BACE,SAAS,EAAE,yBAAyB,SAAS,EAAE,EAC/C,KAAK,EAAE,KAAK,KACR,IAAI,IAEP,MAAM,CACF,CACR,CAAC;AACJ,CAAC"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E;;;GAGG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAC/E;;;GAGG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
|
package/lib/statusbar.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import { ArrayExt } from '@lumino/algorithm';
|
|
4
4
|
import { DisposableDelegate, DisposableSet } from '@lumino/disposable';
|
|
5
5
|
import { Panel, PanelLayout, Widget } from '@lumino/widgets';
|
|
6
|
-
import { statusBar as barStyle, item as itemStyle, leftSide as leftSideStyle, rightSide as rightSideStyle, side as sideStyle } from './style/statusbar';
|
|
7
6
|
/**
|
|
8
7
|
* Main status bar object which contains all items.
|
|
9
8
|
*/
|
|
@@ -14,16 +13,14 @@ export class StatusBar extends Widget {
|
|
|
14
13
|
this._rightRankItems = [];
|
|
15
14
|
this._statusItems = {};
|
|
16
15
|
this._disposables = new DisposableSet();
|
|
17
|
-
this.addClass(
|
|
16
|
+
this.addClass('jp-StatusBar-Widget');
|
|
18
17
|
const rootLayout = (this.layout = new PanelLayout());
|
|
19
18
|
const leftPanel = (this._leftSide = new Panel());
|
|
20
19
|
const middlePanel = (this._middlePanel = new Panel());
|
|
21
20
|
const rightPanel = (this._rightSide = new Panel());
|
|
22
|
-
leftPanel.addClass(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
rightPanel.addClass(sideStyle);
|
|
26
|
-
rightPanel.addClass(rightSideStyle);
|
|
21
|
+
leftPanel.addClass('jp-StatusBar-Left');
|
|
22
|
+
middlePanel.addClass('jp-StatusBar-Middle');
|
|
23
|
+
rightPanel.addClass('jp-StatusBar-Right');
|
|
27
24
|
rootLayout.addWidget(leftPanel);
|
|
28
25
|
rootLayout.addWidget(middlePanel);
|
|
29
26
|
rootLayout.addWidget(rightPanel);
|
|
@@ -54,7 +51,7 @@ export class StatusBar extends Widget {
|
|
|
54
51
|
fullStatusItem.activeStateChanged.connect(onActiveStateChanged);
|
|
55
52
|
}
|
|
56
53
|
const rankItem = { id, rank };
|
|
57
|
-
fullStatusItem.item.addClass(
|
|
54
|
+
fullStatusItem.item.addClass('jp-StatusBar-Item');
|
|
58
55
|
this._statusItems[id] = fullStatusItem;
|
|
59
56
|
if (align === 'left') {
|
|
60
57
|
const insertIndex = this._findInsertIndex(this._leftRankItems, rankItem);
|
package/lib/statusbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../src/statusbar.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,aAAa,EAEd,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../src/statusbar.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jupyterlab/statusbar",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.18",
|
|
4
4
|
"description": "JupyterLab statusbar package.",
|
|
5
5
|
"homepage": "https://github.com/jupyterlab/jupyterlab",
|
|
6
6
|
"bugs": {
|
|
@@ -36,23 +36,19 @@
|
|
|
36
36
|
"watch": "tsc -b --watch"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@jupyterlab/ui-components": "^4.0.0-alpha.
|
|
39
|
+
"@jupyterlab/ui-components": "^4.0.0-alpha.33",
|
|
40
40
|
"@lumino/algorithm": "^2.0.0-alpha.6",
|
|
41
41
|
"@lumino/coreutils": "^2.0.0-alpha.6",
|
|
42
42
|
"@lumino/disposable": "^2.0.0-alpha.6",
|
|
43
43
|
"@lumino/messaging": "^2.0.0-alpha.6",
|
|
44
44
|
"@lumino/signaling": "^2.0.0-alpha.6",
|
|
45
45
|
"@lumino/widgets": "^2.0.0-alpha.6",
|
|
46
|
-
"
|
|
47
|
-
"react": "^17.0.1",
|
|
48
|
-
"typestyle": "^2.0.4"
|
|
46
|
+
"react": "^18.2.0"
|
|
49
47
|
},
|
|
50
48
|
"devDependencies": {
|
|
51
|
-
"@jupyterlab/
|
|
52
|
-
"@types/jest": "^
|
|
53
|
-
"jest": "^26.4.2",
|
|
49
|
+
"@jupyterlab/testing": "^4.0.0-alpha.18",
|
|
50
|
+
"@types/jest": "^29.2.0",
|
|
54
51
|
"rimraf": "~3.0.0",
|
|
55
|
-
"ts-jest": "^26.3.0",
|
|
56
52
|
"typescript": "~4.7.3"
|
|
57
53
|
},
|
|
58
54
|
"publishConfig": {
|
package/style/base.css
CHANGED
|
@@ -4,14 +4,77 @@
|
|
|
4
4
|
|----------------------------------------------------------------------------*/
|
|
5
5
|
|
|
6
6
|
/*-----------------------------------------------------------------------------
|
|
7
|
-
|
|
|
7
|
+
| Styles
|
|
8
8
|
|----------------------------------------------------------------------------*/
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
.jp-StatusBar-Widget {
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
background: var(--jp-layout-color2);
|
|
14
|
+
min-height: var(--jp-statusbar-height);
|
|
15
|
+
justify-content: space-between;
|
|
16
|
+
padding: 0 10px;
|
|
17
|
+
}
|
|
11
18
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
19
|
+
.jp-StatusBar-Left {
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
flex-direction: row;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.jp-StatusBar-Middle {
|
|
26
|
+
display: flex;
|
|
27
|
+
align-items: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.jp-StatusBar-Right {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
flex-direction: row-reverse;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.jp-StatusBar-Item {
|
|
37
|
+
max-height: var(--jp-statusbar-height);
|
|
38
|
+
margin: 0 2px;
|
|
39
|
+
height: var(--jp-statusbar-height);
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
text-overflow: ellipsis;
|
|
42
|
+
color: var(--jp-ui-font-color1);
|
|
43
|
+
padding: 0 6px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.jp-mod-highlighted:hover {
|
|
47
|
+
background-color: var(--jp-layout-color3);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.jp-mod-clicked {
|
|
51
|
+
background-color: var(--jp-brand-color1);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.jp-mod-clicked:hover {
|
|
55
|
+
background-color: var(--jp-brand-color0);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.jp-mod-clicked .jp-StatusBar-TextItem {
|
|
59
|
+
color: var(--jp-ui-inverse-font-color1);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.jp-StatusBar-HoverItem {
|
|
63
|
+
box-shadow: '0px 4px 4px rgba(0, 0, 0, 0.25)';
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.jp-StatusBar-TextItem {
|
|
67
|
+
font-size: var(--jp-ui-font-size1);
|
|
68
|
+
font-family: var(--jp-ui-font-family);
|
|
69
|
+
line-height: 24px;
|
|
70
|
+
color: var(--jp-ui-font-color1);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.jp-StatusBar-GroupItem {
|
|
74
|
+
display: flex;
|
|
75
|
+
align-items: center;
|
|
76
|
+
flex-direction: row;
|
|
77
|
+
}
|
|
15
78
|
|
|
16
79
|
.jp-Statusbar-ProgressCircle svg {
|
|
17
80
|
display: block;
|
package/lib/style/layout.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { NestedCSSProperties } from 'typestyle/lib/types';
|
|
2
|
-
export declare const centeredFlex: NestedCSSProperties;
|
|
3
|
-
export declare const leftToRight: NestedCSSProperties;
|
|
4
|
-
export declare const rightToLeft: NestedCSSProperties;
|
|
5
|
-
export declare const equiDistant: NestedCSSProperties;
|
package/lib/style/layout.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// Copyright (c) Jupyter Development Team.
|
|
2
|
-
// Distributed under the terms of the Modified BSD License.
|
|
3
|
-
export const centeredFlex = {
|
|
4
|
-
display: 'flex',
|
|
5
|
-
alignItems: 'center'
|
|
6
|
-
};
|
|
7
|
-
export const leftToRight = {
|
|
8
|
-
flexDirection: 'row'
|
|
9
|
-
};
|
|
10
|
-
export const rightToLeft = {
|
|
11
|
-
flexDirection: 'row-reverse'
|
|
12
|
-
};
|
|
13
|
-
export const equiDistant = {
|
|
14
|
-
justifyContent: 'space-between'
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=layout.js.map
|
package/lib/style/layout.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/style/layout.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAI3D,MAAM,CAAC,MAAM,YAAY,GAAwB;IAC/C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAwB;IAC9C,aAAa,EAAE,KAAK;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAwB;IAC9C,aAAa,EAAE,aAAa;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAwB;IAC9C,cAAc,EAAE,eAAe;CAChC,CAAC"}
|
package/lib/style/statusbar.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const statusBar: string;
|
|
2
|
-
export declare const side: string;
|
|
3
|
-
export declare const leftSide: string;
|
|
4
|
-
export declare const rightSide: string;
|
|
5
|
-
export declare const item: string;
|
|
6
|
-
export declare const clickedItem: string;
|
|
7
|
-
export declare const interactiveItem: string;
|
|
8
|
-
export declare const hoverItem: string;
|
package/lib/style/statusbar.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
// Copyright (c) Jupyter Development Team.
|
|
2
|
-
// Distributed under the terms of the Modified BSD License.
|
|
3
|
-
import { style } from 'typestyle/lib';
|
|
4
|
-
import { centeredFlex, leftToRight, rightToLeft } from './layout';
|
|
5
|
-
import { textItem } from './text';
|
|
6
|
-
import vars from './variables';
|
|
7
|
-
const itemPadding = {
|
|
8
|
-
paddingLeft: vars.itemPadding,
|
|
9
|
-
paddingRight: vars.itemPadding
|
|
10
|
-
};
|
|
11
|
-
const interactiveHover = {
|
|
12
|
-
$nest: {
|
|
13
|
-
'&:hover': {
|
|
14
|
-
backgroundColor: vars.hoverColor
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
const clicked = {
|
|
19
|
-
backgroundColor: vars.clickColor,
|
|
20
|
-
$nest: {
|
|
21
|
-
['.' + textItem]: {
|
|
22
|
-
color: vars.textClickColor
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export const statusBar = style({
|
|
27
|
-
background: vars.backgroundColor,
|
|
28
|
-
minHeight: vars.height,
|
|
29
|
-
justifyContent: 'space-between',
|
|
30
|
-
paddingLeft: vars.statusBarPadding,
|
|
31
|
-
paddingRight: vars.statusBarPadding
|
|
32
|
-
}, centeredFlex);
|
|
33
|
-
export const side = style(centeredFlex);
|
|
34
|
-
export const leftSide = style(leftToRight);
|
|
35
|
-
export const rightSide = style(rightToLeft);
|
|
36
|
-
export const item = style({
|
|
37
|
-
maxHeight: vars.height,
|
|
38
|
-
marginLeft: vars.itemMargin,
|
|
39
|
-
marginRight: vars.itemMargin,
|
|
40
|
-
height: vars.height,
|
|
41
|
-
whiteSpace: vars.whiteSpace,
|
|
42
|
-
textOverflow: vars.textOverflow,
|
|
43
|
-
color: vars.textColor
|
|
44
|
-
}, itemPadding);
|
|
45
|
-
export const clickedItem = style(clicked);
|
|
46
|
-
export const interactiveItem = style(interactiveHover);
|
|
47
|
-
export const hoverItem = style({
|
|
48
|
-
boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)'
|
|
49
|
-
});
|
|
50
|
-
//# sourceMappingURL=statusbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/style/statusbar.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,MAAM,WAAW,GAAG;IAClB,WAAW,EAAE,IAAI,CAAC,WAAW;IAC7B,YAAY,EAAE,IAAI,CAAC,WAAW;CAC/B,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,KAAK,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,IAAI,CAAC,UAAU;SACjC;KACF;CACF,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,eAAe,EAAE,IAAI,CAAC,UAAU;IAChC,KAAK,EAAE;QACL,CAAC,GAAG,GAAG,QAAQ,CAAC,EAAE;YAChB,KAAK,EAAE,IAAI,CAAC,cAAc;SAC3B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAC5B;IACE,UAAU,EAAE,IAAI,CAAC,eAAe;IAChC,SAAS,EAAE,IAAI,CAAC,MAAM;IACtB,cAAc,EAAE,eAAe;IAC/B,WAAW,EAAE,IAAI,CAAC,gBAAgB;IAClC,YAAY,EAAE,IAAI,CAAC,gBAAgB;CACpC,EACD,YAAY,CACb,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CACvB;IACE,SAAS,EAAE,IAAI,CAAC,MAAM;IACtB,UAAU,EAAE,IAAI,CAAC,UAAU;IAC3B,WAAW,EAAE,IAAI,CAAC,UAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,MAAM;IACnB,UAAU,EAAE,IAAI,CAAC,UAAU;IAC3B,YAAY,EAAE,IAAI,CAAC,YAAY;IAC/B,KAAK,EAAE,IAAI,CAAC,SAAS;CACtB,EACD,WAAW,CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC;IAC7B,SAAS,EAAE,iCAAiC;CAC7C,CAAC,CAAC"}
|
package/lib/style/text.d.ts
DELETED
package/lib/style/text.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// Copyright (c) Jupyter Development Team.
|
|
2
|
-
// Distributed under the terms of the Modified BSD License.
|
|
3
|
-
import { style } from 'typestyle/lib';
|
|
4
|
-
import vars from './variables';
|
|
5
|
-
export const baseText = {
|
|
6
|
-
fontSize: vars.fontSize,
|
|
7
|
-
fontFamily: vars.fontFamily
|
|
8
|
-
};
|
|
9
|
-
export const textItem = style(baseText, {
|
|
10
|
-
lineHeight: '24px',
|
|
11
|
-
color: vars.textColor
|
|
12
|
-
});
|
|
13
|
-
//# sourceMappingURL=text.js.map
|
package/lib/style/text.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/style/text.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ;IACvB,UAAU,EAAE,IAAI,CAAC,UAAU;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE;IACtC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,IAAI,CAAC,SAAS;CACtB,CAAC,CAAC"}
|
package/lib/style/variables.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Property } from 'csstype';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
hoverColor: string;
|
|
4
|
-
clickColor: string;
|
|
5
|
-
backgroundColor: string;
|
|
6
|
-
height: string;
|
|
7
|
-
fontSize: string;
|
|
8
|
-
fontFamily: string;
|
|
9
|
-
textColor: string;
|
|
10
|
-
textClickColor: string;
|
|
11
|
-
itemMargin: string;
|
|
12
|
-
itemPadding: string;
|
|
13
|
-
statusBarPadding: string;
|
|
14
|
-
interItemHalfSpacing: string;
|
|
15
|
-
whiteSpace: Property.WhiteSpace;
|
|
16
|
-
textOverflow: string;
|
|
17
|
-
};
|
|
18
|
-
export default _default;
|
package/lib/style/variables.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
hoverColor: 'var(--jp-layout-color3)',
|
|
3
|
-
clickColor: 'var(--jp-brand-color1)',
|
|
4
|
-
backgroundColor: 'var(--jp-layout-color2)',
|
|
5
|
-
height: 'var(--jp-statusbar-height)',
|
|
6
|
-
fontSize: 'var(--jp-ui-font-size1)',
|
|
7
|
-
fontFamily: 'var(--jp-ui-font-family)',
|
|
8
|
-
textColor: 'var(--jp-ui-font-color1)',
|
|
9
|
-
textClickColor: 'white',
|
|
10
|
-
itemMargin: '2px',
|
|
11
|
-
itemPadding: '6px',
|
|
12
|
-
statusBarPadding: '10px',
|
|
13
|
-
interItemHalfSpacing: '2px',
|
|
14
|
-
whiteSpace: 'nowrap',
|
|
15
|
-
textOverflow: 'ellipsis'
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=variables.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/style/variables.ts"],"names":[],"mappings":"AAIA,eAAe;IACb,UAAU,EAAE,yBAAyB;IACrC,UAAU,EAAE,wBAAwB;IACpC,eAAe,EAAE,yBAAyB;IAC1C,MAAM,EAAE,4BAA4B;IACpC,QAAQ,EAAE,yBAAyB;IACnC,UAAU,EAAE,0BAA0B;IACtC,SAAS,EAAE,0BAA0B;IACrC,cAAc,EAAE,OAAO;IACvB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,gBAAgB,EAAE,MAAM;IACxB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,QAA+B;IAC3C,YAAY,EAAE,UAAU;CACzB,CAAC"}
|