@uipath/apollo-react 6.0.0 → 6.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTree.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,358 @@
+"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__, {
+    JsonTreeRowContextProvider: ()=>JsonTreeRowContextProvider,
+    JsonTreeRow: ()=>JsonTreeRow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const external_buildJsonTree_cjs_namespaceObject = require("./buildJsonTree.cjs");
+const external_DecorationChip_cjs_namespaceObject = require("./DecorationChip.cjs");
+const external_JsonContainerEditor_cjs_namespaceObject = require("./JsonContainerEditor.cjs");
+const external_JsonMultilineLeafEditor_cjs_namespaceObject = require("./JsonMultilineLeafEditor.cjs");
+const external_JsonTypeBadge_cjs_namespaceObject = require("./JsonTypeBadge.cjs");
+const external_NodeKey_cjs_namespaceObject = require("./NodeKey.cjs");
+const external_RowActions_cjs_namespaceObject = require("./RowActions.cjs");
+const external_ScalarValueCell_cjs_namespaceObject = require("./ScalarValueCell.cjs");
+const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-1.5 py-1 pr-1 transition hover:bg-surface-overlay';
+const CUSTOM_CELL_CLASS = 'flex min-w-0 flex-1 items-center overflow-hidden';
+function rowIndent(depth, extra = 0) {
+    return {
+        paddingLeft: `${6 + 12 * depth + extra}px`
+    };
+}
+const KEY_ALIGN_OFFSET = 44;
+const JsonTreeRowContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const JsonTreeRowContextProvider = JsonTreeRowContext.Provider;
+function useJsonTreeRowContext() {
+    const ctx = (0, external_react_namespaceObject.useContext)(JsonTreeRowContext);
+    if (!ctx) throw new Error('JsonTreeRow must be rendered inside a JsonTreeRowContext provider');
+    return ctx;
+}
+function JsonTreeRow({ node, depth }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const { collapsed, onToggleCollapsed, readOnly, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, canEdit, RowWrapper, templateItemLabel, editingPath, jsonEditingPath, wrappedPaths, copied, setEditingPath, setJsonEditingPath, copyPath, copyValue, toggleWrapped, commitEdit } = useJsonTreeRowContext();
+    const buildDefaultActions = (node, flags)=>{
+        const actions = [];
+        if (flags.wrappable) actions.push({
+            id: 'wrap',
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.WrapText, {}),
+            active: flags.wrapped,
+            tooltip: flags.wrapped ? _({
+                id: 'canvas.json_value_panel.unwrap_value',
+                message: 'Unwrap value'
+            }) : _({
+                id: 'canvas.json_value_panel.wrap_value',
+                message: 'Wrap value'
+            }),
+            label: flags.wrapped ? _({
+                id: 'canvas.json_value_panel.unwrap_value_of',
+                message: 'Unwrap value of {key}',
+                values: {
+                    key: node.key
+                }
+            }) : _({
+                id: 'canvas.json_value_panel.wrap_value_of',
+                message: 'Wrap value of {key}',
+                values: {
+                    key: node.key
+                }
+            }),
+            onSelect: ()=>toggleWrapped(node)
+        });
+        if (flags.isContainer && canEdit && !node.isArrayItemTemplate) actions.push({
+            id: 'edit-json',
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Pencil, {}),
+            tooltip: _({
+                id: 'canvas.json_value_panel.edit_as_json',
+                message: 'Edit as JSON'
+            }),
+            label: _({
+                id: 'canvas.json_value_panel.edit_key_as_json',
+                message: 'Edit {key} as JSON',
+                values: {
+                    key: node.key
+                }
+            }),
+            onSelect: ()=>setJsonEditingPath(node.path)
+        });
+        if (flags.canCopyValue) actions.push({
+            id: 'copy-value',
+            icon: flags.copiedValue ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CircleCheck, {
+                className: "text-brand"
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Copy, {}),
+            tooltip: _({
+                id: 'canvas.json_value_panel.copy_value',
+                message: 'Copy value'
+            }),
+            label: _({
+                id: 'canvas.json_value_panel.copy_value_of',
+                message: 'Copy value of {key}',
+                values: {
+                    key: node.key
+                }
+            }),
+            onSelect: ()=>copyValue(node)
+        });
+        return actions;
+    };
+    const isContainer = void 0 !== node.children;
+    const isTemplate = !!node.isArrayItemTemplate;
+    const isTemplateItem = (0, external_buildJsonTree_cjs_namespaceObject.isArrayItemTemplateRoot)(node);
+    const childCount = node.children?.filter((c)=>!(0, external_buildJsonTree_cjs_namespaceObject.isArrayItemTemplateRoot)(c)).length ?? 0;
+    const decoration = decorateNode?.(node);
+    const customCell = renderValue?.(node, {
+        readOnly,
+        commit: (value)=>commitEdit(node, value),
+        clear: ()=>commitEdit(node, void 0)
+    });
+    const canCopyValue = void 0 !== node.value;
+    const wrappable = !isContainer && null == customCell && void 0 !== node.value && 'boolean' !== node.type && !node.schema?.enum?.length;
+    const wrapped = wrappable && !!wrappedPaths[node.path];
+    const copiedValue = copied?.path === node.path && 'value' === copied.kind;
+    let builtDefaults;
+    const getDefaultActions = ()=>{
+        builtDefaults ??= buildDefaultActions(node, {
+            isContainer,
+            wrappable,
+            wrapped,
+            canCopyValue,
+            copiedValue
+        });
+        return builtDefaults;
+    };
+    const actions = nodeActions?.(node, {
+        readOnly,
+        get defaultActions () {
+            return getDefaultActions();
+        },
+        commit: (value)=>commitEdit(node, value),
+        clear: ()=>commitEdit(node, void 0)
+    }) ?? getDefaultActions();
+    const rowClickable = isContainer && !!onToggleCollapsed;
+    const handleRowClick = (event)=>{
+        if (event.target.closest('button, a, input, textarea, select, [contenteditable="true"]')) return;
+        onToggleCollapsed?.(node.path);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(RowWrapper, {
+                node: node,
+                className: (0, apollo_wind_namespaceObject.cn)(ROW_CLASS, rowClickable && 'cursor-pointer'),
+                style: rowIndent(depth),
+                onClick: rowClickable ? handleRowClick : void 0,
+                children: [
+                    isContainer ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        type: "button",
+                        onClick: ()=>onToggleCollapsed?.(node.path),
+                        "aria-label": collapsed[node.path] ? _({
+                            id: 'canvas.json_value_panel.expand_key',
+                            message: 'Expand {key}',
+                            values: {
+                                key: node.key
+                            }
+                        }) : _({
+                            id: 'canvas.json_value_panel.collapse_key',
+                            message: 'Collapse {key}',
+                            values: {
+                                key: node.key
+                            }
+                        }),
+                        "aria-expanded": !collapsed[node.path],
+                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            size: 10,
+                            className: (0, apollo_wind_namespaceObject.cn)('transition-transform duration-100', collapsed[node.path] && '-rotate-90')
+                        })
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "size-2.5 shrink-0"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTypeBadge_cjs_namespaceObject.JsonTypeBadge, {
+                        type: node.type,
+                        icon: decoration?.badge?.icon ?? deriveTypeIcon?.(node),
+                        className: decoration?.badge?.className
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeKey_cjs_namespaceObject.NodeKey, {
+                        node: node,
+                        label: isTemplateItem ? templateItemLabel : decoration?.label,
+                        displayPath: pathForCopy?.(node.path) ?? node.path,
+                        onCopyPath: copyPath,
+                        className: isTemplateItem ? 'font-normal italic text-foreground-subtle' : void 0
+                    }),
+                    copied?.path === node.path && 'path' === copied.kind && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CircleCheck, {
+                        size: 11,
+                        className: "shrink-0 text-brand",
+                        role: "img",
+                        "aria-label": _({
+                            id: 'canvas.json_value_panel.path_copied',
+                            message: 'Path copied'
+                        })
+                    }),
+                    decoration?.sublabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4",
+                        children: decoration.sublabel
+                    }),
+                    node.required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        className: "shrink-0 text-[10px] text-error",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                "aria-hidden": "true",
+                                children: "*"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "sr-only",
+                                children: _({
+                                    id: 'canvas.json_value_panel.required_marker',
+                                    message: 'required'
+                                })
+                            })
+                        ]
+                    }),
+                    isContainer ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            !decoration?.hideCount && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "shrink-0 whitespace-nowrap font-mono italic text-[10px] text-foreground-subtle",
+                                children: 'array' === node.type ? _({
+                                    id: 'canvas.json_value_panel.item_count',
+                                    message: '{count, plural, one {# item} other {# items}}',
+                                    values: {
+                                        count: childCount
+                                    }
+                                }) : _({
+                                    id: 'canvas.json_value_panel.key_count',
+                                    message: '{count, plural, one {# key} other {# keys}}',
+                                    values: {
+                                        count: childCount
+                                    }
+                                })
+                            }),
+                            null != customCell && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: CUSTOM_CELL_CLASS,
+                                children: customCell
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DecorationChip_cjs_namespaceObject.DecorationChip, {
+                                decoration: decoration
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_RowActions_cjs_namespaceObject.RowActions, {
+                                node: node,
+                                actions: actions,
+                                maxInline: maxInlineActions
+                            })
+                        ]
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            !wrapped && (null != customCell ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: CUSTOM_CELL_CLASS,
+                                children: customCell
+                            }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "shrink-0 font-mono text-xs text-foreground-subtle",
+                                        children: "="
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ScalarValueCell_cjs_namespaceObject.ScalarValueCell, {
+                                        node: node,
+                                        readOnly: readOnly,
+                                        editing: editingPath === node.path,
+                                        onStartEdit: (n)=>setEditingPath(n.path),
+                                        onStopEdit: ()=>setEditingPath(null),
+                                        onEdit: canEdit ? commitEdit : void 0
+                                    })
+                                ]
+                            })),
+                            editingPath !== node.path && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DecorationChip_cjs_namespaceObject.DecorationChip, {
+                                        decoration: decoration
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_RowActions_cjs_namespaceObject.RowActions, {
+                                        node: node,
+                                        actions: actions,
+                                        maxInline: maxInlineActions
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            wrapped && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "pb-1.5 pr-3.5",
+                style: rowIndent(depth, KEY_ALIGN_OFFSET),
+                children: editingPath === node.path && canEdit ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonMultilineLeafEditor_cjs_namespaceObject.JsonMultilineLeafEditor, {
+                    node: node,
+                    onCommit: (value)=>{
+                        setEditingPath(null);
+                        commitEdit(node, value);
+                    },
+                    onCancel: ()=>setEditingPath(null)
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                    type: "button",
+                    disabled: !canEdit,
+                    onClick: ()=>setEditingPath(node.path),
+                    "aria-label": _({
+                        id: 'canvas.json_value_panel.edit_value_of',
+                        message: 'Edit value of {key}',
+                        values: {
+                            key: node.key
+                        }
+                    }),
+                    title: canEdit ? _({
+                        id: 'canvas.json_value_panel.edit_hint',
+                        message: 'Click to edit'
+                    }) : void 0,
+                    className: (0, apollo_wind_namespaceObject.cn)('w-full whitespace-pre-wrap break-all rounded text-left font-mono text-xs leading-5', canEdit && 'cursor-text', (0, external_ScalarValueCell_cjs_namespaceObject.valueColorClass)(node.type, node.value)),
+                    children: 'string' == typeof node.value ? node.value : (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)(node.type, node.value)
+                })
+            }),
+            isContainer && jsonEditingPath === node.path && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "py-1.5 pr-3.5",
+                style: rowIndent(depth, KEY_ALIGN_OFFSET),
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonContainerEditor_cjs_namespaceObject.JsonContainerEditor, {
+                    node: node,
+                    onCommit: (value)=>{
+                        setJsonEditingPath(null);
+                        commitEdit(node, value);
+                    },
+                    onCancel: ()=>setJsonEditingPath(null),
+                    renderCodeEditor: renderCodeEditor
+                })
+            })
+        ]
+    });
+}
+exports.JsonTreeRow = __webpack_exports__.JsonTreeRow;
+exports.JsonTreeRowContextProvider = __webpack_exports__.JsonTreeRowContextProvider;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "JsonTreeRow",
+    "JsonTreeRowContextProvider"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,35 @@
+import type { CopyEvent, DeriveTypeIcon, JsonTreeNode, JsonTreeRowWrapper, JsonValue, NodeActionsResolver, NodeDecoration, RenderCodeEditor, RenderValueCell } from './JsonTree.types';
+export interface JsonTreeRowContextValue {
+    collapsed: Record<string, boolean>;
+    onToggleCollapsed?: (path: string) => void;
+    readOnly: boolean;
+    decorateNode?: (node: JsonTreeNode) => NodeDecoration | undefined;
+    deriveTypeIcon?: DeriveTypeIcon;
+    renderValue?: RenderValueCell;
+    nodeActions?: NodeActionsResolver;
+    maxInlineActions: number;
+    renderCodeEditor?: RenderCodeEditor;
+    pathForCopy?: (path: string) => string;
+    canEdit: boolean;
+    RowWrapper: JsonTreeRowWrapper;
+    templateItemLabel: string;
+    editingPath: string | null;
+    jsonEditingPath: string | null;
+    wrappedPaths: Record<string, boolean>;
+    copied: {
+        path: string;
+        kind: CopyEvent['kind'];
+    } | null;
+    setEditingPath: (path: string | null) => void;
+    setJsonEditingPath: (path: string | null) => void;
+    copyPath: (node: JsonTreeNode) => void;
+    copyValue: (node: JsonTreeNode) => void;
+    toggleWrapped: (node: JsonTreeNode) => void;
+    commitEdit: (node: JsonTreeNode, value: JsonValue | undefined) => void;
+}
+export declare const JsonTreeRowContextProvider: import("react").Provider<JsonTreeRowContextValue | null>;
+export declare function JsonTreeRow({ node, depth }: {
+    node: JsonTreeNode;
+    depth: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JsonTreeRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAiC1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA6WjF"}