@datalayer/core 0.0.2 → 0.0.4

package/lib/components/navbar/index.js

@@ -2,10 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './NavigationVisbilityObserver';
 export * from './SubdomainNavBar';

package/lib/components/nbgrader/NbGradesDetails.d.ts

@@ -1,4 +1,4 @@
-import { IStudentItem } from "../../models";
+import { IStudentItem } from '../../models';
 export declare const NbGradesDetails: (props: {
     studentItem?: IStudentItem;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/components/nbgrader/NbGradesDetails.js

@@ -3,20 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { Heading, Text } from "@primer/react";
-import { Box } from "@datalayer/primer-addons";
+import { Heading, Text } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 export const NbGradesDetails = (props) => {
     const { studentItem } = props;
-    return (studentItem && studentItem?.nbgrades ?
-        _jsxs(Box, { children: [_jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 1 }, children: "Grades" }) }), _jsx(Box, { mt: 3, children: studentItem?.nbgrades.map(nb => {
-                        return _jsx(Box, { children: _jsxs(Text, { sx: { fontSize: "small" }, children: [nb.grade_id_s, ": ", nb.score_f] }) });
-                    }) }), _jsx(Box, { mt: 3, children: _jsx(Heading, { sx: { fontSize: 1 }, children: "Total" }) }), _jsxs(Box, { mt: 3, children: [studentItem?.nbgradesTotalScore, " / ", studentItem?.nbgradesTotalPoints] })] })
-        :
-            _jsxs(Box, { children: [_jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 1 }, children: "Grades" }) }), _jsx(Box, { mt: 3, children: "Please grade your assignment." })] }));
+    return studentItem && studentItem?.nbgrades ? (_jsxs(Box, { children: [_jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 1 }, children: "Grades" }) }), _jsx(Box, { mt: 3, children: studentItem?.nbgrades.map(nb => {
+                    return (_jsx(Box, { children: _jsxs(Text, { sx: { fontSize: 'small' }, children: [nb.grade_id_s, ": ", nb.score_f] }) }));
+                }) }), _jsx(Box, { mt: 3, children: _jsx(Heading, { sx: { fontSize: 1 }, children: "Total" }) }), _jsxs(Box, { mt: 3, children: [studentItem?.nbgradesTotalScore, " / ", studentItem?.nbgradesTotalPoints] })] })) : (_jsxs(Box, { children: [_jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 1 }, children: "Grades" }) }), _jsx(Box, { mt: 3, children: "Please grade your assignment." })] }));
 };
 export default NbGradesDetails;

package/lib/components/nbgrader/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './NbGradesDetails';

package/lib/components/notebooks/JupyterNotebook.js

