@uipath/apollo-wind 2.23.0 → 2.24.0

package/dist/components/ui/prompt-editor/components/TokenPillWithTooltip.cjs

@@ -0,0 +1,138 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__, {
+    TokenPillWithTooltip: ()=>TokenPillWithTooltip
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const LexicalComposerContext_namespaceObject = require("@lexical/react/LexicalComposerContext");
+const useLexicalNodeSelection_namespaceObject = require("@lexical/react/useLexicalNodeSelection");
+const external_lexical_namespaceObject = require("lexical");
+const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
+const external_TokenPill_cjs_namespaceObject = require("./TokenPill.cjs");
+const external_types_cjs_namespaceObject = require("../types.cjs");
+const TokenPillWithTooltip = ({ nodeKey, ...props })=>{
+    const { value: pillValue, tokenType, readonly, diffType, isInvalid, onRemove } = props;
+    const typeLabel = (0, external_types_cjs_namespaceObject.getPromptEditorTokenTypeLabel)(tokenType);
+    const [editor] = (0, LexicalComposerContext_namespaceObject.useLexicalComposerContext)();
+    const [isSelected] = (0, useLexicalNodeSelection_namespaceObject.useLexicalNodeSelection)(nodeKey);
+    const handleMouseDown = (0, external_react_namespaceObject.useCallback)((e)=>{
+        if (readonly) return;
+        e.preventDefault();
+        e.stopPropagation();
+        editor.update(()=>{
+            const sel = (0, external_lexical_namespaceObject.$createNodeSelection)();
+            sel.add(nodeKey);
+            (0, external_lexical_namespaceObject.$setSelection)(sel);
+        });
+        const rootElement = editor.getRootElement();
+        if (rootElement) {
+            rootElement.focus({
+                preventScroll: true
+            });
+            globalThis.getSelection()?.removeAllRanges();
+        }
+    }, [
+        editor,
+        nodeKey,
+        readonly
+    ]);
+    const pillProps = (0, external_react_namespaceObject.useMemo)(()=>({
+            value: pillValue,
+            tokenType,
+            readonly,
+            diffType,
+            isInvalid,
+            onRemove,
+            isSelected,
+            onMouseDown: handleMouseDown
+        }), [
+        pillValue,
+        tokenType,
+        readonly,
+        diffType,
+        isInvalid,
+        onRemove,
+        isSelected,
+        handleMouseDown
+    ]);
+    if (diffType) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TokenPill_cjs_namespaceObject.TokenPill, {
+        ...pillProps
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+        delayDuration: 250,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "inline-flex",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TokenPill_cjs_namespaceObject.TokenPill, {
+                        ...pillProps
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                side: "top",
+                align: "start",
+                children: isInvalid ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "flex w-[280px] flex-col gap-1 text-xs",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "font-medium",
+                            children: "Variable not found"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "break-words opacity-80",
+                            children: [
+                                pillValue,
+                                " isn't available in this scope. Fix or remove this reference before publishing."
+                            ]
+                        })
+                    ]
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "flex max-w-[320px] flex-col gap-0.5 text-xs",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "font-mono opacity-95",
+                            children: pillValue
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "opacity-70",
+                            children: typeLabel
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+exports.TokenPillWithTooltip = __webpack_exports__.TokenPillWithTooltip;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TokenPillWithTooltip"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/prompt-editor/components/TokenPillWithTooltip.d.ts

@@ -0,0 +1,13 @@
+import { type NodeKey } from 'lexical';
+import { type TokenPillProps } from './TokenPill';
+export interface TokenPillWithTooltipProps extends TokenPillProps {
+    /** Lexical node key for the underlying decorator — drives `NodeSelection` click-to-focus. */
+    nodeKey: NodeKey;
+}
+/**
+ * Wraps `TokenPill` with a hover tooltip showing the token's path and type label. Invalid chips
+ * (not present in the editor's autocomplete options) surface a "not found" message paired with the
+ * red-invalid pill styling. Suppressed when the chip is in a diff state so it doesn't clash with the
+ * diff styling.
+ */
+export declare const TokenPillWithTooltip: ({ nodeKey, ...props }: TokenPillWithTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/prompt-editor/components/TokenPillWithTooltip.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
+import { $createNodeSelection, $setSelection } from "lexical";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../tooltip.js";
+import { TokenPill } from "./TokenPill.js";
+import { getPromptEditorTokenTypeLabel } from "../types.js";
+const TokenPillWithTooltip = ({ nodeKey, ...props })=>{
+    const { value: pillValue, tokenType, readonly, diffType, isInvalid, onRemove } = props;
+    const typeLabel = getPromptEditorTokenTypeLabel(tokenType);
+    const [editor] = useLexicalComposerContext();
+    const [isSelected] = useLexicalNodeSelection(nodeKey);
+    const handleMouseDown = useCallback((e)=>{
+        if (readonly) return;
+        e.preventDefault();
+        e.stopPropagation();
+        editor.update(()=>{
+            const sel = $createNodeSelection();
+            sel.add(nodeKey);
+            $setSelection(sel);
+        });
+        const rootElement = editor.getRootElement();
+        if (rootElement) {
+            rootElement.focus({
+                preventScroll: true
+            });
+            globalThis.getSelection()?.removeAllRanges();
+        }
+    }, [
+        editor,
+        nodeKey,
+        readonly
+    ]);
+    const pillProps = useMemo(()=>({
+            value: pillValue,
+            tokenType,
+            readonly,
+            diffType,
+            isInvalid,
+            onRemove,
+            isSelected,
+            onMouseDown: handleMouseDown
+        }), [
+        pillValue,
+        tokenType,
+        readonly,
+        diffType,
+        isInvalid,
+        onRemove,
+        isSelected,
+        handleMouseDown
+    ]);
+    if (diffType) return /*#__PURE__*/ jsx(TokenPill, {
+        ...pillProps
+    });
+    return /*#__PURE__*/ jsxs(Tooltip, {
+        delayDuration: 250,
+        children: [
+            /*#__PURE__*/ jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "inline-flex",
+                    children: /*#__PURE__*/ jsx(TokenPill, {
+                        ...pillProps
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(TooltipContent, {
+                side: "top",
+                align: "start",
+                children: isInvalid ? /*#__PURE__*/ jsxs("div", {
+                    className: "flex w-[280px] flex-col gap-1 text-xs",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "font-medium",
+                            children: "Variable not found"
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "break-words opacity-80",
+                            children: [
+                                pillValue,
+                                " isn't available in this scope. Fix or remove this reference before publishing."
+                            ]
+                        })
+                    ]
+                }) : /*#__PURE__*/ jsxs("div", {
+                    className: "flex max-w-[320px] flex-col gap-0.5 text-xs",
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            className: "font-mono opacity-95",
+                            children: pillValue
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "opacity-70",
+                            children: typeLabel
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+export { TokenPillWithTooltip };

package/dist/components/ui/prompt-editor/components/token-icon-markup.cjs

@@ -0,0 +1,138 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__, {
+    buildTokenIconSvgMarkup: ()=>buildTokenIconSvgMarkup
+});
+const VARIABLE_ICON = [
+    {
+        kind: 'path',
+        d: 'M8 21s-4-3-4-9 4-9 4-9'
+    },
+    {
+        kind: 'path',
+        d: 'M16 3s4 3 4 9-4 9-4 9'
+    },
+    {
+        kind: 'line',
+        x1: '15',
+        x2: '9',
+        y1: '9',
+        y2: '15'
+    },
+    {
+        kind: 'line',
+        x1: '9',
+        x2: '15',
+        y1: '9',
+        y2: '15'
+    }
+];
+const SQUARE_FUNCTION_ICON = [
+    {
+        kind: 'rect',
+        x: '3',
+        y: '3',
+        width: '18',
+        height: '18',
+        rx: '2',
+        ry: '2'
+    },
+    {
+        kind: 'path',
+        d: 'M9 17c2 0 2.8-1 2.8-2.8V10c0-2 1-3.3 3.2-3'
+    },
+    {
+        kind: 'path',
+        d: 'M9 11.2h5.7'
+    }
+];
+const DATABASE_ICON = [
+    {
+        kind: 'ellipse',
+        cx: '12',
+        cy: '5',
+        rx: '9',
+        ry: '3'
+    },
+    {
+        kind: 'path',
+        d: 'M3 5V19A9 3 0 0 0 21 19V5'
+    },
+    {
+        kind: 'path',
+        d: 'M3 12A9 3 0 0 0 21 12'
+    }
+];
+const PAPERCLIP_ICON = [
+    {
+        kind: 'path',
+        d: 'm16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'
+    }
+];
+const TOKEN_TYPE_ICON = {
+    input: {
+        name: 'variable',
+        body: VARIABLE_ICON
+    },
+    output: {
+        name: 'square-function',
+        body: SQUARE_FUNCTION_ICON
+    },
+    state: {
+        name: 'database',
+        body: DATABASE_ICON
+    },
+    resource: {
+        name: 'paperclip',
+        body: PAPERCLIP_ICON
+    }
+};
+const renderElement = (el)=>{
+    switch(el.kind){
+        case 'path':
+            return `<path d="${el.d}"/>`;
+        case 'line':
+            return `<line x1="${el.x1}" x2="${el.x2}" y1="${el.y1}" y2="${el.y2}"/>`;
+        case 'circle':
+            return `<circle cx="${el.cx}" cy="${el.cy}" r="${el.r}"/>`;
+        case 'ellipse':
+            return `<ellipse cx="${el.cx}" cy="${el.cy}" rx="${el.rx}" ry="${el.ry}"/>`;
+        case 'rect':
+            return `<rect x="${el.x}" y="${el.y}" width="${el.width}" height="${el.height}"${el.rx ? ` rx="${el.rx}"` : ''}${el.ry ? ` ry="${el.ry}"` : ''}/>`;
+    }
+};
+const wrapSvg = (iconName, body)=>`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-${iconName}">${body.map(renderElement).join('')}</svg>`;
+function buildTokenIconSvgMarkup(type) {
+    const choice = 'text' === type ? TOKEN_TYPE_ICON.input : TOKEN_TYPE_ICON[type];
+    return wrapSvg(choice.name, choice.body);
+}
+exports.buildTokenIconSvgMarkup = __webpack_exports__.buildTokenIconSvgMarkup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "buildTokenIconSvgMarkup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/prompt-editor/components/token-icon-markup.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Hand-mirrored SVG markup for the lucide icons the token pills render in edit mode. Used by
+ * `MarkdownPreview` so a chip's leading icon can be inlined into the sanitised HTML without going
+ * through `react-dom/server`'s `renderToStaticMarkup` (which couples to React reconciler internals
+ * and can crash depending on the host bundle).
+ *
+ * The element data is copied verbatim from `lucide-react@0.577.0`'s `__iconNode` arrays
+ * (`dist/esm/icons/<name>.js`) so the preview SVGs match exactly what `<TokenPill>` renders.
+ */
+import type { PromptEditorTokenType } from '../types';
+/**
+ * Build the inline SVG markup for a token chip's leading icon, keyed by token type. Output mirrors
+ * what `<TokenPill>` renders in edit mode (lucide v0.577.0), suitable for embedding in a markdown
+ * HTML string. Non-variable token types fall back to the input (`variable`) glyph.
+ */
+export declare function buildTokenIconSvgMarkup(type: PromptEditorTokenType): string;

package/dist/components/ui/prompt-editor/components/token-icon-markup.js

@@ -0,0 +1,104 @@
+const VARIABLE_ICON = [
+    {
+        kind: 'path',
+        d: 'M8 21s-4-3-4-9 4-9 4-9'
+    },
+    {
+        kind: 'path',
+        d: 'M16 3s4 3 4 9-4 9-4 9'
+    },
+    {
+        kind: 'line',
+        x1: '15',
+        x2: '9',
+        y1: '9',
+        y2: '15'
+    },
+    {
+        kind: 'line',
+        x1: '9',
+        x2: '15',
+        y1: '9',
+        y2: '15'
+    }
+];
+const SQUARE_FUNCTION_ICON = [
+    {
+        kind: 'rect',
+        x: '3',
+        y: '3',
+        width: '18',
+        height: '18',
+        rx: '2',
+        ry: '2'
+    },
+    {
+        kind: 'path',
+        d: 'M9 17c2 0 2.8-1 2.8-2.8V10c0-2 1-3.3 3.2-3'
+    },
+    {
+        kind: 'path',
+        d: 'M9 11.2h5.7'
+    }
+];
+const DATABASE_ICON = [
+    {
+        kind: 'ellipse',
+        cx: '12',
+        cy: '5',
+        rx: '9',
+        ry: '3'
+    },
+    {
+        kind: 'path',
+        d: 'M3 5V19A9 3 0 0 0 21 19V5'
+    },
+    {
+        kind: 'path',
+        d: 'M3 12A9 3 0 0 0 21 12'
+    }
+];
+const PAPERCLIP_ICON = [
+    {
+        kind: 'path',
+        d: 'm16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'
+    }
+];
+const TOKEN_TYPE_ICON = {
+    input: {
+        name: 'variable',
+        body: VARIABLE_ICON
+    },
+    output: {
+        name: 'square-function',
+        body: SQUARE_FUNCTION_ICON
+    },
+    state: {
+        name: 'database',
+        body: DATABASE_ICON
+    },
+    resource: {
+        name: 'paperclip',
+        body: PAPERCLIP_ICON
+    }
+};
+const renderElement = (el)=>{
+    switch(el.kind){
+        case 'path':
+            return `<path d="${el.d}"/>`;
+        case 'line':
+            return `<line x1="${el.x1}" x2="${el.x2}" y1="${el.y1}" y2="${el.y2}"/>`;
+        case 'circle':
+            return `<circle cx="${el.cx}" cy="${el.cy}" r="${el.r}"/>`;
+        case 'ellipse':
+            return `<ellipse cx="${el.cx}" cy="${el.cy}" rx="${el.rx}" ry="${el.ry}"/>`;
+        case 'rect':
+            return `<rect x="${el.x}" y="${el.y}" width="${el.width}" height="${el.height}"${el.rx ? ` rx="${el.rx}"` : ''}${el.ry ? ` ry="${el.ry}"` : ''}/>`;
+    }
+};
+const wrapSvg = (iconName, body)=>`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-${iconName}">${body.map(renderElement).join('')}</svg>`;
+function buildTokenIconSvgMarkup(type) {
+    const choice = 'text' === type ? TOKEN_TYPE_ICON.input : TOKEN_TYPE_ICON[type];
+    return wrapSvg(choice.name, choice.body);
+}
+export { buildTokenIconSvgMarkup };

package/dist/components/ui/prompt-editor/index.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__, {
+    VARIABLE_DRAG_MIME: ()=>VariableDropPlugin_cjs_namespaceObject.VARIABLE_DRAG_MIME,
+    PromptEditor: ()=>external_prompt_editor_cjs_namespaceObject.PromptEditor
+});
+const VariableDropPlugin_cjs_namespaceObject = require("./plugins/VariableDropPlugin.cjs");
+const external_prompt_editor_cjs_namespaceObject = require("./prompt-editor.cjs");
+exports.PromptEditor = __webpack_exports__.PromptEditor;
+exports.VARIABLE_DRAG_MIME = __webpack_exports__.VARIABLE_DRAG_MIME;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PromptEditor",
+    "VARIABLE_DRAG_MIME"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/prompt-editor/index.d.ts

@@ -0,0 +1,4 @@
+export { VARIABLE_DRAG_MIME } from './plugins/VariableDropPlugin';
+export type { PromptEditorProps, PromptEditorRef } from './prompt-editor';
+export { PromptEditor } from './prompt-editor';
+export type { PromptEditorAutoCompleteOption, PromptEditorMode, PromptEditorToken, PromptEditorTokenType, } from './types';

package/dist/components/ui/prompt-editor/index.js

@@ -0,0 +1,3 @@
+import { VARIABLE_DRAG_MIME } from "./plugins/VariableDropPlugin.js";
+import { PromptEditor } from "./prompt-editor.js";
+export { PromptEditor, VARIABLE_DRAG_MIME };