@uipath/apollo-react 6.1.0 → 6.3.0

package/dist/canvas/components/JsonTree/DecorationChip.cjs

@@ -0,0 +1,81 @@
+"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__, {
+    DecorationChip: ()=>DecorationChip
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const CHIP_TONE_TEXT_CLASS = {
+    neutral: 'text-foreground-subtle',
+    info: 'text-info',
+    warning: 'text-warning',
+    error: 'text-error'
+};
+const CHIP_TONE_BORDER_CLASS = {
+    neutral: 'border-border',
+    info: 'border-info/40',
+    warning: 'border-warning/40',
+    error: 'border-error/40'
+};
+function DecorationChip({ decoration }) {
+    const chip = decoration?.chip;
+    if (!chip || null == chip.label && null == chip.icon) return null;
+    const tone = chip.tone ?? 'neutral';
+    const content = chip.label ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex min-w-0 items-center gap-1 truncate rounded-full border px-1.5 py-px text-[10px] font-medium leading-none', CHIP_TONE_BORDER_CLASS[tone], CHIP_TONE_TEXT_CLASS[tone]),
+        children: [
+            chip.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "shrink-0",
+                children: chip.icon
+            }),
+            chip.label
+        ]
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex shrink-0 items-center', CHIP_TONE_TEXT_CLASS[tone]),
+        ...chip.tooltip ? {
+            role: 'img',
+            'aria-label': chip.tooltip
+        } : {},
+        children: chip.icon
+    });
+    if (!chip.tooltip) return content;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+        placement: "top",
+        content: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "text-xs",
+            children: chip.tooltip
+        }),
+        children: content
+    });
+}
+exports.DecorationChip = __webpack_exports__.DecorationChip;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DecorationChip"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/JsonTree/DecorationChip.d.ts

@@ -0,0 +1,5 @@
+import type { NodeDecoration } from './JsonTree.types';
+export declare function DecorationChip({ decoration }: {
+    decoration?: NodeDecoration;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DecorationChip.d.ts.map

package/dist/canvas/components/JsonTree/DecorationChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecorationChip.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/DecorationChip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,kBAAkB,CAAC;AAgB3E,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,cAAc,CAAA;CAAE,kDAkC7E"}

package/dist/canvas/components/JsonTree/DecorationChip.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@uipath/apollo-wind";
+import { CanvasTooltip } from "../CanvasTooltip.js";
+const CHIP_TONE_TEXT_CLASS = {
+    neutral: 'text-foreground-subtle',
+    info: 'text-info',
+    warning: 'text-warning',
+    error: 'text-error'
+};
+const CHIP_TONE_BORDER_CLASS = {
+    neutral: 'border-border',
+    info: 'border-info/40',
+    warning: 'border-warning/40',
+    error: 'border-error/40'
+};
+function DecorationChip({ decoration }) {
+    const chip = decoration?.chip;
+    if (!chip || null == chip.label && null == chip.icon) return null;
+    const tone = chip.tone ?? 'neutral';
+    const content = chip.label ? /*#__PURE__*/ jsxs("span", {
+        className: cn('flex min-w-0 items-center gap-1 truncate rounded-full border px-1.5 py-px text-[10px] font-medium leading-none', CHIP_TONE_BORDER_CLASS[tone], CHIP_TONE_TEXT_CLASS[tone]),
+        children: [
+            chip.icon && /*#__PURE__*/ jsx("span", {
+                className: "shrink-0",
+                children: chip.icon
+            }),
+            chip.label
+        ]
+    }) : /*#__PURE__*/ jsx("span", {
+        className: cn('flex shrink-0 items-center', CHIP_TONE_TEXT_CLASS[tone]),
+        ...chip.tooltip ? {
+            role: 'img',
+            'aria-label': chip.tooltip
+        } : {},
+        children: chip.icon
+    });
+    if (!chip.tooltip) return content;
+    return /*#__PURE__*/ jsx(CanvasTooltip, {
+        placement: "top",
+        content: /*#__PURE__*/ jsx("span", {
+            className: "text-xs",
+            children: chip.tooltip
+        }),
+        children: content
+    });
+}
+export { DecorationChip };

package/dist/canvas/components/JsonTree/EditorChrome.cjs

@@ -0,0 +1,93 @@
+"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__, {
+    EditorActions: ()=>EditorActions,
+    EditorTextarea: ()=>EditorTextarea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+function EditorActions({ onApply, onCancel, applyDisabled = false }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+                size: "3xs",
+                onClick: onApply,
+                disabled: applyDisabled,
+                children: _({
+                    id: 'canvas.json_value_panel.apply',
+                    message: 'Apply'
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+                size: "3xs",
+                variant: "ghost",
+                onClick: onCancel,
+                children: _({
+                    id: 'canvas.json_value_panel.cancel',
+                    message: 'Cancel'
+                })
+            })
+        ]
+    });
+}
+function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ariaLabel, placeholder, className }) {
+    const textareaRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        textareaRef.current?.focus();
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+        ref: textareaRef,
+        value: value,
+        onChange: (e)=>onChange(e.target.value),
+        onKeyDown: (e)=>{
+            if ('Escape' === e.key) {
+                e.preventDefault();
+                e.stopPropagation();
+                onCancel();
+            }
+            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) onApply();
+        },
+        rows: rows,
+        spellCheck: false,
+        "aria-label": ariaLabel,
+        "aria-invalid": invalid || void 0,
+        placeholder: placeholder,
+        className: (0, apollo_wind_namespaceObject.cn)('w-full resize-y rounded-lg border bg-surface p-2 font-mono text-xs leading-5 text-foreground outline-none', invalid ? 'border-error' : 'border-border-subtle focus:border-brand', className)
+    });
+}
+exports.EditorActions = __webpack_exports__.EditorActions;
+exports.EditorTextarea = __webpack_exports__.EditorTextarea;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "EditorActions",
+    "EditorTextarea"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/JsonTree/EditorChrome.d.ts

