@jupyterlab/statusbar 4.0.0-alpha.2 → 4.0.0-alpha.21

package/lib/components/group.js

@@ -1,27 +1,13 @@
 // 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 { classes, style } from 'typestyle/lib';
-import { centeredFlex, leftToRight } from '../style/layout';
-const groupItemLayout = style(centeredFlex, leftToRight);
 /**
  * A tsx component for a set of items logically grouped together.
  */
 export function GroupItem(props) {
-    const { spacing, children, className } = props, rest = __rest(props, ["spacing", "children", "className"]);
+    const { spacing, children, className, ...rest } = props;
     const numChildren = React.Children.count(children);
-    return (React.createElement("div", Object.assign({ className: classes(groupItemLayout, className) }, rest), React.Children.map(children, (child, i) => {
+    return (React.createElement("div", { className: `jp-StatusBar-GroupItem ${className || ''}`, ...rest }, React.Children.map(children, (child, i) => {
         if (i === 0) {
             return React.createElement("div", { style: { marginRight: `${spacing}px` } }, child);
         }

package/lib/components/group.js.map

@@ -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;AAC/B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,UAAU,SAAS,CACvB,KAA8D;IAE9D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjD,oCAAyC,CAAQ,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnD,OAAO,CACL,2CAAK,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,IAAI,GAC1D,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"}
+{"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"}

package/lib/components/hover.d.ts

@@ -15,7 +15,7 @@ export declare class Popup extends Widget {
     /**
      * Construct a new Popup.
      */
-    constructor(options: Popup.IOptions);
+    constructor(options: Omit<Popup.IOptions, 'startHidden'>);
     /**
      * Attach the popup widget to the page.
      */
@@ -29,9 +29,9 @@ export declare class Popup extends Widget {
      */
     protected onAfterAttach(msg: Message): void;
     /**
-     * Handle `'after-detach'` messages for the widget.
+     * Handle `'before-detach'` messages for the widget.
      */
-    protected onAfterDetach(msg: Message): void;
+    protected onBeforeDetach(msg: Message): void;
     /**
      * Handle `'resize'` messages for the widget.
      */
@@ -50,6 +50,7 @@ export declare class Popup extends Widget {
     private _body;
     private _anchor;
     private _align;
+    private _observer;
 }
 /**
  * A namespace for Popup statics.
@@ -71,5 +72,18 @@ export declare namespace Popup {
          * Whether to align the popup to the left or the right of the anchor.
          */
         align?: 'left' | 'right';
+        /**
+         * Whether the body has dynamic size or not.
+         * By default, this is `false`.
+         */
+        hasDynamicSize?: boolean;
+        /**
+         * Whether to start the popup in hidden mode or not.
+         * By default, this is `false`.
+         *
+         * ### Note
+         * The popup can be displayed using `launch` method.
+         */
+        startHidden?: boolean;
     }
 }

package/lib/components/hover.js

@@ -1,12 +1,7 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
-import { HoverBox } from '@jupyterlab/apputils';
+import { HoverBox } from '@jupyterlab/ui-components';
 import { PanelLayout, Widget } from '@lumino/widgets';
-import { style } from 'typestyle/lib';
-import { clickedItem, interactiveItem } from '../style/statusbar';
-const hoverItem = style({
-    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)'
-});
 /**
  * Create and show a popup component.
  *
@@ -16,7 +11,9 @@ const hoverItem = style({
  */
 export function showPopup(options) {
     const dialog = new Popup(options);
-    dialog.launch();
+    if (!options.startHidden) {
+        dialog.launch();
+    }
     return dialog;
 }
 /**
@@ -29,9 +26,14 @@ export class Popup extends Widget {
     constructor(options) {
         super();
         this._body = options.body;
-        this._body.addClass(hoverItem);
+        this._body.addClass('jp-StatusBar-HoverItem');
         this._anchor = options.anchor;
         this._align = options.align;
+        if (options.hasDynamicSize) {
+            this._observer = new ResizeObserver(() => {
+                this.update();
+            });
+        }
         const layout = (this.layout = new PanelLayout());
         layout.addWidget(options.body);
         this._body.node.addEventListener('resize', () => {
@@ -45,8 +47,8 @@ export class Popup extends Widget {
         this._setGeometry();
         Widget.attach(this, document.body);
         this.update();
-        this._anchor.addClass(clickedItem);
-        this._anchor.removeClass(interactiveItem);
+        this._anchor.addClass('jp-mod-clicked');
+        this._anchor.removeClass('jp-mod-highlight');
     }
     /**
      * Handle `'update'` messages for the widget.
@@ -59,14 +61,18 @@ export class Popup extends Widget {
      * Handle `'after-attach'` messages for the widget.
      */
     onAfterAttach(msg) {
+        var _a;
         document.addEventListener('click', this, false);
         this.node.addEventListener('keydown', this, false);
         window.addEventListener('resize', this, false);
+        (_a = this._observer) === null || _a === void 0 ? void 0 : _a.observe(this._body.node);
     }
     /**
-     * Handle `'after-detach'` messages for the widget.
+     * Handle `'before-detach'` messages for the widget.
      */
-    onAfterDetach(msg) {
+    onBeforeDetach(msg) {
+        var _a;
+        (_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
         document.removeEventListener('click', this, false);
         this.node.removeEventListener('keydown', this, false);
         window.removeEventListener('resize', this, false);
@@ -81,9 +87,11 @@ export class Popup extends Widget {
      * Dispose of the widget.
      */
     dispose() {
+        var _a;
+        (_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
         super.dispose();
-        this._anchor.removeClass(clickedItem);
-        this._anchor.addClass(interactiveItem);
+        this._anchor.removeClass('jp-mod-clicked');
+        this._anchor.addClass('jp-mod-highlight');
     }
     /**
      * Handle DOM events for the widget.

package/lib/components/hover.js.map

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

package/lib/components/progressBar.js

@@ -1,24 +1,13 @@
 // 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';
 /**
  * A functional tsx component for a progress bar.
  */
 export function ProgressBar(props) {
-    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 }))));
+    const { width, percentage, ...rest } = props;
+    return (React.createElement("div", { className: 'jp-Statusbar-ProgressBar-progress-bar', role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percentage },
+        React.createElement(Filler, { ...{ percentage, ...rest }, contentWidth: width })));
 }
 /**
  * A functional tsx component for a partially filled div.

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;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"}
+{"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"}

package/lib/components/progressCircle.d.ts

@@ -7,7 +7,17 @@ export declare namespace ProgressCircle {
          * The current progress percentage, from 0 to 100
          */
         progress: number;
+        /**
+         * The aria-label for the widget
+         */
+        label?: string;
+        /**
+         * Element width
+         */
         width?: number;
+        /**
+         * Element height
+         */
         height?: number;
     }
 }

package/lib/components/progressCircle.js

@@ -1,3 +1,7 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
 import React from 'react';
 export function ProgressCircle(props) {
     const radius = 104;
@@ -12,7 +16,7 @@ export function ProgressCircle(props) {
             ' z';
         return shape;
     };
-    return (React.createElement("div", { className: 'jp-Statusbar-ProgressCircle' },
+    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 },
         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)' }))));

package/lib/components/progressCircle.js.map

@@ -1 +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"}
+{"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

@@ -1,24 +1,11 @@
 // 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 { classes } from 'typestyle/lib';
-import { textItem } from '../style/text';
 /**
  * A functional tsx component for a text item.
  */
 export function TextItem(props) {
-    const { title, source, className } = props, rest = __rest(props, ["title", "source", "className"]);
-    return (React.createElement("span", Object.assign({ className: classes(textItem, className), title: title }, rest), source));
+    const { title, source, className, ...rest } = props;
+    return (React.createElement("span", { className: `jp-StatusBar-TextItem ${className}`, title: title, ...rest }, source));
 }
 //# sourceMappingURL=text.js.map

package/lib/components/text.js.map

@@ -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;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAsBzC;;GAEG;AACH,MAAM,UAAU,QAAQ,CACtB,KAA8D;IAE9D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7C,gCAAqC,CAAQ,CAAC;IACpD,OAAO,CACL,4CAAM,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,GAClE,MAAM,CACF,CACR,CAAC;AACJ,CAAC"}
+{"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

@@ -3,7 +3,5 @@
  * @module statusbar
  */
 export * from './components';
-export * from './defaults';
 export * from './statusbar';
-export * from './style/statusbar';
 export * from './tokens';

package/lib/index.js

@@ -7,8 +7,6 @@
  * @module statusbar
  */
 export * from './components';
-export * from './defaults';
 export * from './statusbar';
-export * from './style/statusbar';
 export * from './tokens';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -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,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}
+{"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

@@ -3,7 +3,6 @@
 import { ArrayExt } from '@lumino/algorithm';
 import { DisposableDelegate, DisposableSet } from '@lumino/disposable';
 import { Panel, PanelLayout, Widget } from '@lumino/widgets';
-import { statusBar as barStyle, item as itemStyle, leftSide as leftSideStyle, rightSide as rightSideStyle, side as sideStyle } from './style/statusbar';
 /**
  * Main status bar object which contains all items.
  */
@@ -14,16 +13,14 @@ export class StatusBar extends Widget {
         this._rightRankItems = [];
         this._statusItems = {};
         this._disposables = new DisposableSet();
-        this.addClass(barStyle);
+        this.addClass('jp-StatusBar-Widget');
         const rootLayout = (this.layout = new PanelLayout());
         const leftPanel = (this._leftSide = new Panel());
         const middlePanel = (this._middlePanel = new Panel());
         const rightPanel = (this._rightSide = new Panel());
-        leftPanel.addClass(sideStyle);
-        leftPanel.addClass(leftSideStyle);
-        middlePanel.addClass(sideStyle);
-        rightPanel.addClass(sideStyle);
-        rightPanel.addClass(rightSideStyle);
+        leftPanel.addClass('jp-StatusBar-Left');
+        middlePanel.addClass('jp-StatusBar-Middle');
+        rightPanel.addClass('jp-StatusBar-Right');
         rootLayout.addWidget(leftPanel);
         rootLayout.addWidget(middlePanel);
         rootLayout.addWidget(rightPanel);
@@ -40,7 +37,10 @@ export class StatusBar extends Widget {
             throw new Error(`Status item ${id} already registered.`);
         }
         // Populate defaults for the optional properties of the status item.
-        const fullStatusItem = Object.assign(Object.assign({}, Private.statusItemDefaults), statusItem);
+        const fullStatusItem = {
+            ...Private.statusItemDefaults,
+            ...statusItem
+        };
         const { align, item, rank } = fullStatusItem;
         // Connect the activeStateChanged signal to refreshing the status item,
         // if the signal was provided.
@@ -51,7 +51,7 @@ export class StatusBar extends Widget {
             fullStatusItem.activeStateChanged.connect(onActiveStateChanged);
         }
         const rankItem = { id, rank };
-        fullStatusItem.item.addClass(itemStyle);
+        fullStatusItem.item.addClass('jp-StatusBar-Item');
         this._statusItems[id] = fullStatusItem;
         if (align === 'left') {
             const insertIndex = this._findInsertIndex(this._leftRankItems, rankItem);

package/lib/statusbar.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/statusbar",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.21",
   "description": "JupyterLab statusbar package.",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -22,7 +22,8 @@
   "files": [
     "lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
     "style/**/*.{css,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
-    "style/index.js"
+    "style/index.js",
+    "src/**/*.{ts,tsx}"
   ],
   "scripts": {
     "build": "tsc -b",
@@ -36,28 +37,20 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@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"
+    "@jupyterlab/ui-components": "^4.0.0-alpha.36",
+    "@lumino/algorithm": "^2.0.0-rc.1",
+    "@lumino/coreutils": "^2.0.0-rc.1",
+    "@lumino/disposable": "^2.0.0-rc.1",
+    "@lumino/messaging": "^2.0.0-rc.1",
+    "@lumino/signaling": "^2.0.0-rc.1",
+    "@lumino/widgets": "^2.0.0-rc.1",
+    "react": "^18.2.0"
   },
   "devDependencies": {
-    "@jupyterlab/testutils": "^4.0.0-alpha.2",
-    "@types/jest": "^26.0.10",
-    "jest": "^26.4.2",
+    "@jupyterlab/testing": "^4.0.0-alpha.21",
+    "@types/jest": "^29.2.0",
     "rimraf": "~3.0.0",
-    "ts-jest": "^26.3.0",
-    "typescript": "~4.5.2"
+    "typescript": "~5.0.1-rc"
   },
   "publishConfig": {
     "access": "public"

package/src/components/group.tsx

@@ -0,0 +1,48 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import * as React from 'react';
+
+/**
+ * A tsx component for a set of items logically grouped together.
+ */
+export function GroupItem(
+  props: GroupItem.IProps & React.HTMLAttributes<HTMLDivElement>
+): React.ReactElement<GroupItem.IProps> {
+  const { spacing, children, className, ...rest } = props;
+  const numChildren = React.Children.count(children);
+
+  return (
+    <div className={`jp-StatusBar-GroupItem ${className || ''}`} {...rest}>
+      {React.Children.map(children, (child, i) => {
+        if (i === 0) {
+          return <div style={{ marginRight: `${spacing}px` }}>{child}</div>;
+        } else if (i === numChildren - 1) {
+          return <div style={{ marginLeft: `${spacing}px` }}>{child}</div>;
+        } else {
+          return <div style={{ margin: `0px ${spacing}px` }}>{child}</div>;
+        }
+      })}
+    </div>
+  );
+}
+
+/**
+ * A namespace for GroupItem statics.
+ */
+export namespace GroupItem {
+  /**
+   * Props for the GroupItem.
+   */
+  export interface IProps {
+    /**
+     * The spacing, in px, between the items in the group.
+     */
+    spacing: number;
+
+    /**
+     * The items to arrange in a group.
+     */
+    children: JSX.Element[];
+  }
+}