@datalayer/core 0.0.1 → 0.0.2

package/lib/components/flashes/surveys/SurveyProps.d.ts

@@ -0,0 +1,6 @@
+export type ISurveyProps = {
+    formData?: any;
+    readonly?: boolean;
+    onSubmit?: (data: any, e: any) => void;
+};
+export default ISurveyProps;

package/lib/components/flashes/surveys/SurveyProps.js

@@ -0,0 +1,5 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export {};

package/lib/components/flashes/surveys/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SurveyProps';
+export * from './Survey2025_1';

package/lib/components/flashes/surveys/index.js

@@ -0,0 +1,11 @@
+/*
+ * 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 './SurveyProps';
+export * from './Survey2025_1';

package/lib/components/iam/ExternalTokenSilentLogin.d.ts

@@ -0,0 +1,5 @@
+type IExternalTokenSilentLoginProps = {
+    message: string;
+};
+export declare const ExternalTokenSilentLogin: (props: IExternalTokenSilentLoginProps) => import("react/jsx-runtime").JSX.Element;
+export default ExternalTokenSilentLogin;

package/lib/components/iam/ExternalTokenSilentLogin.js

@@ -0,0 +1,38 @@
+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 { useEffect } from 'react';
+import { MemoryRouter, Routes, Route } from 'react-router-dom';
+import { CenteredSpinner } from '../../components/display';
+import { useIAMStore } from '../../state';
+import { useToast, useIAM } from '../../hooks';
+const ExternalTokenSilentLoginRoute = (props) => {
+    const { message } = props;
+    const { loginAndNavigate } = useIAM();
+    const { logout, checkIAMToken, externalToken } = useIAMStore();
+    const { enqueueToast } = useToast();
+    useEffect(() => {
+        if (externalToken) {
+            loginAndNavigate(externalToken, logout, checkIAMToken)
+                .catch(error => {
+                console.debug('Failed to login with the provided token.', error);
+                enqueueToast('Failed to login with the provided token.', { variant: 'error' });
+            })
+                .finally(() => {
+                enqueueToast('Runtimes are available.', { variant: 'success' });
+            });
+        }
+    }, [externalToken]);
+    return (_jsx(CenteredSpinner, { size: "small", message: message }));
+};
+export const ExternalTokenSilentLogin = (props) => {
+    return (_jsx(MemoryRouter, { initialEntries: ["/"], children: _jsx(Routes, { children: _jsx(Route, { path: "*", element: _jsx(ExternalTokenSilentLoginRoute, { ...props }) }) }) }));
+};
+export default ExternalTokenSilentLogin;

package/lib/components/iam/index.d.ts

@@ -0,0 +1 @@
+export * from './ExternalTokenSilentLogin';

package/lib/components/iam/index.js

@@ -0,0 +1,10 @@
+/*
+ * 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 './ExternalTokenSilentLogin';

package/lib/components/icons/ArtifactIcon.d.ts

@@ -0,0 +1,10 @@
+import { Icon } from "@primer/octicons-react";
+import { IAnyItem, IItemType } from "../../models";
+type IArtifactIconClassProp = {
+    item?: IAnyItem;
+    type?: IItemType;
+    size?: number | 'small' | 'medium' | 'large';
+};
+export declare const ArtifactIconClass: (props: IArtifactIconClassProp) => Icon;
+export declare function ArtifactIcon(props: IArtifactIconClassProp): JSX.Element;
+export default ArtifactIcon;

package/lib/components/icons/ArtifactIcon.js

@@ -0,0 +1,63 @@
+/*
+ * 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 } from "react";
+import { DatabaseIcon, RowsIcon, BookIcon, DiffModifiedIcon, PencilIcon, FeedIssueDraftIcon, FeedRocketIcon, MilestoneIcon, OrganizationIcon, PeopleIcon, RocketIcon, FileIcon, StackIcon, GearIcon, GraphIcon, NumberIcon, PaperAirplaneIcon, ArchiveIcon, TagIcon, MortarBoardIcon, ContainerIcon, HomeIcon, ShareIcon, FileDirectoryIcon, TrophyIcon, QuestionIcon, PersonIcon, MailIcon, ZapIcon, } from "@primer/octicons-react";
+import { GalileoIcon, CircleWhiteIcon, BookOpenIcon, CameraIcon, CellIcon, NotebookOutlineIcon } from '@datalayer/icons-react';
+const ARTIFACT_ICONS = new Map([
+    ["assignment", MilestoneIcon],
+    ["authoring", PencilIcon],
+    ["cell", CellIcon],
+    ["content", ArchiveIcon],
+    ["credits", NumberIcon],
+    ["dataset", StackIcon],
+    ["datasource", DatabaseIcon],
+    ["document", FileIcon],
+    ["documentation", BookOpenIcon],
+    ["environment", ContainerIcon],
+    ["exercise", DiffModifiedIcon],
+    ["growth", FeedRocketIcon],
+    ["home", HomeIcon],
+    ["invite", PaperAirplaneIcon],
+    ["runtime", RocketIcon],
+    ["runtime-snapshot", CameraIcon],
+    ["library", BookIcon],
+    ["lesson", MortarBoardIcon],
+    ["mail", MailIcon],
+    ["management", FeedIssueDraftIcon],
+    ["notebook", RowsIcon],
+    ["organization", OrganizationIcon],
+    ["onboarding", ZapIcon],
+    ["page", NotebookOutlineIcon],
+    ["settings", GearIcon],
+    ["share", ShareIcon],
+    ["space", GalileoIcon],
+    ["success", TrophyIcon],
+    ["support", QuestionIcon],
+    ["storage", FileDirectoryIcon],
+    ["tag", TagIcon],
+    ["team", PeopleIcon],
+    ["usage", GraphIcon],
+    ["user", PersonIcon],
+    ["undefined", CircleWhiteIcon],
+]);
+export const ArtifactIconClass = (props) => {
+    const { item, type } = props;
+    const itemType = item?.type ?? type ?? "undefined";
+    const icon = ARTIFACT_ICONS.get(itemType);
+    return icon ?? CircleWhiteIcon;
+};
+export function ArtifactIcon(props) {
+    const { size } = props;
+    const artifactIconClass = ArtifactIconClass(props);
+    return createElement(artifactIconClass, {
+        size: size ?? 16,
+    });
+}
+export default ArtifactIcon;

package/lib/components/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './ArtifactIcon';

package/lib/components/icons/index.js

@@ -0,0 +1,10 @@
+/*
+ * 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 './ArtifactIcon';

package/lib/components/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export {};
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */

