@datalayer/core 0.0.2 → 0.0.4

package/lib/stories/assets/tutorials.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><g clip-path="url(#clip0_10031_177597)"><path fill="#B7F0EF" fill-rule="evenodd" d="M17 7.87059C17 6.48214 17.9812 5.28722 19.3431 5.01709L29.5249 2.99755C31.3238 2.64076 33 4.01717 33 5.85105V22.1344C33 23.5229 32.0188 24.7178 30.6569 24.9879L20.4751 27.0074C18.6762 27.3642 17 25.9878 17 24.1539L17 7.87059Z" clip-rule="evenodd" opacity=".7"/><path fill="#87E6E5" fill-rule="evenodd" d="M1 5.85245C1 4.01857 2.67623 2.64215 4.47507 2.99895L14.6569 5.01848C16.0188 5.28861 17 6.48354 17 7.87198V24.1553C17 25.9892 15.3238 27.3656 13.5249 27.0088L3.34311 24.9893C1.98119 24.7192 1 23.5242 1 22.1358V5.85245Z" clip-rule="evenodd"/><path fill="#61C1FD" fill-rule="evenodd" d="M15.543 5.71289C15.543 5.71289 16.8157 5.96289 17.4002 6.57653C17.9847 7.19016 18.4521 9.03107 18.4521 9.03107C18.4521 9.03107 18.4521 25.1106 18.4521 26.9629C18.4521 28.8152 19.3775 31.4174 19.3775 31.4174L17.4002 28.8947L16.2575 31.4174C16.2575 31.4174 15.543 29.0765 15.543 27.122C15.543 25.1674 15.543 5.71289 15.543 5.71289Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_10031_177597"><rect width="32" height="32" fill="#fff" transform="translate(0.5)"/></clipPath></defs></svg>

package/lib/stories/assets/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#ED1D24" d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z"/><path fill="#fff" d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z"/></svg>

package/lib/stories/button.css

@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+.storybook-button {
+  display: inline-block;
+  cursor: pointer;
+  border: 0;
+  border-radius: 3em;
+  font-weight: 700;
+  line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+.storybook-button--primary {
+  background-color: #555ab9;
+  color: white;
+}
+.storybook-button--secondary {
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
+}
+.storybook-button--small {
+  padding: 10px 16px;
+  font-size: 12px;
+}
+.storybook-button--medium {
+  padding: 11px 20px;
+  font-size: 14px;
+}
+.storybook-button--large {
+  padding: 12px 24px;
+  font-size: 16px;
+}

package/lib/stories/header.css

@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+.storybook-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 15px 20px;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.storybook-header svg {
+  display: inline-block;
+  vertical-align: top;
+}
+
+.storybook-header h1 {
+  display: inline-block;
+  vertical-align: top;
+  margin: 6px 0 6px 10px;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 1;
+}
+
+.storybook-header button + button {
+  margin-left: 10px;
+}
+
+.storybook-header .welcome {
+  margin-right: 10px;
+  color: #333;
+  font-size: 14px;
+}

package/lib/stories/page.css

@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+.storybook-page {
+  margin: 0 auto;
+  padding: 48px 20px;
+  max-width: 600px;
+  color: #333;
+  font-size: 14px;
+  line-height: 24px;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.storybook-page h2 {
+  display: inline-block;
+  vertical-align: top;
+  margin: 0 0 4px;
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 1;
+}
+
+.storybook-page p {
+  margin: 1em 0;
+}
+
+.storybook-page a {
+  color: inherit;
+}
+
+.storybook-page ul {
+  margin: 1em 0;
+  padding-left: 30px;
+}
+
+.storybook-page li {
+  margin-bottom: 8px;
+}
+
+.storybook-page .tip {
+  display: inline-block;
+  vertical-align: top;
+  margin-right: 10px;
+  border-radius: 1em;
+  background: #e7fdd8;
+  padding: 4px 12px;
+  color: #357a14;
+  font-weight: 700;
+  font-size: 11px;
+  line-height: 12px;
+}
+
+.storybook-page .tip-wrapper {
+  margin-top: 40px;
+  margin-bottom: 40px;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.storybook-page .tip-wrapper svg {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 3px;
+  margin-right: 4px;
+  width: 12px;
+  height: 12px;
+}
+
+.storybook-page .tip-wrapper svg path {
+  fill: #1ea7fd;
+}

package/lib/test-setup.js

@@ -2,6 +2,78 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export {};
 // Test setup for unit tests
 // Add any global test configuration here
+// Define webpack globals that are expected by some dependencies
+global.__webpack_public_path__ = '';
+// Define other globals that might be needed
+global.global = globalThis;
+// Mock DragEvent and other DOM APIs not available in jsdom
+class MockDragEvent extends Event {
+    dataTransfer = null;
+    constructor(type, init) {
+        super(type, init);
+        this.dataTransfer = init?.dataTransfer || null;
+    }
+}
+// Mock DataTransfer if not available
+class MockDataTransfer {
+    dropEffect = 'none';
+    effectAllowed = 'uninitialized';
+    files = [];
+    items = [];
+    types = [];
+    clearData(format) { }
+    getData(format) {
+        return '';
+    }
+    setData(format, data) { }
+    setDragImage(image, x, y) { }
+}
+// Add missing DOM APIs to global scope
+global.DragEvent = MockDragEvent;
+global.DataTransfer = MockDataTransfer;
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: (query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: () => { }, // deprecated
+        removeListener: () => { }, // deprecated
+        addEventListener: () => { },
+        removeEventListener: () => { },
+        dispatchEvent: () => { },
+    }),
+});
+// Mock Jupyter-related modules to prevent import errors
+import { vi } from 'vitest';
+vi.mock('@datalayer/jupyter-react', () => ({
+    useJupyter: () => ({
+        defaultKernel: null,
+        serviceManager: null,
+    }),
+    JupyterReactTheme: ({ children }) => children,
+    CollaborationProviderBase: class CollaborationProviderBase {
+    },
+    CollaborationStatus: {
+        IDLE: 'idle',
+        CONNECTING: 'connecting',
+        CONNECTED: 'connected',
+        DISCONNECTED: 'disconnected',
+    },
+}));
+vi.mock('@jupyter/web-components', () => ({}));
+vi.mock('@jupyter/ydoc', () => ({
+    YNotebook: class YNotebook {
+    },
+}));
+vi.mock('y-websocket', () => ({
+    WebsocketProvider: class WebsocketProvider {
+        constructor() { }
+        connect() { }
+        disconnect() { }
+        destroy() { }
+    },
+}));