@@ -0,0 +1,18 @@
+export declare function EditorActions({ onApply, onCancel, applyDisabled, }: {
+    onApply: () => void;
+    onCancel: () => void;
+    applyDisabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export interface EditorTextareaProps {
+    value: string;
+    onChange: (value: string) => void;
+    onApply: () => void;
+    onCancel: () => void;
+    invalid: boolean;
+    rows: number;
+    ariaLabel: string;
+    placeholder?: string;
+    className?: string;
+}
+export declare function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ariaLabel, placeholder, className, }: EditorTextareaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorChrome.d.ts.map

package/dist/canvas/components/JsonTree/EditorChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorChrome.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/EditorChrome.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,aAAqB,GACtB,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CAYA;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,mBAAmB,2CAsCrB"}

package/dist/canvas/components/JsonTree/EditorChrome.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, cn } from "@uipath/apollo-wind";
+import { useEffect, useRef } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
+function EditorActions({ onApply, onCancel, applyDisabled = false }) {
+    const { _ } = useSafeLingui();
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                size: "3xs",
+                onClick: onApply,
+                disabled: applyDisabled,
+                children: _({
+                    id: 'canvas.json_value_panel.apply',
+                    message: 'Apply'
+                })
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                size: "3xs",
+                variant: "ghost",
+                onClick: onCancel,
+                children: _({
+                    id: 'canvas.json_value_panel.cancel',
+                    message: 'Cancel'
+                })
+            })
+        ]
+    });
+}
+function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ariaLabel, placeholder, className }) {
+    const textareaRef = useRef(null);
+    useEffect(()=>{
+        textareaRef.current?.focus();
+    }, []);
+    return /*#__PURE__*/ jsx("textarea", {
+        ref: textareaRef,
+        value: value,
+        onChange: (e)=>onChange(e.target.value),
+        onKeyDown: (e)=>{
+            if ('Escape' === e.key) {
+                e.preventDefault();
+                e.stopPropagation();
+                onCancel();
+            }
+            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) onApply();
+        },
+        rows: rows,
+        spellCheck: false,
+        "aria-label": ariaLabel,
+        "aria-invalid": invalid || void 0,
+        placeholder: placeholder,
+        className: cn('w-full resize-y rounded-lg border bg-surface p-2 font-mono text-xs leading-5 text-foreground outline-none', invalid ? 'border-error' : 'border-border-subtle focus:border-brand', className)
+    });
+}
+export { EditorActions, EditorTextarea };