package/lib/components/labels/VisibilityLabel.d.ts

@@ -0,0 +1,4 @@
+export declare const VisibilityLabel: (props: {
+    isPublic: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default VisibilityLabel;

package/lib/components/labels/VisibilityLabel.js

@@ -0,0 +1,22 @@
+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 { Label } from "@primer/react";
+export const VisibilityLabel = (props) => {
+    const { isPublic } = props;
+    if (isPublic === undefined) {
+        return _jsx(_Fragment, {});
+    }
+    return (isPublic ?
+        _jsx(Label, { variant: "success", sx: { marginLeft: 3 }, children: "Public" })
+        :
+            _jsx(Label, { variant: "danger", sx: { marginLeft: 3 }, children: "Private" }));
+};
+export default VisibilityLabel;

package/lib/components/labels/index.d.ts

@@ -0,0 +1 @@
+export * from './VisibilityLabel';

package/lib/components/labels/index.js

@@ -0,0 +1,10 @@
+/*
+ * 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 './VisibilityLabel';

package/lib/components/landings/StepBlock.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from "@primer/octicons-react";
+type IStepBlockProps = {
+    date: string;
+    title: string;
+    description: string;
+    StepIcon: React.FC<IconProps & {
+        colored?: boolean;
+    }>;
+};
+export declare const StepBlock: (props: IStepBlockProps) => import("react/jsx-runtime").JSX.Element;
+export default StepBlock;

package/lib/components/landings/StepBlock.js

@@ -0,0 +1,17 @@
+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 { AnimationProvider, Stack, Heading, Text, Animate, Prose } from "@primer/react-brand";
+import styles from './../../../style/animation/Animation.module.css';
+export const StepBlock = (props) => {
+    const { date, title, description, StepIcon: BlockIcon } = props;
+    return (_jsx(AnimationProvider, { staggerDelayIncrement: 200, children: _jsx("div", { className: styles.TimelineBarExample, children: _jsxs(Stack, { direction: "horizontal", padding: "none", justifyContent: "center", children: [_jsxs(Stack, { direction: "vertical", className: styles.TimelineBarExample__end, children: [_jsx(Heading, { as: "h1", size: "6", animate: "slide-in-right", children: date }), _jsxs(Text, { className: styles.TimelineBarExample__text, as: "p", size: "600", animate: "slide-in-right", children: [_jsx(Text, { className: styles.TimelineBarExample__highlightedText, size: "600", children: title }), ' ', _jsx(Prose, { html: description })] }), _jsx(BlockIcon, { size: 100, colored: true })] }), _jsxs("div", { className: styles.TimelineBarExample__start, children: [_jsx(Animate, { className: styles.TimelineBarExample__line, animate: { variant: 'fill-in-top' } }), _jsx("span", { className: styles.TimelineBarExample__icon, children: _jsx(BlockIcon, { size: 24, fill: "white" }) })] })] }) }) }));
+};
+export default StepBlock;

package/lib/components/landings/index.d.ts

@@ -0,0 +1 @@
+export * from './StepBlock';

package/lib/components/landings/index.js

@@ -0,0 +1,10 @@
+/*
+ * 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 './StepBlock';

package/lib/components/navbar/NavigationVisbilityObserver.d.ts

@@ -0,0 +1,5 @@
+export declare function NavigationVisbilityObserver({ children, className, ...rest }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/navbar/NavigationVisbilityObserver.js

@@ -0,0 +1,63 @@
+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 React, { useCallback, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { ChevronDownIcon } from '@primer/octicons-react';
+import { useVisibilityObserver } from '../../hooks/useVisibilityObserver';
+import { useOnClickOutside } from '../../hooks/useOnClickOutside';
+import { useKeyboardEscape } from '../../hooks/useKeyboardEscape';
+import { useWindowSize } from '../../hooks/useWindowSize';
+import styles from './SubdomainNavBar.module.css';
+export function NavigationVisbilityObserver({ children, className, ...rest }) {
+    const navRef = useRef(null);
+    const [visibilityMap] = useVisibilityObserver(navRef, children);
+    const { isMedium } = useWindowSize();
+    const showOverflow = Object.values(visibilityMap).includes(false);
+    return (_jsxs("ul", { className: clsx(styles['SubdomainNavBar-primary-nav-list'], className), ref: navRef, ...rest, children: [React.Children.map(children, child => {
+                return React.cloneElement(child, {
+                    className: clsx(child.props.className, isMedium &&
+                        !!visibilityMap[child.props['data-navitemid']] &&
+                        styles['SubdomainNavBar-primary-nav-list-item--visible'], isMedium &&
+                        !visibilityMap[child.props['data-navitemid']] &&
+                        styles['SubdomainNavBar-primary-nav-list-item--invisible']),
+                });
+            }), showOverflow && _jsx(AnchoredOverlay, { visibilityMap: visibilityMap, children: children })] }));
+}
+function AnchoredOverlay({ children, className, visibilityMap }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const ref = useRef(null);
+    useOnClickOutside(ref, () => handleClose());
+    const open = Boolean(anchorEl);
+    const handleClick = event => {
+        if (anchorEl) {
+            handleClose();
+        }
+        else {
+            setAnchorEl(event.currentTarget);
+        }
+    };
+    const handleClose = useCallback(() => {
+        setAnchorEl(null);
+    }, []);
+    useKeyboardEscape(handleClose);
+    return (_jsxs("li", { className: clsx(styles['SubdomainNavBar-primary-nav-list-item--overflow'], className), ref: ref, children: [_jsxs("button", { "aria-expanded": open ? 'true' : 'false', "aria-controls": "more-navigation", "aria-haspopup": "true", onClick: handleClick, className: clsx(styles['SubdomainNavBar-link'], styles['SubdomainNavBar-more-link']), children: ["More", _jsx(ChevronDownIcon, {})] }), _jsx("div", { id: "more-navigation", style: { display: open ? 'block' : 'none' }, className: clsx(styles['SubdomainNavBar-overflow-menu']), children: _jsx("ul", { className: clsx(styles['SubdomainNavBar-overflow-menu-list']), children: React.Children.map(children, child => {
+                        if (React.isValidElement(child)) {
+                            const navItemChild = child.props['data-navitemid'];
+                            if (!visibilityMap[navItemChild]) {
+                                return (_jsx(React.Fragment, { children: React.cloneElement(child, {
+                                        onClick: handleClose,
+                                        className: clsx(styles['SubdomainNavBar-overflow-menu-item'], child.props.className),
+                                    }) }));
+                            }
+                        }
+                        return null;
+                    }) }) })] }));
+}

package/lib/components/navbar/SubdomainNavBar.d.ts

@@ -0,0 +1,81 @@
+import React, { PropsWithChildren } from 'react';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css';
+export type SubdomainNavBarProps = {
+    /**
+     * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
+     * `SubdomainNavBar.SecondaryAction` and `SubdomainNavBar.Search`
+     */
+    children?: React.ReactNode | React.ReactElement<LinkProps> | React.ReactElement<SearchProps> | React.ReactElement<CTAActionProps>;
+    /**
+     * Forward a custom HTML class attribute
+     */
+    className?: string;
+    /**
+     * Fixes the navigation bar to the top of the viewport. Defaults to `true`.
+     */
+    fixed?: boolean;
+    /**
+     * Fill the maximum width of the parent container. Defaults to `false`.
+     */
+    fullWidth?: boolean;
+    /**
+     * The title or name of the subdomain. Appears adjacent to the logo and is required for communicating content to assisitive technologies.
+     */
+    title: string;
+    /**
+     * The URL for the site. Typically used to link the titleText prop value to the site root.
+     */
+    titleHref?: string;
+    /**
+     * Optionally change the URL of the logo
+     */
+    logoHref?: string;
+};
+declare function Root({ children, className, fixed, fullWidth, logoHref, title, titleHref, ...rest }: SubdomainNavBarProps): import("react/jsx-runtime").JSX.Element;
+type LinkProps = {
+    href: string;
+    isExternal?: boolean;
+    target?: string;
+} & React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+declare function Link({ href, className, children, isExternal, target, ...rest }: PropsWithChildren<LinkProps>): import("react/jsx-runtime").JSX.Element;
+export type SubdomainNavBarSearchResultProps = {
+    title: string;
+    description: string;
+    url: string;
+    date: string;
+    category?: string;
+};
+type SearchProps = {
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    ref: React.RefObject<HTMLInputElement>;
+    active?: boolean;
+    title?: string;
+    handlerFn?: (event: MouseEvent | TouchEvent | FocusEvent) => void;
+    autoComplete?: boolean;
+    searchResults?: SubdomainNavBarSearchResultProps[];
+    searchTerm?: string;
+};
+type CTAActionProps = {
+    hasArrow?: boolean;
+    size?: string;
+} & React.HTMLAttributes<HTMLAnchorElement>;
+declare function PrimaryAction({ children, ...rest }: PropsWithChildren<CTAActionProps>): import("react/jsx-runtime").JSX.Element;
+declare function SecondaryAction({ children, ...rest }: PropsWithChildren<CTAActionProps>): import("react/jsx-runtime").JSX.Element;
+export declare const SubdomainNavBar: typeof Root & {
+    Link: typeof Link;
+    Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<unknown>>;
+    PrimaryAction: typeof PrimaryAction;
+    SecondaryAction: typeof SecondaryAction;
+    testIds: {
+        root: string;
+        readonly innerContainer: string;
+        readonly menuButton: string;
+        readonly menuLinks: string;
+        readonly liveRegion: string;
+    };
+};
+export {};