@@ -3,12 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { Lumino } from '@datalayer/jupyter-react';
 export const JupyterNotebook = (props) => {
     const { boxPanel, height } = props;
@@ -17,22 +12,22 @@ export const JupyterNotebook = (props) => {
                 '& .dla-Jupyter-Notebook': {
                     height,
                     maxHeight: 1000,
-                    width: '100%'
+                    width: '100%',
                 },
                 '& .jp-MainAreaWidget': {
                     width: '100%',
                     height,
                 },
                 '& .jp-Toolbar': {
-                    width: '100% !important'
+                    width: '100% !important',
                 },
                 '& .jp-NotebookPanel-notebook': {
                     width: '100% !important',
                     height,
                 },
                 '& .lm-mod-hidden': {
-                    display: 'unset !important'
-                }
+                    display: 'unset !important',
+                },
             }, children: _jsx(Lumino, { children: boxPanel }) }) }));
 };
 JupyterNotebook.defaultProps = {

package/lib/components/notebooks/JupyterNotebookToolbar.js

@@ -3,15 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { CircleCurrentColorIcon, CircleGreenIcon, CircleOrangeIcon } from '@datalayer/icons-react';
+import { CircleCurrentColorIcon, CircleGreenIcon, CircleOrangeIcon, } from '@datalayer/icons-react';
 import { Text } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
-import { Sparklines, SparklinesBars, SparklinesLine, SparklinesReferenceLine } from 'react-sparklines';
+import { Box } from '@datalayer/primer-addons';
+import { Sparklines, SparklinesBars, SparklinesLine, SparklinesReferenceLine, } from 'react-sparklines';
 import { DatalayerThemeProvider } from '../../theme';
 function boxMullerRandom() {
     let phase = false;

package/lib/components/notebooks/index.js

@@ -2,10 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './JupyterNotebook';
 export * from './JupyterNotebookToolbar';

package/lib/components/primer/Helper.d.ts

@@ -3,7 +3,7 @@ import { AnimateProps } from '@primer/react-brand';
 /**
  * Layout
  */
-export declare const Container: ({ children, style }: {
+export declare const Container: ({ children, style, }: {
     children: React.ReactElement[] | React.ReactElement;
     style?: React.CSSProperties;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/components/primer/Helper.js

@@ -2,18 +2,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Layout
  */
-export const Container = ({ children, style }) => _jsx("div", { style: { maxWidth: 1024, margin: '0 auto', ...style }, children: children });
+export const Container = ({ children, style, }) => (_jsx("div", { style: { maxWidth: 1024, margin: '0 auto', ...style }, children: children }));
 export function RedlineBackground({ height, hasBorder = true, ...rest }) {
     return (_jsx("div", { style: {
             display: 'flex',
             overflow: 'hidden',
-            border: hasBorder ? '1px solid var(--base-color-scale-red-2)' : undefined,
+            border: hasBorder
+                ? '1px solid var(--base-color-scale-red-2)'
+                : undefined,
             backgroundImage: 'linear-gradient(45deg, var(--base-color-scale-red-0) 12.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 12.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 50%, var(--base-color-scale-red-0) 50%, var(--base-color-scale-red-0) 62.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 62.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 100%)',
             backgroundSize: '5.66px 5.66px',
             WebkitBoxPack: 'center',
             justifyContent: 'center',
             alignItems: 'center',
             width: '100%',
-            height
+            height,
         }, ...rest }));
 }

package/lib/components/primer/Portals.d.ts

@@ -1,4 +1,4 @@
-import "@primer/react-brand/lib/css/main.css";
+import '@primer/react-brand/lib/css/main.css';
 /**
  * Ensure we define a root for Primer portal root.
  *

package/lib/components/primer/Portals.js

@@ -2,16 +2,11 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { registerPortalRoot } from "@primer/react";
+import { registerPortalRoot } from '@primer/react';
 // import { render } from 'react-dom';
 // import { Styles } from './Styles';
 const PRIMER_PORTAL_ROOT_ID = '__primerPortalRoot__';
-import "@primer/react-brand/lib/css/main.css";
+import '@primer/react-brand/lib/css/main.css';
 /**
  * Ensure we define a root for Primer portal root.
  *

package/lib/components/primer/Styles.js

@@ -3,14 +3,9 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { ThemeProvider, BaseStyles } from '@primer/react';
 import { jupyterLabTheme } from '@datalayer/jupyter-react';
 export const Styles = () => {
-    return _jsx(_Fragment, { children: _jsx(ThemeProvider, { theme: jupyterLabTheme, children: _jsx(BaseStyles, {}) }) });
+    return (_jsx(_Fragment, { children: _jsx(ThemeProvider, { theme: jupyterLabTheme, children: _jsx(BaseStyles, {}) }) }));
 };
 export default Styles;

package/lib/components/primer/index.js

@@ -2,10 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './Helper';
 export * from './Portals';

package/lib/components/progress/ConsumptionBar.js

@@ -3,14 +3,9 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useEffect, useMemo, useState } from 'react';
 import { ProgressBar, Tooltip, Button } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { useInterval } from 'usehooks-ts';
 const CRITICAL_LEVEL = 90;
 const WARNING_LEVEL = 75;
@@ -18,7 +13,7 @@ const WARNING_LEVEL = 75;
  * Consumption progress bar
  */
 export function ConsumptionBar(props) {
-    const { expiredAt, startedAt, burningRate, onClick, onUpdate, refreshInterval = 2000, style } = props;
+    const { expiredAt, startedAt, burningRate, onClick, onUpdate, refreshInterval = 2000, style, } = props;
     const duration = useMemo(() => (expiredAt ? expiredAt - startedAt : Date.now() / 1000 - startedAt), [expiredAt, startedAt]);
     const [progress, setProgress] = useState(expiredAt
         ? Math.min(Math.max(0, ((Date.now() / 1000 - startedAt) / duration) * 100), 100)

package/lib/components/progress/CreditsIndicator.d.ts

@@ -1,4 +1,4 @@
-import type { IRemoteServicesManager } from "../../api";
+import type { IRemoteServicesManager } from '../../api';
 type ICreditsIndicatorProps = {
     /**
      * Kernel service manager

package/lib/components/progress/CreditsIndicator.js

@@ -3,15 +3,9 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { useState, useEffect } from "react";
-import { Box } from "@datalayer/primer-addons";
-// import { ArtifactIcon } from "../../components/icons";
-import { ConsumptionBar } from "../../components/progress";
+import { useState, useEffect } from 'react';
+import { Box } from '@datalayer/primer-addons';
+import { ConsumptionBar } from '../../components/progress';
 /**
  * Credits indicator component.
  */
@@ -23,8 +17,5 @@ export function CreditsIndicator(props) {
             setModel(model);
         });
     }, [kernelId, serviceManager]);
-    return model ?
-        _jsx(Box, { display: "flex", style: { alignItems: 'center' }, children: _jsx(ConsumptionBar, { startedAt: parseFloat(model.started_at), expiredAt: model.expired_at ? parseFloat(model.expired_at) : undefined, burningRate: model.burning_rate, onClick: onClick, onUpdate: onUpdate, style: { cursor: 'pointer' } }) })
-        :
-            _jsx(_Fragment, {});
+    return model ? (_jsx(Box, { display: "flex", style: { alignItems: 'center' }, children: _jsx(ConsumptionBar, { startedAt: parseFloat(model.started_at), expiredAt: model.expired_at ? parseFloat(model.expired_at) : undefined, burningRate: model.burning_rate, onClick: onClick, onUpdate: onUpdate, style: { cursor: 'pointer' } }) })) : (_jsx(_Fragment, {}));
 }

package/lib/components/progress/ProgressBar.js

@@ -3,11 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useState } from 'react';
 import { useInterval } from 'usehooks-ts';
 import { ProgressBar as PrimerProgressBar } from '@primer/react';

package/lib/components/progress/ProgressRing.js

@@ -12,7 +12,7 @@ function Item(props) {
             transformOrigin: '50% 50%',
             transform: 'rotate(-90deg)',
             transition: 'all 0.2s ease-in-out',
-            strokeDasharray: `${(PROGRESS_SEGMENTS * props.progress) / 100}px ${PROGRESS_SEGMENTS}px`
+            strokeDasharray: `${(PROGRESS_SEGMENTS * props.progress) / 100}px ${PROGRESS_SEGMENTS}px`,
         }, cx: "8px", cy: "8px", r: "7px" }));
 }
 /**
@@ -25,7 +25,7 @@ export function ProgressRing(props) {
     return (_jsxs("svg", { className: "dla-progress-ring", viewBox: "0 0 16 16", role: "progressbar", "aria-valuenow": props.progress, "aria-valuemin": 0, "aria-valuemax": 100, ...others, children: [title && _jsx("title", { children: title }), _jsx("circle", { className: "background", cx: "8px", cy: "8px", r: "7px", style: {
                     stroke: 'var(--control-bgColor-rest)',
                     fill: 'none',
-                    strokeWidth: '2px'
+                    strokeWidth: '2px',
                 } }), children ?? _jsx(Item, { progress: progress, color: color })] }));
 }
 ProgressRing.Item = Item;

package/lib/components/progress/Timer.js

@@ -3,11 +3,6 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useState, useEffect } from 'react';
 import { Text } from '@primer/react';
 /**

package/lib/components/progress/index.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './ConsumptionBar';
 export * from './CreditsIndicator';
 export * from './ProgressBar';

package/lib/components/runtimes/RuntimeCellVariables.js

@@ -3,21 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { nullTranslator } from '@jupyterlab/translation';
 import { JSONExt } from '@lumino/coreutils';
 import { Autocomplete, FormControl, TextInputWithTokens } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 /**
  * Kernel variables picker
  */
 export function KernelCellVariables(props) {
-    const { getInputOptions, inputs, setInputs, getOutputOptions, output, setOutput, translator } = props;
+    const { getInputOptions, inputs, setInputs, getOutputOptions, output, setOutput, translator, } = props;
     const trans = useMemo(() => (translator ?? nullTranslator).load('jupyterlab'), [translator]);
     const inputForOutputRef = useRef(null);
     const [willSaveOutput, setWillSaveOutput] = useState(false);
@@ -31,7 +26,7 @@ export function KernelCellVariables(props) {
         if (candidates.length) {
             setInputsState([
                 ...inputsState,
-                ...candidates.map(text => ({ id: text, text, selected: true }))
+                ...candidates.map(text => ({ id: text, text, selected: true })),
             ]);
         }
     }, [inputs]);