package/lib/theme/DatalayerTheme.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
- */
 import { theme as primerTheme } from '@primer/react';
 import cloneDeep from 'lodash/cloneDeep.js';
 import merge from 'lodash/merge.js';
@@ -47,7 +42,7 @@ const datalayerThemeDefs = {
         dark: {
             colors: {},
             shadows: {},
-        }
+        },
     },
 };
 const { colorSchemes: primerSchemes, ...primerOthers } = cloneDeep(primerTheme);

package/lib/theme/DatalayerThemeProvider.js

@@ -3,13 +3,8 @@ 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, useState } from 'react';
-import { BaseStyles, ThemeProvider as PrimerThemeProvider } from '@primer/react';
+import { BaseStyles, ThemeProvider as PrimerThemeProvider, } from '@primer/react';
 import { loadJupyterConfig, jupyterLabTheme } from '@datalayer/jupyter-react';
 import { datalayerTheme } from '../theme';
 import { useRuntimesStore } from '../state';
@@ -33,7 +28,9 @@ export function DatalayerThemeProvider(props) {
                 setColorMode(matches ? 'dark' : 'light');
             }
             function updateColorMode(themeManager) {
-                setColorMode(themeManager.theme && !themeManager.isLight(themeManager.theme) ? 'dark' : 'light');
+                setColorMode(themeManager.theme && !themeManager.isLight(themeManager.theme)
+                    ? 'dark'
+                    : 'light');
             }
             if (inJupyterLab) {
                 // TODO remove the try/catch for JupyterLab > 4.1.
@@ -53,22 +50,23 @@ export function DatalayerThemeProvider(props) {
             }
             else {
                 colorSchemeFromMedia({
-                    matches: window.matchMedia('(prefers-color-scheme: dark)').matches
+                    matches: window.matchMedia('(prefers-color-scheme: dark)').matches,
                 });
-                window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', colorSchemeFromMedia);
+                window
+                    .matchMedia('(prefers-color-scheme: dark)')
+                    .addEventListener('change', colorSchemeFromMedia);
                 return () => {
-                    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', colorSchemeFromMedia);
+                    window
+                        .matchMedia('(prefers-color-scheme: dark)')
+                        .removeEventListener('change', colorSchemeFromMedia);
                 };
             }
         }
     }, [inJupyterLab, jupyterLabAdapter]);
