@datalayer/core 1.0.23 → 1.0.25

package/lib/views/iam-tokens/IAMTokenNew.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useEffect, useState } from 'react';
-import { PageHeader, FormControl, Button, TextInput, Textarea, Select, Text, IconButton, } from '@primer/react';
-import { Box } from '@datalayer/primer-addons';
-import { CopyIcon } from '@primer/octicons-react';
-import { Calendar, defaultCalendarStrings } from '@fluentui/react';
-import { useCache, useNavigate, useToast } from '../../hooks/index.js';
-import { useRunStore } from '../../state/index.js';
-export const IAMTokenNew = ({ tokensListRoute = '/settings/iam/tokens', showTitle = true, } = {}) => {
-    const runStore = useRunStore();
-    const { useCreateToken } = useCache();
-    const createTokenMutation = useCreateToken();
-    const navigate = useNavigate();
-    const { enqueueToast } = useToast();
-    const [today, _] = useState(new Date());
-    const [showToken, setShowToken] = useState(false);
-    const [token, setToken] = useState();
-    const [formValues, setFormValues] = useState({
-        variant: 'user_token',
-        name: undefined,
-        description: undefined,
-        expirationDate: undefined,
-    });
-    const [validationResult, setValidationResult] = useState({
-        variant: undefined,
-        name: undefined,
-        description: undefined,
-        expirationDate: undefined,
-    });
-    const valueVariantChange = (event) => {
-        setFormValues(prevFormValues => ({
-            ...prevFormValues,
-            variant: event.target.value,
-        }));
-    };
-    const valueNameChange = (event) => {
-        setFormValues(prevFormValues => ({
-            ...prevFormValues,
-            name: event.target.value,
-        }));
-    };
-    const valueDescriptionChange = (event) => {
-        setFormValues(prevFormValues => ({
-            ...prevFormValues,
-            description: event.target.value,
-        }));
-    };
-    const expirationDateChange = (expirationDate) => {
-        setFormValues(prevFormValues => ({
-            ...prevFormValues,
-            expirationDate,
-        }));
-    };
-    useEffect(() => {
-        setValidationResult({
-            ...validationResult,
-            name: formValues.name === undefined
-                ? undefined
-                : formValues.name.length > 2
-                    ? true
-                    : false,
-            description: formValues.description === undefined
-                ? undefined
-                : formValues.description.length > 2
-                    ? true
-                    : false,
-            expirationDate: formValues.expirationDate === undefined
-                ? undefined
-                : formValues.expirationDate.getTime() > today.getTime()
-                    ? true
-                    : false,
-        });
-    }, [formValues]);
-    const valueSubmit = () => {
-        runStore.layout().showBackdrop('Creating an token...');
-        createTokenMutation.mutate({
-            name: formValues.name,
-            variant: formValues.variant,
-            description: formValues.description,
-            expirationDate: formValues.expirationDate,
-        }, {
-            onSuccess: (resp) => {
-                if (resp.success && resp.token) {
-                    enqueueToast(resp.message, { variant: 'success' });
-                    setToken(resp.token);
-                    setShowToken(true);
-                }
-            },
-            onSettled: () => {
-                runStore.layout().hideBackdrop();
-            },
-        });
-    };
-    return (_jsx(Box, { children: showToken ? (_jsxs(_Fragment, { children: [_jsx(PageHeader, { children: _jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "Your API Key is created" }) }) }), _jsx(Box, { children: _jsx(Text, { children: "Take note of the API Key value, you will not be able to see it after." }) }), _jsx(Box, { children: _jsxs(Text, { children: ["Name: ", token?.name] }) }), _jsx(Box, { children: _jsxs(Text, { children: ["Description: ", token?.description] }) }), _jsx(Box, { children: _jsxs(Text, { children: ["Expiration date: ", token?.expirationDate.toISOString()] }) }), _jsxs(Box, { children: [_jsx(Text, { mb: 2, children: "Value: " }), _jsxs(Box, { display: "flex", sx: { alignItems: 'center', gap: 2 }, children: [_jsx(Text, { as: "code", sx: {
-                                        color: 'fg.onEmphasis',
-                                        bg: 'neutral.emphasis',
-                                        p: 2,
-                                        overflowWrap: 'anywhere',
-                                        flex: 1,
-                                    }, children: token?.value }), _jsx(IconButton, { "aria-label": "Copy token to clipboard", icon: CopyIcon, size: "small", onClick: () => {
-                                        if (token?.value) {
-                                            navigator.clipboard.writeText(token.value);
-                                            enqueueToast('Token copied to clipboard', {
-                                                variant: 'success',
-                                            });
-                                        }
-                                    } })] })] }), _jsx(Box, { mt: 3, children: _jsx(Button, { onClick: e => navigate(tokensListRoute, e), children: "List my API Keys" }) })] })) : (_jsxs(_Fragment, { children: [showTitle ? (_jsx(PageHeader, { children: _jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "New API Key" }) }) })) : null, _jsx(Box, { display: "grid", gridTemplateColumns: "1fr 1fr", sx: { gap: 3 }, children: _jsx(Box, { children: _jsxs(Box, { sx: { label: { marginTop: 2 } }, children: [_jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Token type" }), _jsx(Select, { name: "type", value: formValues.variant, onChange: valueVariantChange, children: _jsx(Select.Option, { value: "user_token", children: "User Token" }) }), _jsx(FormControl.Caption, { children: "Pick the most appropriate token type." })] }), _jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Name" }), _jsx(TextInput, { block: true, value: formValues.name, onChange: valueNameChange, autoFocus: true }), _jsx(FormControl.Caption, { children: "Hint: The token name is a short name that identifies in a unique way your token." }), validationResult.name === false && (_jsx(FormControl.Validation, { variant: "error", children: "Name length must be between 2 and 32 characters." }))] }), _jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Expiration day" }), _jsx(Calendar, { showGoToToday: true, onSelectDate: expirationDateChange, value: formValues.expirationDate, strings: defaultCalendarStrings }), validationResult.expirationDate !== true ? (_jsx(FormControl.Validation, { variant: "error", children: "Pick an expiration date in the future." })) : (_jsxs(FormControl.Validation, { variant: "success", children: ["Expiration date:", ' ', formValues.expirationDate?.toLocaleDateString(), "."] }))] }), _jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Description" }), _jsx(Textarea, { block: true, value: formValues.description, onChange: valueDescriptionChange }), validationResult.description === false && (_jsx(FormControl.Validation, { variant: "error", children: "Description must have more than 2 characters." }))] }), _jsx(Button, { variant: "primary", disabled: !validationResult.name ||
-                                        !validationResult.description ||
-                                        !validationResult.expirationDate, sx: { marginTop: 2 }, onClick: e => {
-                                        e.preventDefault();
-                                        valueSubmit();
-                                    }, children: "Create a token" })] }) }) })] })) }));
-};
-export default IAMTokenNew;