@@ -60,8 +55,8 @@ export function KernelCellVariables(props) {
                         .map(text => ({
                         id: text,
                         text,
-                        selected: false
-                    }))
+                        selected: false,
+                    })),
                 ]);
                 setInputLoading(false);
             });
@@ -92,7 +87,7 @@ export function KernelCellVariables(props) {
                     .map(text => ({
                     id: text,
                     text,
-                    selected: false
+                    selected: false,
                 })));
             })
                 .catch(err => {
@@ -116,7 +111,7 @@ export function KernelCellVariables(props) {
         setInputsState([
             ...inputsState.map(localItem => selectedIds.includes(localItem.id)
                 ? Object.assign(localItem, { selected: true })
-                : Object.assign(localItem, { selected: false }))
+                : Object.assign(localItem, { selected: false })),
         ]);
     }, [inputsState]);
     const onItemSelect = useCallback((item) => {
@@ -165,10 +160,10 @@ export function KernelCellVariables(props) {
                                                 onItemSelect({
                                                     ...item,
                                                     text: filterVal,
-                                                    selected: true
+                                                    selected: true,
                                                 });
                                                 setFilterVal('');
-                                            }
+                                            },
                                         }
                                         : undefined, items: inputsState, selectedItemIds: inputsState
                                         .filter(item => item.selected)

