@jupyterlab/statusbar 4.0.0-alpha.9 → 4.0.0-beta.1
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 +2 -16
- package/lib/components/group.js.map +1 -1
- package/lib/components/hover.d.ts +17 -3
- package/lib/components/hover.js +21 -9
- package/lib/components/hover.js.map +1 -1
- package/lib/components/progressBar.js +2 -13
- package/lib/components/progressBar.js.map +1 -1
- package/lib/components/progressCircle.d.ts +10 -0
- package/lib/components/progressCircle.js +5 -1
- package/lib/components/progressCircle.js.map +1 -1
- package/lib/components/text.js +2 -15
- 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 +9 -9
- package/lib/statusbar.js.map +1 -1
- package/package.json +15 -17
- package/src/components/group.tsx +48 -0
- package/src/components/hover.tsx +214 -0
- package/src/components/index.ts +8 -0
- package/src/components/progressBar.tsx +87 -0
- package/src/components/progressCircle.tsx +75 -0
- package/src/components/text.tsx +42 -0
- package/src/index.ts +12 -0
- package/src/statusbar.ts +185 -0
- package/src/tokens.ts +67 -0
- 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,27 +1,13 @@
|
|
|
1
1
|
// Copyright (c) Jupyter Development Team.
|
|
2
2
|
// Distributed under the terms of the Modified BSD License.
|
|
3
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
-
var t = {};
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
3
|
import * as React from 'react';
|
|
15
|
-
import { classes, style } from 'typestyle/lib';
|
|
16
|
-
import { centeredFlex, leftToRight } from '../style/layout';
|
|
17
|
-
const groupItemLayout = style(centeredFlex, leftToRight);
|
|
18
4
|
/**
|
|
19
5
|
* A tsx component for a set of items logically grouped together.
|
|
20
6
|
*/
|
|
21
7
|
export function GroupItem(props) {
|
|
22
|
-
const { spacing, children, className
|
|
8
|
+
const { spacing, children, className, ...rest } = props;
|
|
23
9
|
const numChildren = React.Children.count(children);
|
|
24
|
-
return (React.createElement("div",
|
|
10
|
+
return (React.createElement("div", { className: `jp-StatusBar-GroupItem ${className || ''}`, ...rest }, React.Children.map(children, (child, i) => {
|
|
25
11
|
if (i === 0) {
|
|
26
12
|
return React.createElement("div", { style: { marginRight: `${spacing}px` } }, child);
|
|
27
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/components/group.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D
|
|
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,IAAI,EAAE,EAAE,KAAM,IAAI,IAClE,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
|
*/
|
|
@@ -50,6 +50,7 @@ export declare class Popup extends Widget {
|
|
|
50
50
|
private _body;
|
|
51
51
|
private _anchor;
|
|
52
52
|
private _align;
|
|
53
|
+
private _observer;
|
|
53
54
|
}
|
|
54
55
|
/**
|
|
55
56
|
* A namespace for Popup statics.
|
|
@@ -71,5 +72,18 @@ export declare namespace Popup {
|
|
|
71
72
|
* Whether to align the popup to the left or the right of the anchor.
|
|
72
73
|
*/
|
|
73
74
|
align?: 'left' | 'right';
|
|
75
|
+
/**
|
|
76
|
+
* Whether the body has dynamic size or not.
|
|
77
|
+
* By default, this is `false`.
|
|
78
|
+
*/
|
|
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;
|
|
74
88
|
}
|
|
75
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,9 +26,14 @@ 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;
|
|
32
|
+
if (options.hasDynamicSize) {
|
|
33
|
+
this._observer = new ResizeObserver(() => {
|
|
34
|
+
this.update();
|
|
35
|
+
});
|
|
36
|
+
}
|
|
31
37
|
const layout = (this.layout = new PanelLayout());
|
|
32
38
|
layout.addWidget(options.body);
|
|
33
39
|
this._body.node.addEventListener('resize', () => {
|
|
@@ -41,8 +47,8 @@ export class Popup extends Widget {
|
|
|
41
47
|
this._setGeometry();
|
|
42
48
|
Widget.attach(this, document.body);
|
|
43
49
|
this.update();
|
|
44
|
-
this._anchor.addClass(
|
|
45
|
-
this._anchor.removeClass(
|
|
50
|
+
this._anchor.addClass('jp-mod-clicked');
|
|
51
|
+
this._anchor.removeClass('jp-mod-highlight');
|
|
46
52
|
}
|
|
47
53
|
/**
|
|
48
54
|
* Handle `'update'` messages for the widget.
|
|
@@ -55,14 +61,18 @@ export class Popup extends Widget {
|
|
|
55
61
|
* Handle `'after-attach'` messages for the widget.
|
|
56
62
|
*/
|
|
57
63
|
onAfterAttach(msg) {
|
|
64
|
+
var _a;
|
|
58
65
|
document.addEventListener('click', this, false);
|
|
59
66
|
this.node.addEventListener('keydown', this, false);
|
|
60
67
|
window.addEventListener('resize', this, false);
|
|
68
|
+
(_a = this._observer) === null || _a === void 0 ? void 0 : _a.observe(this._body.node);
|
|
61
69
|
}
|
|
62
70
|
/**
|
|
63
|
-
* Handle `'
|
|
71
|
+
* Handle `'before-detach'` messages for the widget.
|
|
64
72
|
*/
|
|
65
|
-
|
|
73
|
+
onBeforeDetach(msg) {
|
|
74
|
+
var _a;
|
|
75
|
+
(_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
66
76
|
document.removeEventListener('click', this, false);
|
|
67
77
|
this.node.removeEventListener('keydown', this, false);
|
|
68
78
|
window.removeEventListener('resize', this, false);
|
|
@@ -77,9 +87,11 @@ export class Popup extends Widget {
|
|
|
77
87
|
* Dispose of the widget.
|
|
78
88
|
*/
|
|
79
89
|
dispose() {
|
|
90
|
+
var _a;
|
|
91
|
+
(_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
80
92
|
super.dispose();
|
|
81
|
-
this._anchor.removeClass(
|
|
82
|
-
this._anchor.addClass(
|
|
93
|
+
this._anchor.removeClass('jp-mod-clicked');
|
|
94
|
+
this._anchor.addClass('jp-mod-highlight');
|
|
83
95
|
}
|
|
84
96
|
/**
|
|
85
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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"}
|
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
// Copyright (c) Jupyter Development Team.
|
|
2
2
|
// Distributed under the terms of the Modified BSD License.
|
|
3
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
-
var t = {};
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
3
|
import * as React from 'react';
|
|
15
4
|
/**
|
|
16
5
|
* A functional tsx component for a progress bar.
|
|
17
6
|
*/
|
|
18
7
|
export function ProgressBar(props) {
|
|
19
|
-
const { width, percentage
|
|
8
|
+
const { width, percentage, ...rest } = props;
|
|
20
9
|
return (React.createElement("div", { className: 'jp-Statusbar-ProgressBar-progress-bar', role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percentage },
|
|
21
|
-
React.createElement(Filler,
|
|
10
|
+
React.createElement(Filler, { ...{ percentage, ...rest }, contentWidth: width })));
|
|
22
11
|
}
|
|
23
12
|
/**
|
|
24
13
|
* A functional tsx component for a partially filled div.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../src/components/progressBar.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D
|
|
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;AA2B/B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAyB;IACnD,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,OAAO,CACL,6BACE,SAAS,EAAE,uCAAuC,EAClD,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,GAAG,mBACH,UAAU;QAEzB,oBAAC,MAAM,OAAK,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,EAAE,KAAK,GAAI,CACxD,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"}
|
|
@@ -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
|
}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) Jupyter Development Team.
|
|
3
|
+
* Distributed under the terms of the Modified BSD License.
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
export function ProgressCircle(props) {
|
|
3
7
|
const radius = 104;
|
|
@@ -12,7 +16,7 @@ export function ProgressCircle(props) {
|
|
|
12
16
|
' z';
|
|
13
17
|
return shape;
|
|
14
18
|
};
|
|
15
|
-
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 },
|
|
16
20
|
React.createElement("svg", { viewBox: "0 0 250 250" },
|
|
17
21
|
React.createElement("circle", { cx: "125", cy: "125", r: `${radius}`, stroke: "var(--jp-inverse-layout-color3)", strokeWidth: "20", fill: "none" }),
|
|
18
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,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,24 +1,11 @@
|
|
|
1
1
|
// Copyright (c) Jupyter Development Team.
|
|
2
2
|
// Distributed under the terms of the Modified BSD License.
|
|
3
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
-
var t = {};
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
3
|
import * as React from 'react';
|
|
15
|
-
import { classes } from 'typestyle/lib';
|
|
16
|
-
import { textItem } from '../style/text';
|
|
17
4
|
/**
|
|
18
5
|
* A functional tsx component for a text item.
|
|
19
6
|
*/
|
|
20
7
|
export function TextItem(props) {
|
|
21
|
-
const { title, source, className
|
|
22
|
-
return (React.createElement("span",
|
|
8
|
+
const { title, source, className, ...rest } = props;
|
|
9
|
+
return (React.createElement("span", { className: `jp-StatusBar-TextItem ${className}`, title: title, ...rest }, source));
|
|
23
10
|
}
|
|
24
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
|
|
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);
|
|
@@ -40,7 +37,10 @@ export class StatusBar extends Widget {
|
|
|
40
37
|
throw new Error(`Status item ${id} already registered.`);
|
|
41
38
|
}
|
|
42
39
|
// Populate defaults for the optional properties of the status item.
|
|
43
|
-
const fullStatusItem =
|
|
40
|
+
const fullStatusItem = {
|
|
41
|
+
...Private.statusItemDefaults,
|
|
42
|
+
...statusItem
|
|
43
|
+
};
|
|
44
44
|
const { align, item, rank } = fullStatusItem;
|
|
45
45
|
// Connect the activeStateChanged signal to refreshing the status item,
|
|
46
46
|
// if the signal was provided.
|
|
@@ -51,7 +51,7 @@ export class StatusBar extends Widget {
|
|
|
51
51
|
fullStatusItem.activeStateChanged.connect(onActiveStateChanged);
|
|
52
52
|
}
|
|
53
53
|
const rankItem = { id, rank };
|
|
54
|
-
fullStatusItem.item.addClass(
|
|
54
|
+
fullStatusItem.item.addClass('jp-StatusBar-Item');
|
|
55
55
|
this._statusItems[id] = fullStatusItem;
|
|
56
56
|
if (align === 'left') {
|
|
57
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-
|
|
3
|
+
"version": "4.0.0-beta.1",
|
|
4
4
|
"description": "JupyterLab statusbar package.",
|
|
5
5
|
"homepage": "https://github.com/jupyterlab/jupyterlab",
|
|
6
6
|
"bugs": {
|
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
"files": [
|
|
23
23
|
"lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
|
|
24
24
|
"style/**/*.{css,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
|
|
25
|
-
"style/index.js"
|
|
25
|
+
"style/index.js",
|
|
26
|
+
"src/**/*.{ts,tsx}"
|
|
26
27
|
],
|
|
27
28
|
"scripts": {
|
|
28
29
|
"build": "tsc -b",
|
|
@@ -36,24 +37,21 @@
|
|
|
36
37
|
"watch": "tsc -b --watch"
|
|
37
38
|
},
|
|
38
39
|
"dependencies": {
|
|
39
|
-
"@jupyterlab/ui-components": "^4.0.0-
|
|
40
|
-
"@lumino/algorithm": "^
|
|
41
|
-
"@lumino/coreutils": "^
|
|
42
|
-
"@lumino/disposable": "^
|
|
43
|
-
"@lumino/messaging": "^
|
|
44
|
-
"@lumino/signaling": "^
|
|
45
|
-
"@lumino/widgets": "^
|
|
46
|
-
"
|
|
47
|
-
"react": "^17.0.1",
|
|
48
|
-
"typestyle": "^2.0.4"
|
|
40
|
+
"@jupyterlab/ui-components": "^4.0.0-beta.1",
|
|
41
|
+
"@lumino/algorithm": "^2.0.0",
|
|
42
|
+
"@lumino/coreutils": "^2.0.0",
|
|
43
|
+
"@lumino/disposable": "^2.0.0",
|
|
44
|
+
"@lumino/messaging": "^2.0.0",
|
|
45
|
+
"@lumino/signaling": "^2.0.0",
|
|
46
|
+
"@lumino/widgets": "^2.0.1",
|
|
47
|
+
"react": "^18.2.0"
|
|
49
48
|
},
|
|
50
49
|
"devDependencies": {
|
|
51
|
-
"@jupyterlab/
|
|
52
|
-
"@types/jest": "^
|
|
53
|
-
"jest": "^
|
|
50
|
+
"@jupyterlab/testing": "^4.0.0-beta.1",
|
|
51
|
+
"@types/jest": "^29.2.0",
|
|
52
|
+
"jest": "^29.2.0",
|
|
54
53
|
"rimraf": "~3.0.0",
|
|
55
|
-
"
|
|
56
|
-
"typescript": "~4.6.3"
|
|
54
|
+
"typescript": "~5.0.2"
|
|
57
55
|
},
|
|
58
56
|
"publishConfig": {
|
|
59
57
|
"access": "public"
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
// Copyright (c) Jupyter Development Team.
|
|
2
|
+
// Distributed under the terms of the Modified BSD License.
|
|
3
|
+
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* A tsx component for a set of items logically grouped together.
|
|
8
|
+
*/
|
|
9
|
+
export function GroupItem(
|
|
10
|
+
props: GroupItem.IProps & React.HTMLAttributes<HTMLDivElement>
|
|
11
|
+
): React.ReactElement<GroupItem.IProps> {
|
|
12
|
+
const { spacing, children, className, ...rest } = props;
|
|
13
|
+
const numChildren = React.Children.count(children);
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<div className={`jp-StatusBar-GroupItem ${className || ''}`} {...rest}>
|
|
17
|
+
{React.Children.map(children, (child, i) => {
|
|
18
|
+
if (i === 0) {
|
|
19
|
+
return <div style={{ marginRight: `${spacing}px` }}>{child}</div>;
|
|
20
|
+
} else if (i === numChildren - 1) {
|
|
21
|
+
return <div style={{ marginLeft: `${spacing}px` }}>{child}</div>;
|
|
22
|
+
} else {
|
|
23
|
+
return <div style={{ margin: `0px ${spacing}px` }}>{child}</div>;
|
|
24
|
+
}
|
|
25
|
+
})}
|
|
26
|
+
</div>
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* A namespace for GroupItem statics.
|
|
32
|
+
*/
|
|
33
|
+
export namespace GroupItem {
|
|
34
|
+
/**
|
|
35
|
+
* Props for the GroupItem.
|
|
36
|
+
*/
|
|
37
|
+
export interface IProps {
|
|
38
|
+
/**
|
|
39
|
+
* The spacing, in px, between the items in the group.
|
|
40
|
+
*/
|
|
41
|
+
spacing: number;
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* The items to arrange in a group.
|
|
45
|
+
*/
|
|
46
|
+
children: JSX.Element[];
|
|
47
|
+
}
|
|
48
|
+
}
|