@jupyterlab/statusbar 4.1.0-alpha.2 → 4.1.0-alpha.4
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.
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
export function ProgressBar(props) {
|
|
8
8
|
const { width, percentage, ...rest } = props;
|
|
9
9
|
return (React.createElement("div", { className: 'jp-Statusbar-ProgressBar-progress-bar', role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percentage },
|
|
10
|
-
React.createElement(Filler, {
|
|
10
|
+
React.createElement(Filler, { percentage, ...rest, contentWidth: width })));
|
|
11
11
|
}
|
|
12
12
|
/**
|
|
13
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;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,
|
|
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,IAAO,UAAU,EAAE,GAAG,IAAI,EAAI,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"}
|
|
@@ -19,6 +19,6 @@ export function ProgressCircle(props) {
|
|
|
19
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
|
-
React.createElement("path", { transform: "translate(125,125) scale(.9)", d: d(props.progress), fill: 'var(--jp-inverse-layout-color3)' }))));
|
|
22
|
+
React.createElement("path", { className: 'jp-Statusbar-ProgressCirclePath', transform: "translate(125,125) scale(.9)", d: d(props.progress), fill: 'var(--jp-inverse-layout-color3)' }))));
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=progressCircle.js.map
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
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,EAAE,iCAAiC,EAC5C,SAAS,EAAC,8BAA8B,EACxC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EACpB,IAAI,EAAE,iCAAiC,GACvC,CACE,CACF,CACP,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jupyterlab/statusbar",
|
|
3
|
-
"version": "4.1.0-alpha.
|
|
3
|
+
"version": "4.1.0-alpha.4",
|
|
4
4
|
"description": "JupyterLab statusbar package.",
|
|
5
5
|
"homepage": "https://github.com/jupyterlab/jupyterlab",
|
|
6
6
|
"bugs": {
|
|
@@ -37,21 +37,21 @@
|
|
|
37
37
|
"watch": "tsc -b --watch"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@jupyterlab/ui-components": "^4.1.0-alpha.
|
|
40
|
+
"@jupyterlab/ui-components": "^4.1.0-alpha.4",
|
|
41
41
|
"@lumino/algorithm": "^2.0.1",
|
|
42
42
|
"@lumino/coreutils": "^2.1.2",
|
|
43
43
|
"@lumino/disposable": "^2.1.2",
|
|
44
44
|
"@lumino/messaging": "^2.0.1",
|
|
45
45
|
"@lumino/signaling": "^2.1.2",
|
|
46
|
-
"@lumino/widgets": "^2.3.1
|
|
46
|
+
"@lumino/widgets": "^2.3.1",
|
|
47
47
|
"react": "^18.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@jupyterlab/testing": "^4.1.0-alpha.
|
|
50
|
+
"@jupyterlab/testing": "^4.1.0-alpha.4",
|
|
51
51
|
"@types/jest": "^29.2.0",
|
|
52
52
|
"jest": "^29.2.0",
|
|
53
|
-
"rimraf": "~
|
|
54
|
-
"typescript": "~5.
|
|
53
|
+
"rimraf": "~5.0.5",
|
|
54
|
+
"typescript": "~5.1.6"
|
|
55
55
|
},
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
|
@@ -65,6 +65,7 @@ export function ProgressCircle(props: ProgressCircle.IProps): JSX.Element {
|
|
|
65
65
|
fill="none"
|
|
66
66
|
/>
|
|
67
67
|
<path
|
|
68
|
+
className={'jp-Statusbar-ProgressCirclePath'}
|
|
68
69
|
transform="translate(125,125) scale(.9)"
|
|
69
70
|
d={d(props.progress)}
|
|
70
71
|
fill={'var(--jp-inverse-layout-color3)'}
|
package/style/base.css
CHANGED
|
@@ -76,15 +76,14 @@
|
|
|
76
76
|
flex-direction: row;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.jp-Statusbar-ProgressCircle svg {
|
|
79
|
+
.jp-Statusbar-ProgressCircle > svg {
|
|
80
80
|
display: block;
|
|
81
81
|
margin: 0 auto;
|
|
82
82
|
width: 16px;
|
|
83
|
-
height: 24px;
|
|
84
83
|
align-self: normal;
|
|
85
84
|
}
|
|
86
85
|
|
|
87
|
-
.jp-Statusbar-ProgressCircle
|
|
86
|
+
.jp-Statusbar-ProgressCircle .jp-Statusbar-ProgressCirclePath {
|
|
88
87
|
fill: var(--jp-inverse-layout-color3);
|
|
89
88
|
}
|
|
90
89
|
|