package/dist/canvas/components/JsonTree/JsonContainerEditor.cjs

@@ -0,0 +1,104 @@
+"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__, {
+    JsonContainerEditor: ()=>JsonContainerEditor
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const external_EditorChrome_cjs_namespaceObject = require("./EditorChrome.cjs");
+function isValidJson(raw) {
+    try {
+        JSON.parse(raw);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, className }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const initialValue = node.value ?? ('array' === node.type ? [] : {});
+    const [raw, setRaw] = (0, external_react_namespaceObject.useState)(()=>JSON.stringify(initialValue, null, 2));
+    const [error, setError] = (0, external_react_namespaceObject.useState)(null);
+    const handleChange = (value)=>{
+        setRaw(value);
+        setError(null);
+    };
+    const apply = ()=>{
+        try {
+            onCommit(JSON.parse(raw));
+        } catch (e) {
+            setError(e instanceof Error ? e.message : _({
+                id: 'canvas.json_value_panel.invalid_json',
+                message: 'Invalid JSON'
+            }));
+        }
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex flex-col gap-1.5', className),
+        children: [
+            renderCodeEditor ? renderCodeEditor({
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel,
+                invalid: !isValidJson(raw),
+                language: 'json',
+                autoFocus: true
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_EditorChrome_cjs_namespaceObject.EditorTextarea, {
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel: onCancel,
+                invalid: !!error,
+                rows: Math.min(12, Math.max(3, raw.split('\n').length)),
+                ariaLabel: _({
+                    id: 'canvas.json_value_panel.edit_json_of',
+                    message: 'Edit JSON of {key}',
+                    values: {
+                        key: node.key
+                    }
+                })
+            }),
+            error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                className: "text-xs leading-4 text-error",
+                children: error
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_EditorChrome_cjs_namespaceObject.EditorActions, {
+                onApply: apply,
+                onCancel: onCancel
+            })
+        ]
+    });
+}
+exports.JsonContainerEditor = __webpack_exports__.JsonContainerEditor;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "JsonContainerEditor"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/JsonTree/JsonContainerEditor.d.ts

@@ -0,0 +1,10 @@
+import type { JsonTreeNode, JsonValue, RenderCodeEditor } from './JsonTree.types';
+export interface JsonContainerEditorProps {
+    node: JsonTreeNode;
+    onCommit: (value: JsonValue) => void;
+    onCancel: () => void;
+    renderCodeEditor?: RenderCodeEditor;
+    className?: string;
+}
+export declare function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, className, }: JsonContainerEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JsonContainerEditor.d.ts.map

package/dist/canvas/components/JsonTree/JsonContainerEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonContainerEditor.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonContainerEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAKrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,2CAyD1B"}

package/dist/canvas/components/JsonTree/JsonContainerEditor.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@uipath/apollo-wind";
+import { useState } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
+import { EditorActions, EditorTextarea } from "./EditorChrome.js";
+function isValidJson(raw) {
+    try {
+        JSON.parse(raw);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, className }) {
+    const { _ } = useSafeLingui();
+    const initialValue = node.value ?? ('array' === node.type ? [] : {});
+    const [raw, setRaw] = useState(()=>JSON.stringify(initialValue, null, 2));
+    const [error, setError] = useState(null);
+    const handleChange = (value)=>{
+        setRaw(value);
+        setError(null);
+    };
+    const apply = ()=>{
+        try {
+            onCommit(JSON.parse(raw));
+        } catch (e) {
+            setError(e instanceof Error ? e.message : _({
+                id: 'canvas.json_value_panel.invalid_json',
+                message: 'Invalid JSON'
+            }));
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('flex flex-col gap-1.5', className),
+        children: [
+            renderCodeEditor ? renderCodeEditor({
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel,
+                invalid: !isValidJson(raw),
+                language: 'json',
+                autoFocus: true
+            }) : /*#__PURE__*/ jsx(EditorTextarea, {
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel: onCancel,
+                invalid: !!error,
+                rows: Math.min(12, Math.max(3, raw.split('\n').length)),
+                ariaLabel: _({
+                    id: 'canvas.json_value_panel.edit_json_of',
+                    message: 'Edit JSON of {key}',
+                    values: {
+                        key: node.key
+                    }
+                })
+            }),
+            error && /*#__PURE__*/ jsx("p", {
+                className: "text-xs leading-4 text-error",
+                children: error
+            }),
+            /*#__PURE__*/ jsx(EditorActions, {
+                onApply: apply,
+                onCancel: onCancel
+            })
+        ]
+    });
+}
+export { JsonContainerEditor };

