@uipath/apollo-wind 2.68.0 → 2.70.0

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

@@ -0,0 +1,375 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DEFAULT_CODE_BLOCK_STRINGS: ()=>DEFAULT_CODE_BLOCK_STRINGS,
+    CodeBlock: ()=>CodeBlock,
+    CodeBlockHeader: ()=>CodeBlockHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const bash_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/bash.js");
+var bash_js_default = /*#__PURE__*/ __webpack_require__.n(bash_js_namespaceObject);
+const csharp_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/csharp.js");
+var csharp_js_default = /*#__PURE__*/ __webpack_require__.n(csharp_js_namespaceObject);
+const css_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/css.js");
+var css_js_default = /*#__PURE__*/ __webpack_require__.n(css_js_namespaceObject);
+const diff_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/diff.js");
+var diff_js_default = /*#__PURE__*/ __webpack_require__.n(diff_js_namespaceObject);
+const go_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/go.js");
+var go_js_default = /*#__PURE__*/ __webpack_require__.n(go_js_namespaceObject);
+const java_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/java.js");
+var java_js_default = /*#__PURE__*/ __webpack_require__.n(java_js_namespaceObject);
+const javascript_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/javascript.js");
+var javascript_js_default = /*#__PURE__*/ __webpack_require__.n(javascript_js_namespaceObject);
+const json_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/json.js");
+var json_js_default = /*#__PURE__*/ __webpack_require__.n(json_js_namespaceObject);
+const jsx_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/jsx.js");
+var jsx_js_default = /*#__PURE__*/ __webpack_require__.n(jsx_js_namespaceObject);
+const markdown_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/markdown.js");
+var markdown_js_default = /*#__PURE__*/ __webpack_require__.n(markdown_js_namespaceObject);
+const markup_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/markup.js");
+var markup_js_default = /*#__PURE__*/ __webpack_require__.n(markup_js_namespaceObject);
+const powershell_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/powershell.js");
+var powershell_js_default = /*#__PURE__*/ __webpack_require__.n(powershell_js_namespaceObject);
+const python_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/python.js");
+var python_js_default = /*#__PURE__*/ __webpack_require__.n(python_js_namespaceObject);
+const sql_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/sql.js");
+var sql_js_default = /*#__PURE__*/ __webpack_require__.n(sql_js_namespaceObject);
+const tsx_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/tsx.js");
+var tsx_js_default = /*#__PURE__*/ __webpack_require__.n(tsx_js_namespaceObject);
+const typescript_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/typescript.js");
+var typescript_js_default = /*#__PURE__*/ __webpack_require__.n(typescript_js_namespaceObject);
+const vbnet_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/vbnet.js");
+var vbnet_js_default = /*#__PURE__*/ __webpack_require__.n(vbnet_js_namespaceObject);
+const yaml_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/yaml.js");
+var yaml_js_default = /*#__PURE__*/ __webpack_require__.n(yaml_js_namespaceObject);
+const prism_light_js_namespaceObject = require("react-syntax-highlighter/dist/esm/prism-light.js");
+var prism_light_js_default = /*#__PURE__*/ __webpack_require__.n(prism_light_js_namespaceObject);
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const clipboard_cjs_namespaceObject = require("../../lib/clipboard.cjs");
+const LANGUAGES = {
+    bash: bash_js_default(),
+    csharp: csharp_js_default(),
+    css: css_js_default(),
+    diff: diff_js_default(),
+    go: go_js_default(),
+    java: java_js_default(),
+    javascript: javascript_js_default(),
+    json: json_js_default(),
+    jsx: jsx_js_default(),
+    markdown: markdown_js_default(),
+    markup: markup_js_default(),
+    powershell: powershell_js_default(),
+    python: python_js_default(),
+    sql: sql_js_default(),
+    tsx: tsx_js_default(),
+    typescript: typescript_js_default(),
+    vbnet: vbnet_js_default(),
+    yaml: yaml_js_default()
+};
+for (const [name, grammar] of Object.entries(LANGUAGES))prism_light_js_default().registerLanguage(name, grammar);
+const LANGUAGE_ALIASES = {
+    'c#': 'csharp',
+    cjs: "javascript",
+    cs: 'csharp',
+    golang: 'go',
+    htm: 'markup',
+    html: 'markup',
+    js: "javascript",
+    md: 'markdown',
+    mjs: "javascript",
+    patch: 'diff',
+    ps: 'powershell',
+    ps1: 'powershell',
+    pwsh: 'powershell',
+    py: 'python',
+    sh: 'bash',
+    shell: 'bash',
+    svg: 'markup',
+    ts: "typescript",
+    vb: 'vbnet',
+    'vb.net': 'vbnet',
+    xml: 'markup',
+    yml: 'yaml',
+    zsh: 'bash'
+};
+function resolveLanguage(language) {
+    const key = language?.trim().toLowerCase();
+    if (!key) return;
+    const name = LANGUAGE_ALIASES[key] ?? key;
+    return name in LANGUAGES ? name : void 0;
+}
+const token = (name)=>`var(--code-${name}, var(--foreground))`;
+const codeBlockTheme = {
+    'code[class*="language-"]': {
+        color: token('rest'),
+        background: 'none',
+        fontFamily: 'var(--font-mono)',
+        textAlign: 'left',
+        wordSpacing: 'normal',
+        wordBreak: 'normal',
+        tabSize: 2,
+        hyphens: 'none'
+    },
+    'pre[class*="language-"]': {
+        color: token('rest'),
+        background: 'none',
+        fontFamily: 'var(--font-mono)',
+        fontSize: '0.8125rem',
+        lineHeight: 1.6,
+        margin: 0,
+        padding: '0.75rem 1rem',
+        overflow: 'auto',
+        tabSize: 2
+    },
+    comment: {
+        color: 'var(--foreground-muted)',
+        fontStyle: 'italic'
+    },
+    prolog: {
+        color: 'var(--foreground-muted)',
+        fontStyle: 'italic'
+    },
+    doctype: {
+        color: 'var(--foreground-muted)'
+    },
+    cdata: {
+        color: 'var(--foreground-muted)'
+    },
+    punctuation: {
+        color: token('punctuation')
+    },
+    operator: {
+        color: token('key')
+    },
+    keyword: {
+        color: token('key')
+    },
+    atrule: {
+        color: token('key')
+    },
+    tag: {
+        color: token('key')
+    },
+    property: {
+        color: token('key')
+    },
+    'attr-name': {
+        color: token('key')
+    },
+    selector: {
+        color: token('key')
+    },
+    string: {
+        color: token('string')
+    },
+    char: {
+        color: token('string')
+    },
+    'attr-value': {
+        color: token('string')
+    },
+    'template-string': {
+        color: token('string')
+    },
+    regex: {
+        color: token('string')
+    },
+    url: {
+        color: token('string')
+    },
+    inserted: {
+        color: token('string')
+    },
+    number: {
+        color: token('number')
+    },
+    unit: {
+        color: token('number')
+    },
+    boolean: {
+        color: token('literal')
+    },
+    constant: {
+        color: token('literal')
+    },
+    symbol: {
+        color: token('literal')
+    },
+    builtin: {
+        color: token('literal')
+    },
+    'class-name': {
+        color: token('literal')
+    },
+    function: {
+        color: token('literal')
+    },
+    entity: {
+        color: token('literal')
+    },
+    deleted: {
+        color: 'var(--error, var(--destructive))'
+    },
+    important: {
+        fontWeight: 600
+    },
+    bold: {
+        fontWeight: 600
+    },
+    italic: {
+        fontStyle: 'italic'
+    }
+};
+const lineNumberStyle = {
+    minWidth: '2.25em',
+    paddingRight: '1em',
+    color: 'var(--foreground-subtle)',
+    textAlign: 'right',
+    userSelect: 'none'
+};
+const DEFAULT_CODE_BLOCK_STRINGS = {
+    copy: 'Copy code',
+    copied: 'Copied',
+    plainText: 'Text'
+};
+const COPIED_RESET_MS = 2000;
+const CodeBlockHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ code, language, strings, className, children, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_CODE_BLOCK_STRINGS,
+        ...strings
+    };
+    const [copied, setCopied] = external_react_namespaceObject.useState(false);
+    const timer = external_react_namespaceObject.useRef(void 0);
+    external_react_namespaceObject.useEffect(()=>()=>clearTimeout(timer.current), []);
+    const handleCopy = async ()=>{
+        if (!await (0, clipboard_cjs_namespaceObject.copyTextToClipboard)(code)) return;
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>setCopied(false), COPIED_RESET_MS);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "code-block-header",
+        className: (0, index_cjs_namespaceObject.cn)('flex items-center justify-between gap-2 border-b border-border-subtle py-1 pr-1 pl-4', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-slot": "code-block-language",
+                className: "min-w-0 truncate text-xs font-medium text-muted-foreground",
+                children: language?.trim() || text.plainText
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: [
+                    children,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                        "data-slot": "code-block-copy",
+                        "data-copied": copied || void 0,
+                        variant: "ghost",
+                        size: "2xs",
+                        icon: true,
+                        "aria-label": text.copy,
+                        title: copied ? text.copied : text.copy,
+                        onClick: handleCopy,
+                        children: copied ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                            "aria-hidden": true
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Copy, {
+                            "aria-hidden": true
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("output", {
+                        className: "sr-only",
+                        children: copied ? text.copied : ''
+                    })
+                ]
+            })
+        ]
+    });
+});
+CodeBlockHeader.displayName = 'CodeBlockHeader';
+const code_block_CodeBlockBody = /*#__PURE__*/ external_react_namespaceObject.memo(function({ code, language, wrap, showLineNumbers }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(prism_light_js_default(), {
+        language: language ?? 'text',
+        style: codeBlockTheme,
+        wrapLongLines: wrap,
+        showLineNumbers: showLineNumbers,
+        lineNumberStyle: lineNumberStyle,
+        "data-slot": "code-block-body",
+        "data-wrap": wrap,
+        tabIndex: wrap ? void 0 : 0,
+        className: "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+        children: code
+    });
+});
+const CodeBlock = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ code, language, wrap = false, showLineNumbers = false, hideHeader = false, actions, strings, className, ...props }, ref)=>{
+    const source = code.replace(/\n$/, '');
+    const resolved = resolveLanguage(language);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "code-block",
+        "data-language": resolved ?? 'text',
+        className: (0, index_cjs_namespaceObject.cn)('min-w-0 overflow-hidden rounded-lg border border-border-subtle bg-surface-overlay text-foreground', className),
+        ...props,
+        children: [
+            !hideHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CodeBlockHeader, {
+                code: source,
+                language: language,
+                strings: strings,
+                children: actions
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(code_block_CodeBlockBody, {
+                code: source,
+                language: resolved,
+                wrap: wrap,
+                showLineNumbers: showLineNumbers
+            })
+        ]
+    });
+});
+CodeBlock.displayName = 'CodeBlock';
+exports.CodeBlock = __webpack_exports__.CodeBlock;
+exports.CodeBlockHeader = __webpack_exports__.CodeBlockHeader;
+exports.DEFAULT_CODE_BLOCK_STRINGS = __webpack_exports__.DEFAULT_CODE_BLOCK_STRINGS;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CodeBlock",
+    "CodeBlockHeader",
+    "DEFAULT_CODE_BLOCK_STRINGS"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/code-block.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+export interface CodeBlockStrings {
+    /** Label of the copy button. */
+    copy: string;
+    /** Tooltip and status announcement right after a successful copy. */
+    copied: string;
+    /** Header label when no `language` is given. */
+    plainText: string;
+}
+export declare const DEFAULT_CODE_BLOCK_STRINGS: CodeBlockStrings;
+export interface CodeBlockHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The source the copy button writes to the clipboard. */
+    code: string;
+    /** Shown as the label. Falls back to `strings.plainText`. */
+    language?: string;
+    strings?: Partial<CodeBlockStrings>;
+}
+/** The label row with the copy button. Extra actions passed as `children` sit before the copy. */
+declare const CodeBlockHeader: React.ForwardRefExoticComponent<CodeBlockHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface CodeBlockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The source to show. A single trailing newline is dropped. */
+    code: string;
+    /**
+     * Prism language name or common alias (`ts`, `js`, `sh`, `py`, `yml`, `html`, ...). Unknown or
+     * missing languages render as plain text; the header still shows what was passed.
+     */
+    language?: string;
+    /** Wrap long lines instead of scrolling horizontally. */
+    wrap?: boolean;
+    showLineNumbers?: boolean;
+    /** Hide the label and copy row, e.g. for a one-line snippet. */
+    hideHeader?: boolean;
+    /** Extra header actions, such as preview or expand, placed before the copy button. */
+    actions?: React.ReactNode;
+    strings?: Partial<CodeBlockStrings>;
+}
+declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
+export { CodeBlock, CodeBlockHeader };