@uipath/apollo-wind 2.20.1 → 2.21.0

package/dist/components/ui/code-block.js

@@ -1,201 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Copy } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { Prism } from "react-syntax-highlighter";
-import { atomDark, nightOwl, nord, oneDark, oneLight, prism, vs, vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism/index.js";
-import { Button } from "./button.js";
-import { cn } from "../../lib/index.js";
-const THEME_CONFIG = {
-    dark: {
-        prismStyle: nord,
-        bg: '#182027',
-        headerBg: '#111920',
-        labelColor: '#8ea1b1',
-        iconColor: '#6b8899',
-        lineNumberColor: '#2e3f4c'
-    },
-    light: {
-        prismStyle: vs,
-        bg: '#ffffff',
-        headerBg: '#f0f4f8',
-        labelColor: '#374151',
-        iconColor: '#6b7280',
-        lineNumberColor: '#c8d4de'
-    },
-    'future-dark': {
-        prismStyle: vscDarkPlus,
-        bg: 'var(--surface-raised)',
-        headerBg: '#09090b',
-        labelColor: '#a1a1aa',
-        iconColor: '#71717a',
-        lineNumberColor: '#3f3f46'
-    },
-    'future-light': {
-        prismStyle: vs,
-        bg: 'var(--surface-raised)',
-        headerBg: '#f4f4f5',
-        labelColor: '#52525b',
-        iconColor: '#71717a',
-        lineNumberColor: '#d4d4d8'
-    },
-    wireframe: {
-        prismStyle: prism,
-        bg: '#f9fafb',
-        headerBg: '#f3f4f6',
-        labelColor: '#6b7280',
-        iconColor: '#9ca3af',
-        lineNumberColor: '#d1d5db'
-    },
-    vertex: {
-        prismStyle: nightOwl,
-        bg: 'oklch(0.21 0.03 258.5)',
-        headerBg: 'oklch(0.188 0.028 258.5)',
-        labelColor: '#a6b5c9',
-        iconColor: '#7a90a8',
-        lineNumberColor: 'oklch(0.32 0.03 258.5)'
-    },
-    canvas: {
-        prismStyle: atomDark,
-        bg: '#182027',
-        headerBg: '#111920',
-        labelColor: '#8ea1b1',
-        iconColor: '#6b8899',
-        lineNumberColor: '#2e3f4c'
-    },
-    'dark-hc': {
-        prismStyle: oneDark,
-        bg: '#0a0a0a',
-        headerBg: '#141414',
-        labelColor: '#e4e4e4',
-        iconColor: '#c8c8c8',
-        lineNumberColor: '#505050'
-    },
-    'light-hc': {
-        prismStyle: oneLight,
-        bg: '#ffffff',
-        headerBg: '#e8e8e8',
-        labelColor: '#111827',
-        iconColor: '#374151',
-        lineNumberColor: '#9ca3af'
-    }
-};
-const BODY_CLASS_PRIORITY = [
-    'future-dark',
-    'future-light',
-    'dark-hc',
-    'light-hc',
-    'dark',
-    'light',
-    'wireframe',
-    'vertex',
-    'canvas'
-];
-function getBodyTheme() {
-    if ("u" < typeof document) return 'dark';
-    const bodyClasses = document.body.classList;
-    const htmlClasses = document.documentElement.classList;
-    return BODY_CLASS_PRIORITY.find((t)=>bodyClasses.contains(t) || htmlClasses.contains(t)) ?? 'future-dark';
-}
-function useApolloTheme() {
-    const [theme, setTheme] = useState(getBodyTheme);
-    useEffect(()=>{
-        if ("u" < typeof document) return;
-        const observer = new MutationObserver(()=>setTheme(getBodyTheme()));
-        const targets = [
-            document.body,
-            document.documentElement
-        ];
-        targets.forEach((target)=>{
-            if (target) observer.observe(target, {
-                attributes: true,
-                attributeFilter: [
-                    'class'
-                ]
-            });
-        });
-        return ()=>observer.disconnect();
-    }, []);
-    return theme;
-}
-function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCopyButton = true, fileName, theme, wrapLines = false, className }) {
-    const [copied, setCopied] = useState(false);
-    const timeoutRef = useRef(null);
-    const detectedTheme = useApolloTheme();
-    const activeTheme = theme ?? detectedTheme;
-    const config = THEME_CONFIG[activeTheme];
-    const code = children.trim();
-    async function handleCopy() {
-        try {
-            await navigator.clipboard.writeText(code);
-            setCopied(true);
-            timeoutRef.current = setTimeout(()=>setCopied(false), 1500);
-        } catch  {}
-    }
-    useEffect(()=>()=>{
-            if (timeoutRef.current) clearTimeout(timeoutRef.current);
-        }, []);
-    const showHeader = !!(fileName || language || showCopyButton);
-    return /*#__PURE__*/ jsxs("div", {
-        className: cn('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
-        style: {
-            background: config.bg
-        },
-        children: [
-            showHeader && /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
-                style: {
-                    background: config.headerBg
-                },
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "text-xs font-medium",
-                        style: {
-                            color: config.labelColor
-                        },
-                        children: fileName ?? language
-                    }),
-                    showCopyButton && /*#__PURE__*/ jsx(Button, {
-                        icon: true,
-                        variant: "ghost",
-                        size: "2xs",
-                        style: {
-                            color: config.iconColor
-                        },
-                        onClick: handleCopy,
-                        "aria-label": copied ? 'Copied!' : 'Copy code',
-                        children: copied ? /*#__PURE__*/ jsx(Check, {}) : /*#__PURE__*/ jsx(Copy, {})
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(Prism, {
-                language: language,
-                style: config.prismStyle,
-                showLineNumbers: showLineNumbers,
-                wrapLines: wrapLines,
-                wrapLongLines: wrapLines,
-                customStyle: {
-                    margin: 0,
-                    border: 'none',
-                    borderRadius: 0,
-                    background: 'transparent',
-                    padding: '1rem',
-                    fontSize: 13,
-                    lineHeight: 1.6
-                },
-                lineNumberStyle: {
-                    color: config.lineNumberColor,
-                    minWidth: '2.5em',
-                    paddingRight: '1.25em',
-                    userSelect: 'none'
-                },
-                codeTagProps: {
-                    style: {
-                        fontFamily: 'inherit'
-                    }
-                },
-                children: code
-            })
-        ]
-    });
-}
-export { CodeBlock };