package/dist/canvas/components/JsonTree/JsonLeafValueEditor.cjs

@@ -0,0 +1,98 @@
+"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__, {
+    JsonLeafValueEditor: ()=>JsonLeafValueEditor
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const external_leafEditTypes_cjs_namespaceObject = require("./leafEditTypes.cjs");
+function JsonLeafValueEditor({ node, onCommit, onCancel, className }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const editType = (0, external_leafEditTypes_cjs_namespaceObject.resolveLeafEditType)(node.type, node.schema);
+    const initial = void 0 === node.value || null === node.value ? String(node.schema?.default ?? '') : String(node.value);
+    const [raw, setRaw] = (0, external_react_namespaceObject.useState)(initial);
+    const cancelledRef = (0, external_react_namespaceObject.useRef)(false);
+    const inputRef = (0, external_react_namespaceObject.useRef)(null);
+    const invalid = void 0 === (0, external_leafEditTypes_cjs_namespaceObject.parseLeafValue)(raw, editType);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        inputRef.current?.focus();
+    }, []);
+    const commit = ()=>{
+        const parsed = (0, external_leafEditTypes_cjs_namespaceObject.parseLeafValue)(raw, editType);
+        if (void 0 === parsed) return;
+        onCommit(parsed);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+        ref: inputRef,
+        type: "text",
+        value: raw,
+        inputMode: 'integer' === editType ? 'numeric' : 'number' === editType ? 'decimal' : void 0,
+        onChange: (e)=>setRaw(e.target.value),
+        onFocus: (e)=>e.target.select(),
+        onBlur: ()=>{
+            if (cancelledRef.current) {
+                cancelledRef.current = false;
+                return;
+            }
+            if (invalid) onCancel();
+            else commit();
+        },
+        onKeyDown: (e)=>{
+            if ('Enter' === e.key) commit();
+            if ('Escape' === e.key) {
+                e.preventDefault();
+                e.stopPropagation();
+                cancelledRef.current = true;
+                onCancel();
+            }
+        },
+        "aria-label": _({
+            id: 'canvas.json_value_panel.edit_value_of',
+            message: 'Edit value of {key}',
+            values: {
+                key: node.key
+            }
+        }),
+        "aria-invalid": invalid || void 0,
+        placeholder: (0, external_leafEditTypes_cjs_namespaceObject.isNumericEdit)(editType) ? _({
+            id: 'canvas.json_value_panel.enter_number',
+            message: 'Enter a number'
+        }) : _({
+            id: 'canvas.json_value_panel.enter_value',
+            message: 'Enter a value'
+        }),
+        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 flex-1 rounded bg-transparent font-mono text-xs text-foreground outline-none ring-1', invalid ? 'ring-error' : 'ring-brand', className)
+    });
+}
+exports.JsonLeafValueEditor = __webpack_exports__.JsonLeafValueEditor;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "JsonLeafValueEditor"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/JsonTree/JsonLeafValueEditor.d.ts

@@ -0,0 +1,9 @@
+import type { JsonTreeNode, JsonValue } from './JsonTree.types';
+export interface JsonLeafValueEditorProps {
+    node: JsonTreeNode;
+    onCommit: (value: JsonValue) => void;
+    onCancel: () => void;
+    className?: string;
+}
+export declare function JsonLeafValueEditor({ node, onCommit, onCancel, className, }: JsonLeafValueEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JsonLeafValueEditor.d.ts.map

package/dist/canvas/components/JsonTree/JsonLeafValueEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonLeafValueEditor.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonLeafValueEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,wBAAwB,2CA8E1B"}