@datalayer/core 0.0.2 → 0.0.4

package/lib/collaboration/DatalayerCollaborationProvider.js

@@ -0,0 +1,162 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { WebsocketProvider } from 'y-websocket';
+import { URLExt } from '@jupyterlab/coreutils';
+import { Signal } from '@lumino/signaling';
+// Import CollaborationStatus enum separately since it's exported
+var CollaborationStatus;
+(function (CollaborationStatus) {
+    CollaborationStatus["Disconnected"] = "disconnected";
+    CollaborationStatus["Connecting"] = "connecting";
+    CollaborationStatus["Connected"] = "connected";
+    CollaborationStatus["Error"] = "error";
+})(CollaborationStatus || (CollaborationStatus = {}));
+import { requestDatalayerCollaborationSessionId } from './DatalayerCollaboration';
+import { coreStore } from '../state/substates/CoreState';
+/**
+ * Datalayer collaboration provider
+ *
+ * This provider connects to Datalayer's collaboration service using WebSockets.
+ */
+export class DatalayerCollaborationProvider {
+    type = 'datalayer';
+    _status = CollaborationStatus.Disconnected;
+    _provider = null;
+    _sharedModel = null;
+    _statusChanged = new Signal(this);
+    _errorOccurred = new Signal(this);
+    _syncStateChanged = new Signal(this);
+    _isDisposed = false;
+    _config;
+    _onSync = null;
+    _onConnectionClose = null;
+    constructor(config) {
+        this._config = config;
+    }
+    get status() {
+        return this._status;
+    }
+    get isConnected() {
+        return this._status === CollaborationStatus.Connected;
+    }
+    get isDisposed() {
+        return this._isDisposed;
+    }
+    get events() {
+        return {
+            statusChanged: this._statusChanged,
+            errorOccurred: this._errorOccurred,
+            syncStateChanged: this._syncStateChanged,
+        };
+    }
+    setStatus(status) {
+        if (this._status !== status) {
+            this._status = status;
+            this._statusChanged.emit(status);
+        }
+    }
+    async connect(sharedModel, documentId, options) {
+        if (this.isConnected) {
+            console.warn('Already connected to Datalayer collaboration service');
+            return;
+        }
+        this.setStatus(CollaborationStatus.Connecting);
+        try {
+            // Get configuration from store or use provided config
+            const { configuration } = coreStore.getState();
+            const runUrl = this._config.runUrl ?? configuration?.runUrl;
+            const token = this._config.token ?? configuration?.token;
+            if (!runUrl) {
+                throw new Error('Datalayer runUrl is not configured');
+            }
+            if (!token) {
+                throw new Error('Datalayer token is not configured');
+            }
+            const { ydoc, awareness } = sharedModel;
+            // Build WebSocket URL
+            const documentURL = URLExt.join(runUrl, '/api/spacer/v1/documents');
+            const wsUrl = documentURL.replace(/^http/, 'ws');
+            // Request collaboration session from Datalayer
+            const sessionId = await requestDatalayerCollaborationSessionId({
+                url: URLExt.join(documentURL, documentId),
+                token,
+            });
+            // Create WebSocket provider
+            this._provider = new WebsocketProvider(wsUrl, documentId, ydoc, {
+                disableBc: true,
+                params: {
+                    sessionId,
+                    token,
+                },
+                awareness,
+                ...options,
+            });
+            this._sharedModel = sharedModel;
+            // Set up event handlers
+            this._onSync = (isSynced) => {
+                this.handleSync(isSynced);
+            };
+            this._onConnectionClose = (event) => {
+                if (event) {
+                    this.handleConnectionClose(event);
+                }
+            };
+            this._provider.on('sync', this._onSync);
+            this._provider.on('connection-close', this._onConnectionClose);
+            console.log('Connected to Datalayer collaboration service');
+        }
+        catch (error) {
+            this.setStatus(CollaborationStatus.Error);
+            this._errorOccurred.emit(error);
+            throw error;
+        }
+    }
+    disconnect() {
+        if (this._provider) {
+            if (this._onSync) {
+                this._provider.off('sync', this._onSync);
+            }
+            if (this._onConnectionClose) {
+                this._provider.off('connection-close', this._onConnectionClose);
+            }
+            this._provider.disconnect();
+            this._provider = null;
+        }
+        this._sharedModel = null;
+        this.setStatus(CollaborationStatus.Disconnected);
+    }
+    getProvider() {
+        return this._provider;
+    }
+    getSharedModel() {
+        return this._sharedModel;
+    }
+    handleConnectionClose(event) {
+        console.warn('Collaboration connection closed:', event);
+        this.setStatus(CollaborationStatus.Disconnected);
+        // Handle session expiration (code 4002)
+        if (event.code === 4002) {
+            console.warn('Datalayer collaboration session expired');
+            // Attempt to reconnect could be implemented here
+        }
+    }
+    handleSync(isSynced) {
+        this._syncStateChanged.emit(isSynced);
+        if (isSynced) {
+            this.setStatus(CollaborationStatus.Connected);
+        }
+    }
+    dispose() {
+        if (this._isDisposed) {
+            return;
+        }
+        this.disconnect();
+        // Signals don't need explicit disposal in Lumino
+        // They are cleaned up when the object is garbage collected
+        this._isDisposed = true;
+    }
+}
+// Export the provider for direct instantiation
+export default DatalayerCollaborationProvider;

