@datalayer/core 0.0.2 → 0.0.4

package/lib/hooks/index.js

@@ -2,37 +2,33 @@
  * 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 "./useAIAgents";
-export * from "./useAuthorization";
-export * from "./useBackdrop";
-export * from "./useBackdropJupyterLab";
-export * from "./useCache";
-export * from "./useContainsFocus";
+export * from './useAIAgents';
+export * from './useAuthorization';
+export * from './useBackdrop';
+export * from './useBackdropJupyterLab';
+export * from './useCache';
+export * from './useContainsFocus';
+export * from './useDatalayer';
 // export * from "./useCellOutputshot"; // Do not export html2canvas
-export * from "./useError";
-export * from "./useExternalScript";
-export * from "./useFocusTrap";
-export * from "./useIAM";
-export * from "./useId";
-export * from "./useIsomorphicLayoutEffect";
-export * from "./useJupyterLabTheme";
-export * from "./useKeyboardEscape";
-export * from "./useLocationHandles";
-export * from "./useNavigate";
-export * from "./useNavigate";
-export * from "./useNotebookAIAgent";
-export * from "./useOnClickOutside";
-export * from "./useRef";
-export * from "./useRun";
-export * from "./useRuntimes";
-export * from "./useScreenshot";
-export * from "./useToast";
-export * from "./useUpload";
-export * from "./useUser";
-export * from "./useVisibilityObserver";
-export * from "./useWindowSize";
+export * from './useError';
+export * from './useExternalScript';
+export * from './useFocusTrap';
+export * from './useIAM';
+export * from './useId';
+export * from './useIsomorphicLayoutEffect';
+export * from './useJupyterLabTheme';
+export * from './useKeyboardEscape';
+export * from './useLocation';
+export * from './useLocationHandles';
+export * from './useNavigate';
+export * from './useParams';
+export * from './useNotebookAIAgent';
+export * from './useOnClickOutside';
+export * from './useRef';
+export * from './useRuntimes';
+export * from './useScreenshot';
+export * from './useToast';
+export * from './useUpload';
+export * from './useUser';
+export * from './useVisibilityObserver';
+export * from './useWindowSize';

package/lib/hooks/layouts/LayoutBackdrop.js