package/lib/views/iam-tokens/IAMTokens.d.ts

@@ -1,12 +0,0 @@
-export type IAMTokensProps = {
-    /** Route to navigate when clicking "New API Key" button. Defaults to '/new/token'. */
-    newTokenRoute?: string;
-    /** Base route for the tokens list (used for edit navigation). Defaults to current relative path. */
-    tokensListRoute?: string;
-    /** Whether to display view titles/headings. Defaults to true. */
-    showTitle?: boolean;
-    /** Whether to render the "New API Key" button in this component header. Defaults to true. */
-    showNewButton?: boolean;
-};
-export declare const IAMTokens: ({ newTokenRoute, tokensListRoute, showTitle, showNewButton, }?: IAMTokensProps) => import("react/jsx-runtime").JSX.Element;
-export default IAMTokens;

package/lib/views/iam-tokens/IAMTokens.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useState, useEffect, useRef } from 'react';
-import { PageLayout, Button, IconButton, Text, Label, RelativeTime, ConfirmationDialog, } from '@primer/react';
-import { Blankslate, PageHeader, Table, DataTable, } from '@primer/react/experimental';
-import { Box } from '@datalayer/primer-addons';
-import { EditIcon } from '@datalayer/icons-react';
-import { TrashIcon } from '@primer/octicons-react';
-import { useCache, useNavigate, useToast } from '../../hooks/index.js';
-const TokensTable = ({ tokensListRoute, showTitle = true, }) => {
-    const { useTokens, useDeleteToken } = useCache();
-    const { enqueueToast } = useToast();
-    const getTokensQuery = useTokens();
-    const deleteTokenMutation = useDeleteToken();
-    const navigate = useNavigate();
-    const [tokens, setTokens] = useState([]);
-    const [deletingToken, setDeletingToken] = useState(null);
-    const returnFocusRef = useRef(null);
-    useEffect(() => {
-        if (getTokensQuery.data) {
-            setTokens(getTokensQuery.data);
-        }
-    }, [getTokensQuery.data]);
-    const handleDeleteConfirm = () => {
-        if (!deletingToken)
-            return;
-        deleteTokenMutation.mutate(deletingToken.id, {
-            onSuccess: (resp) => {
-                if (resp.success) {
-                    enqueueToast(`Token "${deletingToken.name}" deleted.`, {
-                        variant: 'success',
-                    });
-                }
-                else {
-                    enqueueToast(resp.message || 'Failed to delete token.', {
-                        variant: 'error',
-                    });
-                }
-            },
-            onError: () => {
-                enqueueToast('Failed to delete token.', { variant: 'error' });
-            },
-            onSettled: () => setDeletingToken(null),
-        });
-    };
-    return tokens.length === 0 ? (_jsxs(Blankslate, { border: true, spacious: true, children: [showTitle && _jsx(Blankslate.Heading, { children: "API Keys" }), _jsx(Blankslate.Description, { children: _jsx(Text, { sx: { textAlign: 'center' }, children: "No API Keys found." }) })] })) : (_jsxs(_Fragment, { children: [_jsxs(Table.Container, { children: [showTitle && (_jsxs(_Fragment, { children: [_jsx(Table.Title, { as: "h2", id: "tokens", children: "API Keys" }), _jsx(Table.Subtitle, { as: "p", id: "tokens-subtitle", children: "Your tokens." })] })), _jsx(DataTable, { "aria-labelledby": "teams", "aria-describedby": "teams-subtitle", data: tokens, columns: [
-                            {
-                                header: 'Type',
-                                field: 'variant',
-                                renderCell: token => _jsx(Label, { children: token.variant }),
-                            },
-                            {
-                                header: 'Name',
-                                field: 'name',
-                                rowHeader: true,
-                            },
-                            {
-                                header: 'Description',
-                                field: 'description',
-                            },
-                            {
-                                header: 'Expiration date',
-                                field: 'expirationDate',
-                                renderCell: token => (_jsx(RelativeTime, { date: new Date(token.expirationDate) })),
-                            },
-                            {
-                                header: '',
-                                field: 'id',
-                                renderCell: token => (_jsxs(Box, { display: "flex", sx: { gap: 1 }, children: [_jsx(IconButton, { icon: EditIcon, "aria-label": "Edit", size: "small", variant: "invisible", onClick: e => navigate(tokensListRoute
-                                                ? `${tokensListRoute}/${token.id}`
-                                                : `${token.id}`, e) }), _jsx(IconButton, { ref: returnFocusRef, icon: TrashIcon, "aria-label": "Delete", size: "small", variant: "invisible", sx: { color: 'danger.fg' }, onClick: () => setDeletingToken(token) })] })),
-                            },
-                        ] })] }), deletingToken && (_jsxs(ConfirmationDialog, { title: "Delete token", onClose: gesture => {
-                    if (gesture === 'confirm')
-                        handleDeleteConfirm();
-                    else
-                        setDeletingToken(null);
-                }, confirmButtonContent: "Delete", confirmButtonType: "danger", children: ["Are you sure you want to delete the token", ' ', _jsx("strong", { children: deletingToken.name }), "? This action cannot be undone."] }))] }));
-};
-export const IAMTokens = ({ newTokenRoute = '/new/token', tokensListRoute, showTitle = true, showNewButton = true, } = {}) => {
-    const navigate = useNavigate();
-    return (_jsxs(PageLayout, { containerWidth: "full", padding: "normal", style: { overflow: 'visible', minHeight: 'calc(100vh - 45px)' }, children: [showTitle || showNewButton ? (_jsx(PageLayout.Header, { children: _jsxs(PageHeader, { children: [showTitle && (_jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "API Keys" }) })), showNewButton && (_jsx(PageHeader.Actions, { children: _jsx(Button, { size: "small", variant: "primary", onClick: e => navigate(newTokenRoute, e), children: "New API Key" }) }))] }) })) : null, _jsx(PageLayout.Content, { children: _jsx(Box, { children: _jsx(TokensTable, { tokensListRoute: tokensListRoute, showTitle: showTitle }) }) })] }));
-};
-export default IAMTokens;