package/lib/collaboration/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DatalayerCollaboration';
+export * from './DatalayerCollaborationProvider';

package/lib/collaboration/index.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export * from './DatalayerCollaboration';
+export * from './DatalayerCollaborationProvider';

package/lib/components/avatars/BoringAvatar.d.ts

@@ -1,4 +1,4 @@
-type VariantType = "marble" | "beam" | "pixel" | "sunset" | "ring" | "bauhaus" | undefined;
+type VariantType = 'marble' | 'beam' | 'pixel' | 'sunset' | 'ring' | 'bauhaus' | undefined;
 type IBoringAvatarProps = {
     displayName: string;
     variant: VariantType;
@@ -6,7 +6,6 @@ type IBoringAvatarProps = {
     square: boolean;
     style: object;
 };
-export declare const getRandomBoringAvatarVariant: () => VariantType;
 export declare const BoringAvatar: {
     (props: IBoringAvatarProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
@@ -14,7 +13,7 @@ export declare const BoringAvatar: {
         variant: VariantType;
         size: number;
         square: boolean;
-        style: {};
+        style: undefined;
     };
 };
 export default BoringAvatar;

package/lib/components/avatars/BoringAvatar.js

@@ -3,19 +3,24 @@ 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 BoringAvatars from 'boring-avatars';
-// export const getRandomBoringAvatarVariant = () => variants[Math.floor(Math.random() * variants.length)] as VariantType;
-export const getRandomBoringAvatarVariant = () => "bauhaus";
+/*
+const variants = [
+  "bauhaus",
+  "beam",
+  "marble",
+  "pixel",
+  "ring",
+  "sunset",
+];
+export const getRandomBoringAvatarVariant = () => variants[Math.floor(Math.random() * variants.length)] as VariantType;
+*/
+const getRandomBoringAvatarVariant = () => 'bauhaus';
 const RANDOM_BORING_AVATOR_VARIANT = getRandomBoringAvatarVariant();
 export const BoringAvatar = (props) => {
     const { displayName, size, square, style } = props;
     const variant = props.variant ?? getRandomBoringAvatarVariant();
-    return (_jsx("span", { style: { ...style }, children: _jsx(BoringAvatars, { size: size, name: displayName, variant: variant, square: square, colors: [
+    return (_jsx("span", { style: { ...(style || {}) }, children: _jsx(BoringAvatars, { size: size, name: displayName, variant: variant, square: square, colors: [
                 '#000000',
                 '#146A7C',
                 '#16A085',
@@ -34,6 +39,6 @@ BoringAvatar.defaultProps = {
     variant: RANDOM_BORING_AVATOR_VARIANT,
     size: 40,
     square: false,
-    style: {},
+    style: undefined,
 };
 export default BoringAvatar;

package/lib/components/avatars/BoringAvatar.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        (props: {
+            displayName: string;
+            variant: "marble" | "beam" | "pixel" | "sunset" | "ring" | "bauhaus" | undefined;
+            size: number;
+            square: boolean;
+            style: object;
+        }): import("react/jsx-runtime").JSX.Element;
+        defaultProps: {
+            displayName: string;
+            variant: "marble" | "beam" | "pixel" | "sunset" | "ring" | "bauhaus" | undefined;
+            size: number;
+            square: boolean;
+            style: undefined;
+        };
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SimpleAvatar: Story;

package/lib/components/avatars/BoringAvatar.stories.js

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { BoringAvatar } from './BoringAvatar';
+const meta = {
+    title: 'Datalayer/BoringAvatar',
+    component: BoringAvatar,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+export const SimpleAvatar = {
+    args: {
+        displayName: 'Jane Doe',
+        variant: 'bauhaus',
+        size: 40,
+        square: false,
+        style: {},
+    },
+};

package/lib/components/avatars/UserProfileAvatar.js

@@ -3,13 +3,8 @@ 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 { Avatar, Link } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { AvatarSkeleton } from '../../components/display';
 import { getAvatarURL } from '../../utils';
 const Profile = (props) => {
@@ -22,14 +17,7 @@ const Profile = (props) => {
 };
 export const UserProfileAvatar = (props) => {
     const { onClick, user, size } = props;
-    return (user ?
-        onClick
-            ?
-                _jsx(Link, { href: "javascript: return false;", onClick: onClick, children: _jsx(Profile, { ...props }) })
-            :
-                _jsx(Profile, { ...props })
-        :
-            _jsx(AvatarSkeleton, { size: size }));
+    return user ? (onClick ? (_jsx(Link, { href: "javascript: return false;", onClick: onClick, children: _jsx(Profile, { ...props }) })) : (_jsx(Profile, { ...props }))) : (_jsx(AvatarSkeleton, { size: size }));
 };
 UserProfileAvatar.defaultProps = {
     size: 100,

package/lib/components/avatars/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 './BoringAvatar';
 export * from './UserProfileAvatar';

package/lib/components/banners/NoAutomationBanner.js

@@ -3,16 +3,11 @@ 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 { Link } from "@primer/react";
-import { Banner } from "@primer/react/experimental";
-import { useNavigate } from "../../hooks";
+import { Link } from '@primer/react';
+import { Banner } from '@primer/react/experimental';
+import { useNavigate } from '../../hooks';
 export const NoAutomationBanner = () => {
     const navigate = useNavigate();
-    return (_jsx(_Fragment, { children: _jsx(Banner, { title: "Warning", description: _jsxs(_Fragment, { children: ["We don't have bandwidth to automate this feature. ", _jsx(Link, { href: "", onClick: e => navigate('/contact', e), children: "Please reach out" }), " to prioritize this."] }), primaryAction: _jsx(Banner.PrimaryAction, { onClick: e => navigate('/contact', e), children: "Reach out" }), variant: "warning" }) }));
+    return (_jsx(_Fragment, { children: _jsx(Banner, { title: "Warning", description: _jsxs(_Fragment, { children: ["We don't have bandwidth to automate this feature.", ' ', _jsx(Link, { href: "", onClick: e => navigate('/contact', e), children: "Please reach out" }), ' ', "to prioritize this."] }), primaryAction: _jsx(Banner.PrimaryAction, { onClick: e => navigate('/contact', e), children: "Reach out" }), variant: "warning" }) }));
 };
 export default NoAutomationBanner;

package/lib/components/banners/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 './NoAutomationBanner';

package/lib/components/buttons/DownloadCSVButton.d.ts

@@ -1,6 +1,6 @@
 import { VariantType } from './VariantType';
 type IDownloadCSVButtonProps = {
-    data?: {};
+    data?: object;
     fileName: string;
     variant: VariantType;
 };

package/lib/components/buttons/DownloadCSVButton.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 { Button } from '@primer/react';
 import { DownloadIcon } from '@primer/octicons-react';
 import { downloadCSV } from '../../utils';
@@ -16,6 +11,6 @@ export const DownloadCSVButton = (props) => {
     return (_jsx(Button, { variant: variant, leadingVisual: DownloadIcon, onClick: e => downloadCSV(data, fileName), children: "Download" }));
 };
 DownloadCSVButton.defaultProps = {
-    variant: "default",
+    variant: 'default',
 };
 export default DownloadCSVButton;

package/lib/components/buttons/DownloadJsonButton.d.ts

@@ -1,6 +1,6 @@
 import { VariantType } from './VariantType';
 type IDownloadJsonButtonProps = {
-    data?: {};
+    data?: object;
     fileName: string;
     extension: string;
     variant: VariantType;

package/lib/components/buttons/DownloadJsonButton.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 { Button } from '@primer/react';
 import { DownloadIcon } from '@primer/octicons-react';
 import { downloadJson } from '../../utils';

package/lib/components/buttons/LongActionButton.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, useState } from 'react';
 import { IconButton, Spinner } from '@primer/react';
 /**

package/lib/components/buttons/UploadButton.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 { useCallback, useMemo, useRef } from 'react';
 import { Button, IconButton } from '@primer/react';
 import { UploadIcon } from '@primer/octicons-react';
@@ -43,6 +38,6 @@ export function UploadButton(props) {
     return _jsx(UploadBaseButton, { buttonFactory: factory, ...others });
 }
 UploadButton.defaultProps = {
-    variant: "primary",
+    variant: 'primary',
 };
 export default UploadButton;

package/lib/components/buttons/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 './DownloadCSVButton';
 export * from './DownloadJsonButton';
 export * from './LongActionButton';

package/lib/components/checkout/StripeCheckout.d.ts

@@ -27,6 +27,6 @@ export interface IPrice {
 /**
  * Stripe checkout.
  */
-export declare function StripeCheckout({ checkoutPortal }: {
+export declare function StripeCheckout({ checkoutPortal, }: {
     checkoutPortal: ICheckoutPortal | null;
 }): import("react/jsx-runtime").JSX.Element;

package/lib/components/checkout/StripeCheckout.js

@@ -3,20 +3,15 @@ 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 { createElement, useCallback, useEffect, useState } from 'react';
 import { Button, Flash, FormControl, Spinner, Text } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { useCache } from '../../hooks';
 import { useIAMStore } from '../../state';
 /**
  * Stripe checkout.
  */
-export function StripeCheckout({ checkoutPortal }) {
+export function StripeCheckout({ checkoutPortal, }) {
     const { iamRunUrl } = useIAMStore();
     const { createCheckoutSession, refreshStripePrices } = useCache();
     const [stripe, setStripe] = useState(null);
@@ -75,7 +70,7 @@ export function StripeCheckout({ checkoutPortal }) {
                         display: 'grid',
                         gap: 'var(--stack-gap-normal)',
                         gridTemplateColumns: Array(items.length).fill('1fr').join(' '),
-                        padding: 'var(--stack-padding-normal) 0'
+                        padding: 'var(--stack-padding-normal) 0',
                     }, children: items.map(item => (_jsx(Box, { role: "radio", "aria-labelledby": `checkout-price-${item.id}`, "aria-checked": product?.id === item.id, onClick: () => {
                             setProduct(item);
                         }, sx: {
@@ -86,12 +81,12 @@ export function StripeCheckout({ checkoutPortal }) {
                                 ? 'var(--borderColor-accent-emphasis)'
                                 : 'var(--borderColor-default)',
                             padding: 'var(--stack-padding-condensed)',
-                            cursor: 'pointer'
+                            cursor: 'pointer',
                         }, children: _jsxs(FormControl, { sx: {
-                                alignItems: 'center'
+                                alignItems: 'center',
                             }, children: [_jsx(FormControl.Label, { id: `checkout-price-${item.id}`, sx: { alignSelf: 'center' }, children: item.name }), _jsx(Text, { as: "p", children: new Intl.NumberFormat(undefined, {
                                         style: 'currency',
-                                        currency: item.currency
+                                        currency: item.currency,
                                     }).format(item.amount / 100) }), _jsxs(Text, { as: "p", children: [item.credits, " credits"] })] }, item.id) }))) }), _jsx(Button, { variant: "primary", onClick: () => {
                         setCheckout(true);
                     }, disabled: product === null, sx: { float: 'right' }, children: "Checkout" })] })) : (_jsx(Box, { children: _jsx(Flash, { variant: "danger", children: "Unable to fetch the available products. Please try again later." }) }));

package/lib/components/checkout/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 './StripeCheckout';

package/lib/components/confetti/ConfettiSuccess.js

@@ -3,15 +3,10 @@ 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 { useWindowSize } from 'usehooks-ts';
 import Confetti from 'react-confetti';
 export const ConfettiSuccess = () => {
     const { width, height } = useWindowSize();
-    return (_jsx(Confetti, { width: width, height: height }));
+    return _jsx(Confetti, { width: width, height: height });
 };
 export default ConfettiSuccess;

package/lib/components/confetti/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 './ConfettiSuccess';

package/lib/components/context/OrganizationSelect.js

@@ -3,16 +3,11 @@ 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 { useState, useEffect, useCallback } from "react";
-import { Select } from "@primer/react";
-import { useCache, useUser } from "./../../hooks";
-import { useLayoutStore } from "../../state";
-const NO_ORGANIZATION_SELECTED_VALUE = "NO_ORGANIZATION_SELECTED_VALUE";
+import { useState, useEffect, useCallback } from 'react';
+import { Select } from '@primer/react';
+import { useCache, useUser } from './../../hooks';
+import { useLayoutStore } from '../../state';
+const NO_ORGANIZATION_SELECTED_VALUE = 'NO_ORGANIZATION_SELECTED_VALUE';
 export const OrganizationSelect = () => {
     const user = useUser();
     const { organization, updateLayoutOrganization, updateLayoutSpace } = useLayoutStore();

package/lib/components/context/SpaceSelect.js

@@ -3,20 +3,15 @@ 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 { useState, useEffect, useCallback } from "react";
-import { FormControl, Select } from "@primer/react";
-import { Box } from "@datalayer/primer-addons";
-import { useCache, useUser } from "./../../hooks";
-import { useLayoutStore } from "../../state";
+import { useState, useEffect, useCallback } from 'react';
+import { FormControl, Select } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { useCache, useUser } from './../../hooks';
+import { useLayoutStore } from '../../state';
 export const SpaceSelect = () => {
     const user = useUser();
     const { organization, space, updateLayoutSpace } = useLayoutStore();
-    const { refreshUserSpaces, getUserSpaces, refreshOrganizationSpaces, getOrganizationSpaces } = useCache();
+    const { refreshUserSpaces, getUserSpaces, refreshOrganizationSpaces, getOrganizationSpaces, } = useCache();
     const [spaces, setSpaces] = useState([]);
     const [_, setSelection] = useState(space);
     useEffect(() => {
@@ -37,7 +32,7 @@ export const SpaceSelect = () => {
     }, [user, organization]);
     const onSelectionChange = useCallback((e) => {
         const selectedSpace = e.target.value;
-        const org = (selectedSpace === undefined)
+        const org = selectedSpace === undefined
             ? undefined
             : spaces[parseInt(selectedSpace, 10)];
         setSelection(org);

package/lib/components/context/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 './OrganizationSelect';
 export * from './SpaceSelect';

package/lib/components/display/AvatarSkeleton.js

@@ -3,12 +3,7 @@ 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 { SkeletonAvatar } from "@primer/react/experimental";
+import { SkeletonAvatar } from '@primer/react/experimental';
 export const AvatarSkeleton = (props) => {
     const { size } = props;
     return (_jsx(_Fragment, { children: _jsx(SkeletonAvatar, { size: size }) }));