package/lib/components/runtimes/RuntimeCellVariablesDialog.js

@@ -3,11 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Dialog } from '@primer/react/experimental';
 import { nullTranslator } from '@jupyterlab/translation';
@@ -38,7 +33,7 @@ export function RuntimeCellVariablesDialog(props) {
         return () => {
             model.metadataChanged.disconnect(updateState);
         };
-    }, [model]);
+    }, [model, inputs, output]);
     const setVariables = useCallback(() => {
         const datalayerMeta = model.getMetadata('datalayer') ?? {};
         if (inputs.length) {
@@ -55,7 +50,7 @@ export function RuntimeCellVariablesDialog(props) {
         }
         model.setMetadata('datalayer', { ...datalayerMeta });
         onClose();
-    }, [inputs, output]);
+    }, [model, inputs, output, onClose]);
     const getInputCandidates = useCallback(async () => {
         if (!sessionContext) {
             return [];
@@ -66,10 +61,10 @@ export function RuntimeCellVariablesDialog(props) {
         const outputs = await new KernelExecutor({ connection }).execute(snippets.listVariables());
         const content = outputs.get(0).data['text/plain'];
         if (content) {
-            const kernelVariables = JSON.parse(
+            const runtimeVariables = JSON.parse(
             // We need to remove the quotes prior to parsing
             content.slice(1, content.length - 1));
-            return Object.keys(kernelVariables ?? {});
+            return Object.keys(runtimeVariables ?? {});
         }
         return [];
     }, [preference, sessionContext]);
@@ -93,14 +88,14 @@ export function RuntimeCellVariablesDialog(props) {
             {
                 buttonType: 'default',
                 content: trans.__('Cancel'),
-                onClick: onClose
+                onClick: onClose,
             },
             {
                 buttonType: 'primary',
                 content: trans.__('Set variables'),
                 onClick: setVariables,
-                autoFocus: true
-            }
+                autoFocus: true,
+            },
         ], children: _jsx(KernelCellVariables, { inputs: inputs, getInputOptions: sessionContext ? getInputCandidates : undefined, setInputs: setInputs, output: output ?? undefined, getOutputOptions: getOutputCandidates, setOutput: setOutput, translator: translator }) }));
 }
 export default RuntimeCellVariablesDialog;

package/lib/components/runtimes/RuntimeLauncherDialog.d.ts

@@ -1,7 +1,6 @@
 import type { IMarkdownParser, IRenderMime } from '@jupyterlab/rendermime';
 import type { IRemoteServicesManager } from '../../api';
-import { type IRuntimeSnapshot } from '../../models';
-import type { IRuntimeDesc } from '../../api';
+import type { IRuntimeSnapshot, IRuntimeDesc } from '../../models';
 /**
  * {@link KernelLauncherDialog} properties.
  */