package/lib/views/iam-tokens/Tokens.d.ts

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

package/lib/views/iam-tokens/Tokens.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useState, useEffect, useRef } from 'react';
-import { PageLayout, Button, IconButton, Text, Label, RelativeTime, ConfirmationDialog, } from '@primer/react';
-import { Blankslate, PageHeader, Table, DataTable, } from '@primer/react/experimental';
-import { Box } from '@datalayer/primer-addons';
-import { EditIcon } from '@datalayer/icons-react';
-import { TrashIcon } from '@primer/octicons-react';
-import { useCache, useNavigate, useToast } from '../../hooks/index.js';
-const TokensTable = () => {
-    const { useTokens, useDeleteToken } = useCache();
-    const { enqueueToast } = useToast();
-    const getTokensQuery = useTokens();
-    const deleteTokenMutation = useDeleteToken();
-    const navigate = useNavigate();
-    const [tokens, setTokens] = useState([]);
-    const [deletingToken, setDeletingToken] = useState(null);
-    const returnFocusRef = useRef(null);
-    useEffect(() => {
-        if (getTokensQuery.data) {
-            setTokens(getTokensQuery.data);
-        }
-    }, [getTokensQuery.data]);
-    const handleDeleteConfirm = () => {
-        if (!deletingToken)
-            return;
-        deleteTokenMutation.mutate(deletingToken.id, {
-            onSuccess: (resp) => {
-                if (resp.success) {
-                    enqueueToast(`Token "${deletingToken.name}" deleted.`, {
-                        variant: 'success',
-                    });
-                }
-                else {
-                    enqueueToast(resp.message || 'Failed to delete token.', {
-                        variant: 'error',
-                    });
-                }
-            },
-            onError: () => {
-                enqueueToast('Failed to delete token.', { variant: 'error' });
-            },
-            onSettled: () => setDeletingToken(null),
-        });
-    };
-    return tokens.length === 0 ? (_jsxs(Blankslate, { border: true, spacious: true, children: [_jsx(Blankslate.Heading, { children: "Tokens" }), _jsx(Blankslate.Description, { children: _jsx(Text, { sx: { textAlign: 'center' }, children: "No Tokens found." }) })] })) : (_jsxs(_Fragment, { children: [_jsxs(Table.Container, { children: [_jsx(Table.Title, { as: "h2", id: "tokens", children: "Tokens" }), _jsx(Table.Subtitle, { as: "p", id: "tokens-subtitle", children: "Your tokens." }), _jsx(DataTable, { "aria-labelledby": "teams", "aria-describedby": "teams-subtitle", data: tokens, columns: [
-                            {
-                                header: 'Type',
-                                field: 'variant',
-                                renderCell: token => _jsx(Label, { children: token.variant }),
-                            },
-                            {
-                                header: 'Name',
-                                field: 'name',
-                                rowHeader: true,
-                            },
-                            {
-                                header: 'Description',
-                                field: 'description',
-                            },
-                            {
-                                header: 'Expiration date',
-                                field: 'expirationDate',
-                                renderCell: token => (_jsx(RelativeTime, { date: new Date(token.expirationDate) })),
-                            },
-                            {
-                                header: '',
-                                field: 'id',
-                                renderCell: token => (_jsxs(Box, { display: "flex", sx: { gap: 1 }, children: [_jsx(IconButton, { icon: EditIcon, "aria-label": "Edit", size: "small", variant: "invisible", onClick: e => navigate(`${token.id}`, e) }), _jsx(IconButton, { ref: returnFocusRef, icon: TrashIcon, "aria-label": "Delete", size: "small", variant: "invisible", sx: { color: 'danger.fg' }, onClick: () => setDeletingToken(token) })] })),
-                            },
-                        ] })] }), deletingToken && (_jsxs(ConfirmationDialog, { title: "Delete token", onClose: gesture => {
-                    if (gesture === 'confirm')
-                        handleDeleteConfirm();
-                    else
-                        setDeletingToken(null);
-                }, confirmButtonContent: "Delete", confirmButtonType: "danger", children: ["Are you sure you want to delete the token", ' ', _jsx("strong", { children: deletingToken.name }), "? This action cannot be undone."] }))] }));
-};
-export const Tokens = () => {
-    const navigate = useNavigate();
-    return (_jsxs(PageLayout, { containerWidth: "full", padding: "normal", style: { overflow: 'visible', minHeight: 'calc(100vh - 45px)' }, children: [_jsx(PageLayout.Header, { children: _jsxs(PageHeader, { children: [_jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "Tokens" }) }), _jsx(PageHeader.Actions, { children: _jsx(Button, { size: "small", variant: "primary", onClick: e => navigate('/tokens/new', e), children: "New token" }) })] }) }), _jsx(PageLayout.Content, { children: _jsx(Box, { children: _jsx(TokensTable, {}) }) })] }));
-};
-export default Tokens;

package/lib/views/iam-tokens/index.d.ts

@@ -1,3 +0,0 @@
-export * from './IAMTokenEdit';
-export * from './IAMTokenNew';
-export * from './IAMTokens';