@jupyterlab/statusbar 4.0.0-alpha.15 → 4.0.0-alpha.17
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 +17 -3
- package/lib/components/hover.js +21 -9
- package/lib/components/hover.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
|
*/
|
|
@@ -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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"}
|
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.17",
|
|
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.32",
|
|
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": "^17.0.1"
|
|
49
47
|
},
|
|
50
48
|
"devDependencies": {
|
|
51
|
-
"@jupyterlab/
|
|
52
|
-
"@types/jest": "^
|
|
53
|
-
"jest": "^26.4.2",
|
|
49
|
+
"@jupyterlab/testing": "^4.0.0-alpha.17",
|
|
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"}
|