@datalayer/core 0.0.9 → 0.0.10

package/lib/components/display/JupyterDialog.js

@@ -59,13 +59,9 @@ export class JupyterDialog extends ReactWidget {
         }) }));
     _renderFooter = (props) => (_jsx(DialogFooter, { ...props, checkbox: this.checkbox, setChecked: this.setChecked }));
     render() {
-        return (_jsx(JupyterReactTheme, { children: _jsx(PrimerDialog, { sx: {
-                    color: 'var(--fgColor-default)',
-                    backgroundColor: 'var(--bgColor-default)',
-                    fontFamily: 'var(--fontStack-system)',
-                    fontSize: 'var(--text-body-size-medium)',
-                    lineHeight: 'var(--text-body-lineHeight-medium)',
-                }, onClose: this.close, footerButtons: this.buttons.map((but, idx) => {
+        // TODO title color is enforced for JupyterLab.
+        // This may be fixed in the jupyter-react theme (Primer generates h1 for the dialog title).
+        return (_jsx(JupyterReactTheme, { children: _jsx(PrimerDialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: this.dialogTitle }), onClose: this.close, renderBody: this._renderBody, renderFooter: this._renderFooter, footerButtons: this.buttons.map((but, idx) => {
                     const footerButton = {
                         buttonType: but.displayType === 'default'
                             ? but.accept
@@ -80,7 +76,7 @@ export class JupyterDialog extends ReactWidget {
                         autoFocus: but.accept,
                     };
                     return footerButton;
-                }), renderBody: this._renderBody, renderFooter: this._renderFooter, title: this.dialogTitle }) }));
+                }) }) }));
     }
     /**
      * Launch the dialog as a modal window.

package/lib/components/runtimes/RuntimeCellVariablesDialog.js

@@ -84,7 +84,7 @@ export function RuntimeCellVariablesDialog(props) {
             title += ` with ${kernelName}`;
         }
     }
-    return (_jsx(Dialog, { title: title, onClose: onClose, footerButtons: [
+    return (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: title }), onClose: onClose, footerButtons: [
             {
                 buttonType: 'default',
                 content: trans.__('Cancel'),

package/lib/components/runtimes/RuntimeLauncherDialog.js

@@ -211,7 +211,9 @@ export function RuntimeLauncherDialog(props) {
             setHasCustomRuntimeName(true);
         }
     }, []);
-    return (_jsx(Dialog, { title: dialogTitle || 'Launch a new Runtime', onClose: () => {
+    // TODO title color is enforced for JupyterLab.
+    // This may be fixed in the jupyter-react theme (Primer generates h1 for the dialog title).
+    return (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: dialogTitle || 'Launch a new Runtime' }), onClose: () => {
             onSubmit(undefined);
         }, footerButtons: [
             {

package/lib/components/snapshots/RuntimeSnapshotMenu.js

@@ -116,7 +116,7 @@ export function RuntimeSnapshotMenu(props) {
             setTakingSnapshot(false);
         }
     }, [connection, podName, multiServiceManager]);
-    return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { leadingVisual: CameraIcon, variant: "invisible", size: "small", disabled: loadingKernelSnapshot || takingKernelSnapshot || disabled, children: children }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { onSelect: onLoadKernelSnapshot, disabled: loadingKernelSnapshot || runtimeSnapshots.length === 0, children: "Load a runtime snapshot\u2026" }), _jsx(ActionList.Item, { onSelect: onTakeKernelSnapshot, disabled: takingKernelSnapshot, children: "Take a runtime snapshot" })] }) })] }), openLoadDialog && (_jsx(Dialog, { title: "Choose a runtime snapshot to load", onClose: () => {
+    return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { leadingVisual: CameraIcon, variant: "invisible", size: "small", disabled: loadingKernelSnapshot || takingKernelSnapshot || disabled, children: children }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { onSelect: onLoadKernelSnapshot, disabled: loadingKernelSnapshot || runtimeSnapshots.length === 0, children: "Load a runtime snapshot\u2026" }), _jsx(ActionList.Item, { onSelect: onTakeKernelSnapshot, disabled: takingKernelSnapshot, children: "Take a runtime snapshot" })] }) })] }), openLoadDialog && (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: "Choose a runtime snapshot to load" }), onClose: () => {
                     setOpenLoadDialog(false);
                 }, footerButtons: [
                     {

package/lib/components/snippets/SnippetDialog.js

@@ -25,7 +25,7 @@ export function SnippetDialog(props) {
         model.sharedModel.updateSource(size, size, '\n'.repeat(size ? 2 : 0) + selection.code);
         onClose();
     }, [model, selection, onClose]);
-    return (_jsx(Dialog, { title: 'Pick a snippet to inject', onClose: onClose, footerButtons: [
+    return (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: "Pick a snippet to inject" }), onClose: onClose, footerButtons: [
             {
                 buttonType: 'default',
                 content: trans.__('Cancel'),

package/lib/components/storage/ContentsBrowser.js

@@ -223,7 +223,7 @@ export function ContentsBrowser(props) {
                                     }, onContextMenu: onContextMenu }, child.name));
                             }) }), _jsx(ActionMenu, { anchorRef: contextMenuAnchor ?? undefined, open: contextMenuAnchor?.current !== null, onOpenChange: () => {
                                 setContextMenuAnchor(null);
-                            }, children: _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { title: "Delete the active item.", onSelect: onSelectDelete, children: "Delete\u2026" }), localContents && (_jsx(ActionList.Item, { title: "Copy the active item to the local drive.", onSelect: onSelectCopyToLocal, children: "Copy to local drive\u2026" }))] }) }) }), openDeleteConfirmation && (_jsx(Dialog, { title: "Confirm deletion", onClose: () => {
+                            }, children: _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { title: "Delete the active item.", onSelect: onSelectDelete, children: "Delete\u2026" }), localContents && (_jsx(ActionList.Item, { title: "Copy the active item to the local drive.", onSelect: onSelectCopyToLocal, children: "Copy to local drive\u2026" }))] }) }) }), openDeleteConfirmation && (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: "Confirm deletion" }), onClose: () => {
                                 setOpenDeleteConfirmation(false);
                             }, footerButtons: [
                                 {
@@ -240,7 +240,7 @@ export function ContentsBrowser(props) {
                                         deleteItem();
                                     },
                                 },
-                            ], children: `Are you sure you want to delete ${selectedItem?.path}?` })), copyToLocalConfirmation && (_jsx(Dialog, { title: "Confirm copy to local", onClose: () => {
+                            ], children: `Are you sure you want to delete ${selectedItem?.path}?` })), copyToLocalConfirmation && (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: "Confirm copy to local" }), onClose: () => {
                                 setCopyToLocalConfirmation(false);
                             }, footerButtons: [
                                 {

package/lib/components/tables/DataTable.js

@@ -4,8 +4,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Distributed under the terms of the Modified BSD License.
  */
 import { useState } from 'react';
-import { Box, Button, PageLayout } from '@primer/react';
+import { Button, PageLayout } from '@primer/react';
 import { Dialog } from '@primer/react/experimental';
+import { Box } from '@datalayer/primer-addons';
 const DataTableDetails = (props) => {
     return (_jsx(PageLayout, { containerWidth: "full", padding: "normal", sx: { overflow: 'visible' }, children: _jsx(PageLayout.Content, {}) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "workspaces": [
     ".",