@@ -3,21 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * 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 } from "react";
-import { Heading, Box, Spinner } from "@primer/react";
+import { useEffect } from 'react';
+import { Heading, Box, Spinner } from '@primer/react';
 import { useBackdrop } from '..';
 import { useLayoutStore } from '../../state';
 const BackdropContent = (props) => {
     const { backdropDisplay } = props;
-    return (_jsx(Box, { style: { zIndex: 10999 }, children: backdropDisplay.message ?
-            _jsxs(Box, { display: "flex", style: { alignItems: "center" }, children: [_jsx(Box, { mr: 3, children: _jsx(Spinner, { size: "large" }) }), _jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 5, color: 'white' }, children: backdropDisplay.message }) })] })
-            :
-                _jsx(Spinner, { size: "large" }) }));
+    return (_jsx(Box, { style: { zIndex: 10999 }, children: backdropDisplay.message ? (_jsxs(Box, { display: "flex", style: { alignItems: 'center' }, children: [_jsx(Box, { mr: 3, children: _jsx(Spinner, { size: "large" }) }), _jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 5, color: 'white' }, children: backdropDisplay.message }) })] })) : (_jsx(Spinner, { size: "large" })) }));
 };
 export const LayoutBackdrop = () => {
     const { backdrop } = useLayoutStore();

package/lib/hooks/layouts/LayoutScreenshot.css

@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+.crosshairs {
+  position: fixed;
+  width: 100%;
+  z-index: 2147483645;
+}
+
+.crosshairs.hidden {
+  display: none;
+}
+
+.crosshairs::before,
+.crosshairs::after {
+  content: '';
+  position: absolute;
+}
+
+.crosshairs::before {
+  height: 24px;
+  width: 2px;
+  background: #000;
+  top: -11px;
+}
+
+.crosshairs::after {
+  width: 24px;
+  height: 2px;
+  background: #000;
+  left: -11px;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.overlay.highlighting {
+  background: none;
+  border-color: rgba(0, 0, 0, 0.5);
+  border-style: solid;
+}
+
+.crosshairs,
+.crosshairs:before,
+.crosshairs:after,
+.overlay,
+.overlay:before,
+.overlay:after {
+  box-sizing: border-box;
+}

package/lib/hooks/layouts/LayoutScreenshot.d.ts

@@ -1,2 +1,3 @@
+import './LayoutScreenshot.css';
 export declare const LayoutScreenshot: () => import("react/jsx-runtime").JSX.Element;
 export default LayoutScreenshot;

package/lib/hooks/layouts/LayoutScreenshot.js

@@ -3,17 +3,13 @@ import { Fragment as _Fragment, 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 { useEffect } from "react";
-import { Box } from "@primer/react";
+import { useEffect } from 'react';
+import { Box } from '@primer/react';
 import { useScreenshot, useToast } from '..';
-import { lazyWithPreload, WithSuspense } from "../../utils";
+import { lazyWithPreload, WithSuspense } from '../../utils';
 import { useLayoutStore } from '../../state';
-const ScreenCapture = WithSuspense(lazyWithPreload(() => import("../../components/screenshot/ScreenCapture")));
+import './LayoutScreenshot.css';
+const ScreenCapture = WithSuspense(lazyWithPreload(() => import('../../components/screenshot/ScreenCapture')));
 const Capture = (props) => {
     const { onStartCapture } = props;
     useEffect(() => {
@@ -30,14 +26,14 @@ const ScreenshotContent = (props) => {
         hideScreenshot();
         enqueueToast('Screen is captured.', { variant: 'success' });
     };
-    return (_jsx(Box, { children: _jsx(ScreenCapture, { onEndCapture: handleScreenCapture, children: ({ onStartCapture }) => (_jsx(Capture, { onStartCapture: onStartCapture })) }) }));
+    return (_jsx(Box, { children: _jsx(ScreenCapture, { onEndCapture: handleScreenCapture, children: ({ onStartCapture }) => _jsx(Capture, { onStartCapture: onStartCapture }) }) }));
 };
 export const LayoutScreenshot = () => {
     const { screenshot } = useLayoutStore();
     const { displayScreenshot, closeScreenshot } = useScreenshot();
     useEffect(() => {
         if (screenshot && screenshot.open) {
-            displayScreenshot(() => _jsx(ScreenshotContent, { screenshotDisplay: screenshot }));
+            displayScreenshot(() => (_jsx(ScreenshotContent, { screenshotDisplay: screenshot })));
         }
         else {
             closeScreenshot();

package/lib/hooks/layouts/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 './LayoutBackdrop';
 export * from './LayoutScreenshot';

package/lib/hooks/useAIAgents.d.ts

@@ -5,7 +5,7 @@ export type RequestOptions = {
 export type RoomType = 'notebook_persist' | 'notebook_memory' | 'doc_memory';
 export declare const useAIAgents: (baseUrlOverride?: string) => {
     createAIAgent: (documentId: string, documentType: RoomType, ingress?: string, token?: string, kernelId?: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
-    getAIAgents: ({ signal, baseUrl }?: RequestOptions) => Promise<any>;
+    getAIAgents: ({ signal, baseUrl, }?: RequestOptions) => Promise<any>;
     deleteAIAgent: (documentId: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
     getAIAgent: (documentId: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
     patchAIAgent: (documentId: string, ingress?: string, token?: string, kernelId?: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;

package/lib/hooks/useAIAgents.js

@@ -2,19 +2,14 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { URLExt } from '@jupyterlab/coreutils';
 import { useCoreStore } from '../state';
-import { useRun } from './useRun';
+import { useDatalayer } from './useDatalayer';
 export const useAIAgents = (baseUrlOverride = 'api/ai-agents/v1') => {
     const { configuration } = useCoreStore();
-    const { requestRun } = useRun({ notifyOnError: false });
+    const { requestDatalayer } = useDatalayer({ notifyOnError: false });
     const createAIAgent = (documentId, documentType, ingress, token, kernelId, { signal, baseUrl = baseUrlOverride } = {}) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents'),
             method: 'POST',
             body: {
@@ -24,34 +19,34 @@ export const useAIAgents = (baseUrlOverride = 'api/ai-agents/v1') => {
                     ingress,
                     token,
                     kernel_id: kernelId,
-                }
+                },
             },
-            signal
+            signal,
         });
     };
-    const getAIAgents = ({ signal, baseUrl = baseUrlOverride } = {}) => {
-        return requestRun({
+    const getAIAgents = ({ signal, baseUrl = baseUrlOverride, } = {}) => {
+        return requestDatalayer({
             url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents'),
             method: 'GET',
             signal,
         });
     };
     const deleteAIAgent = (documentId, { signal, baseUrl = baseUrlOverride } = {}) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents', documentId),
             method: 'DELETE',
             signal,
         });
     };
     const getAIAgent = (documentId, { signal, baseUrl = baseUrlOverride } = {}) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents', documentId),
             method: 'GET',
             signal,
         });
     };
     const patchAIAgent = (documentId, ingress, token, kernelId, { signal, baseUrl = baseUrlOverride } = {}) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents', documentId),
             method: 'PATCH',
             body: {
@@ -59,9 +54,9 @@ export const useAIAgents = (baseUrlOverride = 'api/ai-agents/v1') => {
                     ? {
                         ingress,
                         token,
-                        kernel_id: kernelId
+                        kernel_id: kernelId,
                     }
-                    : null
+                    : null,
             },
             signal,
         });
@@ -71,7 +66,7 @@ export const useAIAgents = (baseUrlOverride = 'api/ai-agents/v1') => {
         getAIAgents,
         deleteAIAgent,
         getAIAgent,
-        patchAIAgent
+        patchAIAgent,
     };
 };
 export default useAIAgents;

package/lib/hooks/useAuthorization.js

@@ -2,20 +2,15 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { useLocation } from "react-router-dom";
-import { PlatformRoles, OrganizationRoles, TeamRoles } from '../models';
-import useNavigate from "./useNavigate";
+import { useLocation } from './useLocation';
+import { PlatformRoles, OrganizationRoles, TeamRoles, } from '../models';
+import useNavigate from './useNavigate';
 export const useAuthorization = () => {
     const navigate = useNavigate();
     const location = useLocation();
     const goToApplicationStateError = (message) => {
         console.warn(message);
-        console.log("Application error while navigating to ", location);
+        console.log('Application error while navigating to ', location);
         console.trace();
         navigate('/error/application/state');
     };
@@ -86,7 +81,6 @@ export const useAuthorization = () => {
             if (team.members[i].id === user.id) {
                 if (checkIsTeamOwer(team.members[i])) {
                     return true;
-                    0;
                 }
             }
         }

package/lib/hooks/useBackdrop.js

@@ -3,14 +3,9 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { createContext, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { LayoutBackdrop } from "./layouts";
+import { LayoutBackdrop } from './layouts';
 export const BackdropContext = createContext({
     closeBackdrop: () => { },
     displayBackdrop: (nextBackdrop) => { },
@@ -56,7 +51,7 @@ export default App
 export function BackdropProvider(props) {
     const { children, zIndex, disableDarken, backdropSurface } = props;
     const defaultBackdropSurface = {
-        position: "fixed",
+        position: 'fixed',
         top: 0,
         left: 0,
         width: '100%',
@@ -69,18 +64,18 @@ export function BackdropProvider(props) {
     };
     const [backdrop, setBackdrop] = useState({
         open: false,
-        render: (closeBackdrop) => _jsx(_Fragment, {})
+        render: (closeBackdrop) => _jsx(_Fragment, {}),
     });
     const displayBackdrop = (nextBackdrop) => {
         setBackdrop({
             open: true,
-            render: nextBackdrop
+            render: nextBackdrop,
         });
     };
     const closeBackdrop = () => {
         setBackdrop({
             open: false,
-            render: (closeBackdrop) => _jsx(_Fragment, {})
+            render: (closeBackdrop) => _jsx(_Fragment, {}),
         });
     };
     return (_jsxs(BackdropContextProvider, { value: { closeBackdrop, displayBackdrop }, children: [_jsx(LayoutBackdrop, {}), children, backdrop.open &&
@@ -95,11 +90,11 @@ BackdropProvider.propTypes = {
     // A render function that returns a Component that overrides (takes the
     // place of) the default darkened div background.
     // See /example/src/ExampleApp.jsx for proper use.
-    backdropSurface: PropTypes.func
+    backdropSurface: PropTypes.func,
 };
 BackdropProvider.defaultProps = {
     children: undefined,
     disableBackdrop: false,
     zIndex: 9999,
-    backdropSurface: null
+    backdropSurface: null,
 };

package/lib/hooks/useBackdropJupyterLab.d.ts

@@ -10,6 +10,6 @@ type UseJupyterLabBackdropProps = {
     openBackdrop: (element: JSX.Element) => void;
     closeBackdrop: () => void;
 };
-declare const JupyterLabBackdropProvider: ({ children }: React.PropsWithChildren<JupyterLabBackdropProps>) => import("react/jsx-runtime").JSX.Element;
+declare const JupyterLabBackdropProvider: ({ children, }: React.PropsWithChildren<JupyterLabBackdropProps>) => import("react/jsx-runtime").JSX.Element;
 declare function useJupyterLabBackdrop(): UseJupyterLabBackdropProps;
 export { useJupyterLabBackdrop, JupyterLabBackdropProvider };

package/lib/hooks/useBackdropJupyterLab.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { createContext, useState, useContext } from 'react';
 import styled from 'styled-components';
 const JupyterLabBackdropComponent = styled.div `
@@ -23,7 +18,7 @@ const JupyterLabBackdropComponent = styled.div `
   z-index: 1000000000;
 `;
 function JupyterLabBackdrop({ open, element }) {
-    return open ? _jsx(JupyterLabBackdropComponent, { children: element }) : _jsx(_Fragment, {});
+    return open ? (_jsx(JupyterLabBackdropComponent, { children: element })) : (_jsx(_Fragment, {}));
 }
 export default JupyterLabBackdrop;
 const JupyterLabBackdropContext = createContext({
@@ -32,9 +27,9 @@ const JupyterLabBackdropContext = createContext({
     },
     closeBackdrop: () => {
         /* no-op */
-    }
+    },
 });
-const JupyterLabBackdropProvider = ({ children }) => {
+const JupyterLabBackdropProvider = ({ children, }) => {
     const [opened, setOpened] = useState(false);
     const [element, setElement] = useState();
     const openBackdrop = (element) => {
@@ -47,7 +42,7 @@ const JupyterLabBackdropProvider = ({ children }) => {
     };
     return (_jsxs(JupyterLabBackdropContext.Provider, { value: {
             openBackdrop: openBackdrop,
-            closeBackdrop: closeBackdrop
+            closeBackdrop: closeBackdrop,
         }, children: [_jsx(JupyterLabBackdrop, { open: opened, element: element }), children] }));
 };
 function useJupyterLabBackdrop() {

package/lib/hooks/useCache.d.ts

@@ -1,5 +1,5 @@
-import { IAnyOrganization, IAnySpace, IAssignment, ICell, IContact, ICourse, IDataset, IDatasource, IDocument, IEnvironment, IExercise, IIAMToken, IInbound, IInvite, IItemType, ILesson, ILinkedInUser, INotebook, IOrganization, IOutbound, IPage, ISchool, ISecret, ISpaceItem, IStudent, ITeam, IUsage, IUser, IUserOnboarding, IUserSettings, LinkedInUser, WaitingListFormData } from "../models";
-import { IPrice } from "./../components/checkout";
+import { IAnyOrganization, IAnySpace, IAssignment, ICell, IContact, ICourse, IDataset, IDatasource, IDocument, IEnvironment, IExercise, IIAMToken, IInbound, IInvite, IItemType, ILesson, ILinkedInUser, INotebook, IOrganization, IOutbound, IPage, ISchool, ISecret, ISpaceItem, IStudent, ITeam, IUsage, IUser, IUserOnboarding, IUserSettings, LinkedInUser, WaitingListFormData } from '../models';
+import { IPrice } from './../components/checkout';
 import { type IRESTBaseResponse } from '../models';
 type CacheProps = {
     loginRoute?: string;
@@ -43,6 +43,7 @@ export declare const useCache: ({ loginRoute }?: CacheProps) => {
     cloneExercise: (exerciseId: string) => Promise<any>;
     cloneLesson: (lessonId: string) => Promise<any>;
     cloneNotebook: (notebookId: string) => Promise<any>;
+    createNotebook: (spaceId: string, name: string, description?: string, notebookType?: string) => Promise<any>;
     confirmCourseItemCompletion: (courseId: any, itemType: IItemType, itemId: string, completed: boolean) => Promise<any>;
     confirmEmailUpdate: (token: any) => Promise<any>;
     confirmJoinWithToken: (userHandle: any, token: any) => Promise<any>;
@@ -173,8 +174,8 @@ export declare const useCache: ({ loginRoute }?: CacheProps) => {
     postLinkedinShare: (linkedinUser: ILinkedInUser, postText: string, accessToken: string) => Promise<any>;
     postLinkedinShareWithUpload: (linkedinUser: ILinkedInUser, postText: string, uploadObject: string, accessToken: string) => Promise<any>;
     proxyGET: (url: string, token: string) => Promise<any>;
-    proxyPOST: (url: string, body: {}, token: string) => Promise<any>;
-    proxyPUT: (url: string, body: {}, token: string) => Promise<any>;
+    proxyPOST: (url: string, body: object, token: string) => Promise<any>;
+    proxyPUT: (url: string, body: object, token: string) => Promise<any>;
     putInvite: (token: string) => Promise<any>;
     refreshAccount: (accountHandle: string) => Promise<any>;
     refreshAssignment: (assignmentId: string) => Promise<any>;
@@ -302,5 +303,8 @@ export declare const useCache: ({ loginRoute }?: CacheProps) => {
     updateUserSettings: (userId: string, settings: IUserSettings) => Promise<any>;
     validateUserMFACode: (userUid: any, code: string) => Promise<any>;
     whoami: () => Promise<any>;
+    notebookUploadLoading: boolean;
+    notebookUploadProgress: number;
+    resetNotebookUpload: () => void;
 };
 export default useCache;