-    return (inJupyterLab !== undefined ?
-        _jsx(PrimerThemeProvider, { colorMode: colorMode, theme: inJupyterLab ? jupyterLabTheme : datalayerTheme, ...rest, children: _jsx(BaseStyles, { style: {
-                    backgroundColor: 'var(--bgColor-default)',
-                    color: 'var(--fgColor-default)',
-                    fontSize: 'var(--text-body-size-medium)',
-                    ...baseStyles
-                }, children: children }) })
-        :
-            _jsx(_Fragment, {}));
+    return inJupyterLab !== undefined ? (_jsx(PrimerThemeProvider, { colorMode: colorMode, theme: inJupyterLab ? jupyterLabTheme : datalayerTheme, ...rest, children: _jsx(BaseStyles, { style: {
+                backgroundColor: 'var(--bgColor-default)',
+                color: 'var(--fgColor-default)',
+                fontSize: 'var(--text-body-size-medium)',
+                ...baseStyles,
+            }, children: children }) })) : (_jsx(_Fragment, {}));
 }

package/lib/theme/Palette.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
- */
 const JUPYTERLAB_COLLABORATORS_COLORS = {
     '--jp-collaborator-color1': '#ffad8e',
     '--jp-collaborator-color2': '#dac83d',
@@ -14,7 +9,7 @@ const JUPYTERLAB_COLLABORATORS_COLORS = {
     '--jp-collaborator-color4': '#00e4d0',
     '--jp-collaborator-color5': '#45d4ff',
     '--jp-collaborator-color6': '#e2b1ff',
-    '--jp-collaborator-color7': '#ff9de6'
+    '--jp-collaborator-color7': '#ff9de6',
 };
 export const jpCssToColor = (cssVariableName) => {
     return JUPYTERLAB_COLLABORATORS_COLORS[cssVariableName.replaceAll('var(', '').replaceAll(')', '')];

package/lib/theme/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 './DatalayerTheme';
 export * from './DatalayerThemeProvider';
 export * from './Palette';

package/lib/utils/Array.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 const asArray = (obj) => {
     if (Array.isArray(obj)) {
         return obj;

package/lib/utils/Avatar.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 const DEFAULT_AVATAR_URL = 'https://avatars.githubusercontent.com/u/70511875?s=200&v=4';
 export const DEFAULT_AVATAR_URL_ENCODED = encodeURIComponent(DEFAULT_AVATAR_URL);
 function stringToColor(string) {
@@ -31,8 +26,8 @@ export function stringAvatar(name) {
     };
 }
 export function getAvatarURL(url) {
-    return url ?
-        url.startsWith('https://www.gravatar.com/avatar')
+    return url
+        ? url.startsWith('https://www.gravatar.com/avatar')
             ? `${url}?v=4&s=200&d=${DEFAULT_AVATAR_URL_ENCODED}` // Use gravatar syntax - sizing works for Gravatar and GitHub
             : url
         : DEFAULT_AVATAR_URL; // This fallback should barely be used - hence we allow decoding the URI.

package/lib/utils/Browser.js

@@ -2,33 +2,28 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 // https://stackoverflow.com/questions/49328382/browser-detection-in-reactjs
 // https://codepedia.info/detect-browser-in-javascript
 export const detectBrowser = () => {
     const userAgent = navigator.userAgent;
     let browserName;
     if (userAgent.match(/chrome|chromium|crios/i)) {
-        browserName = "chrome";
+        browserName = 'chrome';
     }
     else if (userAgent.match(/firefox|fxios/i)) {
-        browserName = "firefox";
+        browserName = 'firefox';
     }
     else if (userAgent.match(/safari/i)) {
-        browserName = "safari";
+        browserName = 'safari';
     }
     else if (userAgent.match(/opr\//i)) {
-        browserName = "opera";
+        browserName = 'opera';
     }
     else if (userAgent.match(/edg/i)) {
-        browserName = "edge";
+        browserName = 'edge';
     }
     else {
-        browserName = "Unknow browser.";
+        browserName = 'Unknow browser.';
     }
     return browserName;
 };

package/lib/utils/Cells.d.ts

@@ -1,2 +1,2 @@
-import { IDataset } from "../models";
+import { IDataset } from '../models';
 export declare const getDatasetCell: (dataset: IDataset) => string;

package/lib/utils/Cookie.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
- */
 /**
  * Get a cookie from the document.
  */
@@ -21,7 +16,7 @@ export function getCookie(cname) {
         return cookie;
     }
     // From https://www.w3schools.com/js/js_cookies.asp
-    const name = cname + "=";
+    const name = cname + '=';
     const decodedCookie = decodeURIComponent(document.cookie);
     const ca = decodedCookie.split(';');
     for (let i = 0; i < ca.length; i++) {

package/lib/utils/Date.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
- */
 //- Taken from https://stackoverflow.com/questions/6108819/javascript-timestamp-to-relative-time
 // in miliseconds
 const units = {
@@ -15,14 +10,14 @@ const units = {
     day: 24 * 60 * 60 * 1000,
     hour: 60 * 60 * 1000,
     minute: 60 * 1000,
-    second: 1000
+    second: 1000,
 };
 const rtf = new Intl.RelativeTimeFormat(undefined, {
     numeric: 'auto',
-    style: 'short'
+    style: 'short',
 });
 export const getRelativeTime = (d1, d2 = new Date()) => {
-    var elapsed = d1.getTime() - d2.getTime();
+    const elapsed = d1.getTime() - d2.getTime();
     // "Math.abs" accounts for both "past" & "future" scenarios
     for (const u in units)
         if (Math.abs(elapsed) > units[u] || u === 'second')
@@ -34,8 +29,8 @@ const p = (i) => {
     return i > 1 ? 's' : '';
 };
 export const timeSince = (date) => {
-    var seconds = Math.floor((new Date().getTime() - date.getTime()) / 1000);
-    var interval = seconds / 31536000;
+    const seconds = Math.floor((new Date().getTime() - date.getTime()) / 1000);
+    let interval = seconds / 31536000;
     if (interval > 1) {
         const i = Math.floor(interval);
         return i + ` year${p(i)}`;

package/lib/utils/Download.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 function jsonToCSVString(json) {
     const headers = Object.keys(json[0]);
     let csvString = '';
@@ -14,10 +9,10 @@ export function jsonToCSVString(json) {
     json.forEach(obj => {
         const rowCells = headers.map(header => {
             const val = obj[header];
-            if (typeof val === "number") {
+            if (typeof val === 'number') {
                 return val;
             }
-            if (typeof val === "string") {
+            if (typeof val === 'string') {
                 return val;
             }
             if (val instanceof Date) {
@@ -31,7 +26,9 @@ export function jsonToCSVString(json) {
     return csvString;
 }
 export const downloadJson = (data, fileName, extension) => {
-    const jsonData = new Blob([JSON.stringify(data)], { type: 'application/json' });
+    const jsonData = new Blob([JSON.stringify(data)], {
+        type: 'application/json',
+    });
     const jsonURL = URL.createObjectURL(jsonData);
     const jsonLink = document.createElement('a');
     jsonLink.href = jsonURL;

package/lib/utils/DownloadFile.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
- */
 /**
  * @param data
  * @param filename
@@ -16,9 +11,11 @@
  * .zip	ZIP archive	application/zip
  */
 export const downloadFile = (data, filename, mime, bom) => {
-    const blobData = (typeof bom !== 'undefined') ? [bom, data] : [data];
+    const blobData = typeof bom !== 'undefined' ? [bom, data] : [data];
     const blob = new Blob(blobData, { type: mime || 'application/octet-stream' });
-    const blobURL = (window.URL && window.URL.createObjectURL) ? window.URL.createObjectURL(blob) : window.webkitURL.createObjectURL(blob);
+    const blobURL = window.URL && window.URL.createObjectURL
+        ? window.URL.createObjectURL(blob)
+        : window.webkitURL.createObjectURL(blob);
     const tempLink = document.createElement('a');
     tempLink.style.display = 'none';
     tempLink.href = blobURL;

package/lib/utils/Env.js

@@ -2,11 +2,7 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export const isDevDeployment = () => {
-    return location.hostname.startsWith('dev') || location.hostname.startsWith('localhost');
+    return (location.hostname.startsWith('dev') ||
+        location.hostname.startsWith('localhost'));
 };

package/lib/utils/File.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
- */
 /**
  * creates name of file.
  *

package/lib/utils/Ids.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
- */
 import { v4 as uuid_v4 } from 'uuid';
 import { ulid } from 'ulid';
 export const newUuid = () => {

package/lib/utils/Jupyter.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
- */
 import { PageConfig } from '@jupyterlab/coreutils';
 let _insideJupyterLab = null;
 export function isInsideJupyterLab() {

package/lib/utils/Lazy.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType } from "react";
+import { ComponentType } from 'react';
 export type PreloadableComponent<T extends ComponentType<any>> = T & {
     preload: () => Promise<void>;
 };

package/lib/utils/Lazy.js

@@ -2,13 +2,7 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-// Taken from https://github.com/ianschmitz/react-lazy-with-preload with Datalayer License.
-import { createElement, forwardRef, lazy as reactLazy } from "react";
+import { createElement, forwardRef, lazy as reactLazy, } from 'react';
 export function lazyWithPreload(factory) {
     const LazyComponent = reactLazy(factory);
     let factoryPromise;
@@ -18,7 +12,7 @@ export function lazyWithPreload(factory) {
     });
     Component.preload = () => {
         if (!factoryPromise) {
-            factoryPromise = factory().then((module) => {
+            factoryPromise = factory().then(module => {
                 LoadedComponent = module.default;
             });
         }