@uipath/apollo-react 6.1.0 → 6.2.0

package/dist/canvas/components/NodeIOView/NodeIOView.cjs

@@ -0,0 +1,254 @@
+"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__, {
+    NodeIOView: ()=>NodeIOView
+});
+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_JsonTree_index_cjs_namespaceObject = require("../JsonTree/index.cjs");
+const external_PanelTitleBar_cjs_namespaceObject = require("./PanelTitleBar.cjs");
+const TAB_LIST_CLASS = 'h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground';
+const TAB_TRIGGER_CLASS = 'inline-flex h-6 shrink-0 items-center whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm';
+function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false, title, titleIcon, titleBadge, titleTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, defaultCollapsedDepth = 2, className }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const nodes = (0, external_react_namespaceObject.useMemo)(()=>(0, external_JsonTree_index_cjs_namespaceObject.buildJsonTree)({
+            schema,
+            value,
+            basePath
+        }), [
+        schema,
+        value,
+        basePath
+    ]);
+    const containerPaths = (0, external_react_namespaceObject.useMemo)(()=>(0, external_JsonTree_index_cjs_namespaceObject.collectContainerPaths)(nodes), [
+        nodes
+    ]);
+    const [query, setQuery] = (0, external_react_namespaceObject.useState)('');
+    const [activeFilterId, setActiveFilterId] = (0, external_react_namespaceObject.useState)(null);
+    const activeFilter = filters?.find((f)=>f.id === activeFilterId);
+    const [collapsed, setCollapsed] = (0, external_react_namespaceObject.useState)(()=>Object.fromEntries(containerPaths.filter((c)=>c.depth >= defaultCollapsedDepth).map((c)=>[
+                c.path,
+                true
+            ])));
+    const [selectedTab, setSelectedTab] = (0, external_react_namespaceObject.useState)(defaultTab ?? 'schema');
+    const activeTab = (0, external_react_namespaceObject.useMemo)(()=>{
+        const validIds = new Set([
+            'schema',
+            'json',
+            ...extraTabs?.map((tab)=>tab.id) ?? []
+        ]);
+        return validIds.has(selectedTab) ? selectedTab : 'schema';
+    }, [
+        selectedTab,
+        extraTabs
+    ]);
+    const handleTabChange = (tabId)=>{
+        setSelectedTab(tabId);
+        onTabChange?.(tabId);
+    };
+    const tabs = (0, external_react_namespaceObject.useMemo)(()=>[
+            {
+                id: 'schema',
+                label: _({
+                    id: 'canvas.json_value_panel.schema_tab',
+                    message: 'Schema'
+                })
+            },
+            {
+                id: 'json',
+                label: _({
+                    id: 'canvas.json_value_panel.json_tab',
+                    message: 'JSON'
+                })
+            },
+            ...extraTabs?.map((tab)=>({
+                    id: tab.id,
+                    label: tab.label
+                })) ?? []
+        ], [
+        extraTabs,
+        _
+    ]);
+    const useTabDropdown = (extraTabs?.length ?? 0) > 0;
+    const activeTabLabel = tabs.find((tab)=>tab.id === activeTab)?.label ?? tabs[0].label;
+    const tabSwitcher = useTabDropdown ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenu, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Button, {
+                    variant: "ghost",
+                    size: "3xs",
+                    className: "gap-1 px-2 text-foreground",
+                    "aria-label": _({
+                        id: 'canvas.json_value_panel.view_switcher',
+                        message: 'View: {label}',
+                        values: {
+                            label: activeTabLabel
+                        }
+                    }),
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "text-xs font-medium",
+                            children: activeTabLabel
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            size: 13,
+                            className: "text-foreground-subtle"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuContent, {
+                align: "start",
+                className: "w-44",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuRadioGroup, {
+                    value: activeTab,
+                    onValueChange: handleTabChange,
+                    children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuRadioItem, {
+                            value: tab.id,
+                            className: "cursor-pointer text-[11px] [&>span:first-child]:text-foreground-accent",
+                            children: tab.label
+                        }, tab.id))
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsList, {
+        className: TAB_LIST_CLASS,
+        children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsTrigger, {
+                value: tab.id,
+                className: TAB_TRIGGER_CLASS,
+                children: tab.label
+            }, tab.id))
+    });
+    const allCollapsed = containerPaths.length > 0 && containerPaths.every((c)=>collapsed[c.path]);
+    const toggleCollapsed = (path)=>setCollapsed((prev)=>({
+                ...prev,
+                [path]: !prev[path]
+            }));
+    const toggleAll = ()=>{
+        setCollapsed(allCollapsed ? {} : Object.fromEntries(containerPaths.map((c)=>[
+                c.path,
+                true
+            ])));
+    };
+    const handleEdit = (node, nodeValue)=>{
+        const next = void 0 === nodeValue ? (0, external_JsonTree_index_cjs_namespaceObject.removeValueAtPath)(value, node.segments) : (0, external_JsonTree_index_cjs_namespaceObject.setValueAtPath)(value, node.segments, nodeValue);
+        onValueChange?.(next ?? {}, {
+            path: node.path,
+            segments: node.segments,
+            value: nodeValue,
+            previous: node.value
+        });
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex h-full min-h-0 flex-col gap-4', className),
+        children: [
+            title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_PanelTitleBar_cjs_namespaceObject.PanelTitleBar, {
+                icon: titleIcon,
+                title: title,
+                badge: titleBadge,
+                trailing: titleTrailing,
+                className: "shrink-0"
+            }),
+            beforeContent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "shrink-0",
+                children: beforeContent
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Tabs, {
+                value: activeTab,
+                onValueChange: handleTabChange,
+                className: "flex min-h-0 flex-1 flex-col gap-2",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTree_index_cjs_namespaceObject.JsonTreeToolbar, {
+                        query: query,
+                        onQueryChange: setQuery,
+                        searchPlaceholder: searchPlaceholder,
+                        filters: filters,
+                        activeFilterId: activeFilterId,
+                        onFilterChange: setActiveFilterId,
+                        allCollapsed: allCollapsed,
+                        onToggleAll: containerPaths.length > 0 ? toggleAll : void 0,
+                        leading: tabSwitcher,
+                        controlsHidden: 'schema' !== activeTab,
+                        className: "shrink-0"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsContent, {
+                        value: "schema",
+                        className: "mt-0 flex min-h-0 flex-1 flex-col",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "min-h-0 flex-1 overflow-hidden rounded-xl border border-surface-overlay bg-surface-overlay/40",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTree_index_cjs_namespaceObject.JsonTree, {
+                                nodes: nodes,
+                                collapsed: collapsed,
+                                onToggleCollapsed: toggleCollapsed,
+                                query: query,
+                                filterPredicate: activeFilter?.predicate,
+                                readOnly: readOnly || !onValueChange,
+                                onEdit: handleEdit,
+                                rowWrapper: rowWrapper,
+                                decorateNode: decorateNode,
+                                deriveTypeIcon: deriveTypeIcon,
+                                renderValue: renderValue,
+                                nodeActions: nodeActions,
+                                maxInlineActions: maxInlineActions,
+                                renderCodeEditor: renderCodeEditor,
+                                pathForCopy: pathForCopy,
+                                onCopy: onCopy,
+                                emptyMessage: emptyMessage
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsContent, {
+                        value: "json",
+                        className: "mt-0 flex min-h-0 flex-1 flex-col",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "min-h-0 flex-1 overflow-hidden rounded-xl border border-surface-overlay bg-surface-overlay/40",
+                            children: jsonView ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
+                                className: "h-full overflow-auto p-3 font-mono text-xs leading-4.5 text-foreground",
+                                children: JSON.stringify(value ?? null, null, 2)
+                            })
+                        })
+                    }),
+                    extraTabs?.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsContent, {
+                            value: tab.id,
+                            className: "mt-0 flex min-h-0 flex-1 flex-col",
+                            children: tab.content
+                        }, tab.id))
+                ]
+            })
+        ]
+    });
+}
+exports.NodeIOView = __webpack_exports__.NodeIOView;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "NodeIOView"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/NodeIOView/NodeIOView.d.ts

@@ -0,0 +1,3 @@
+import type { NodeIOViewProps } from './NodeIOView.types';
+export declare function NodeIOView({ schema, value, onValueChange, basePath, readOnly, title, titleIcon, titleBadge, titleTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, defaultCollapsedDepth, className, }: NodeIOViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NodeIOView.d.ts.map

package/dist/canvas/components/NodeIOView/NodeIOView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeIOView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/NodeIOView.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAyC1D,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,qBAAyB,EACzB,SAAS,GACV,EAAE,eAAe,2CAqMjB"}

package/dist/canvas/components/NodeIOView/NodeIOView.js

@@ -0,0 +1,220 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, Tabs, TabsContent, TabsList, TabsTrigger, cn } from "@uipath/apollo-wind";
+import { ChevronDown } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
+import { JsonTree, JsonTreeToolbar, buildJsonTree, collectContainerPaths, removeValueAtPath, setValueAtPath } from "../JsonTree/index.js";
+import { PanelTitleBar } from "./PanelTitleBar.js";
+const TAB_LIST_CLASS = 'h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground';
+const TAB_TRIGGER_CLASS = 'inline-flex h-6 shrink-0 items-center whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm';
+function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false, title, titleIcon, titleBadge, titleTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, defaultCollapsedDepth = 2, className }) {
+    const { _ } = useSafeLingui();
+    const nodes = useMemo(()=>buildJsonTree({
+            schema,
+            value,
+            basePath
+        }), [
+        schema,
+        value,
+        basePath
+    ]);
+    const containerPaths = useMemo(()=>collectContainerPaths(nodes), [
+        nodes
+    ]);
+    const [query, setQuery] = useState('');
+    const [activeFilterId, setActiveFilterId] = useState(null);
+    const activeFilter = filters?.find((f)=>f.id === activeFilterId);
+    const [collapsed, setCollapsed] = useState(()=>Object.fromEntries(containerPaths.filter((c)=>c.depth >= defaultCollapsedDepth).map((c)=>[
+                c.path,
+                true
+            ])));
+    const [selectedTab, setSelectedTab] = useState(defaultTab ?? 'schema');
+    const activeTab = useMemo(()=>{
+        const validIds = new Set([
+            'schema',
+            'json',
+            ...extraTabs?.map((tab)=>tab.id) ?? []
+        ]);
+        return validIds.has(selectedTab) ? selectedTab : 'schema';
+    }, [
+        selectedTab,
+        extraTabs
+    ]);
+    const handleTabChange = (tabId)=>{
+        setSelectedTab(tabId);
+        onTabChange?.(tabId);
+    };
+    const tabs = useMemo(()=>[
+            {
+                id: 'schema',
+                label: _({
+                    id: 'canvas.json_value_panel.schema_tab',
+                    message: 'Schema'
+                })
+            },
+            {
+                id: 'json',
+                label: _({
+                    id: 'canvas.json_value_panel.json_tab',
+                    message: 'JSON'
+                })
+            },
+            ...extraTabs?.map((tab)=>({
+                    id: tab.id,
+                    label: tab.label
+                })) ?? []
+        ], [
+        extraTabs,
+        _
+    ]);
+    const useTabDropdown = (extraTabs?.length ?? 0) > 0;
+    const activeTabLabel = tabs.find((tab)=>tab.id === activeTab)?.label ?? tabs[0].label;
+    const tabSwitcher = useTabDropdown ? /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxs(Button, {
+                    variant: "ghost",
+                    size: "3xs",
+                    className: "gap-1 px-2 text-foreground",
+                    "aria-label": _({
+                        id: 'canvas.json_value_panel.view_switcher',
+                        message: 'View: {label}',
+                        values: {
+                            label: activeTabLabel
+                        }
+                    }),
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            className: "text-xs font-medium",
+                            children: activeTabLabel
+                        }),
+                        /*#__PURE__*/ jsx(ChevronDown, {
+                            size: 13,
+                            className: "text-foreground-subtle"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(DropdownMenuContent, {
+                align: "start",
+                className: "w-44",
+                children: /*#__PURE__*/ jsx(DropdownMenuRadioGroup, {
+                    value: activeTab,
+                    onValueChange: handleTabChange,
+                    children: tabs.map((tab)=>/*#__PURE__*/ jsx(DropdownMenuRadioItem, {
+                            value: tab.id,
+                            className: "cursor-pointer text-[11px] [&>span:first-child]:text-foreground-accent",
+                            children: tab.label
+                        }, tab.id))
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ jsx(TabsList, {
+        className: TAB_LIST_CLASS,
+        children: tabs.map((tab)=>/*#__PURE__*/ jsx(TabsTrigger, {
+                value: tab.id,
+                className: TAB_TRIGGER_CLASS,
+                children: tab.label
+            }, tab.id))
+    });
+    const allCollapsed = containerPaths.length > 0 && containerPaths.every((c)=>collapsed[c.path]);
+    const toggleCollapsed = (path)=>setCollapsed((prev)=>({
+                ...prev,
+                [path]: !prev[path]
+            }));
+    const toggleAll = ()=>{
+        setCollapsed(allCollapsed ? {} : Object.fromEntries(containerPaths.map((c)=>[
+                c.path,
+                true
+            ])));
+    };
+    const handleEdit = (node, nodeValue)=>{
+        const next = void 0 === nodeValue ? removeValueAtPath(value, node.segments) : setValueAtPath(value, node.segments, nodeValue);
+        onValueChange?.(next ?? {}, {
+            path: node.path,
+            segments: node.segments,
+            value: nodeValue,
+            previous: node.value
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('flex h-full min-h-0 flex-col gap-4', className),
+        children: [
+            title && /*#__PURE__*/ jsx(PanelTitleBar, {
+                icon: titleIcon,
+                title: title,
+                badge: titleBadge,
+                trailing: titleTrailing,
+                className: "shrink-0"
+            }),
+            beforeContent && /*#__PURE__*/ jsx("div", {
+                className: "shrink-0",
+                children: beforeContent
+            }),
+            /*#__PURE__*/ jsxs(Tabs, {
+                value: activeTab,
+                onValueChange: handleTabChange,
+                className: "flex min-h-0 flex-1 flex-col gap-2",
+                children: [
+                    /*#__PURE__*/ jsx(JsonTreeToolbar, {
+                        query: query,
+                        onQueryChange: setQuery,
+                        searchPlaceholder: searchPlaceholder,
+                        filters: filters,
+                        activeFilterId: activeFilterId,
+                        onFilterChange: setActiveFilterId,
+                        allCollapsed: allCollapsed,
+                        onToggleAll: containerPaths.length > 0 ? toggleAll : void 0,
+                        leading: tabSwitcher,
+                        controlsHidden: 'schema' !== activeTab,
+                        className: "shrink-0"
+                    }),
+                    /*#__PURE__*/ jsx(TabsContent, {
+                        value: "schema",
+                        className: "mt-0 flex min-h-0 flex-1 flex-col",
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "min-h-0 flex-1 overflow-hidden rounded-xl border border-surface-overlay bg-surface-overlay/40",
+                            children: /*#__PURE__*/ jsx(JsonTree, {
+                                nodes: nodes,
+                                collapsed: collapsed,
+                                onToggleCollapsed: toggleCollapsed,
+                                query: query,
+                                filterPredicate: activeFilter?.predicate,
+                                readOnly: readOnly || !onValueChange,
+                                onEdit: handleEdit,
+                                rowWrapper: rowWrapper,
+                                decorateNode: decorateNode,
+                                deriveTypeIcon: deriveTypeIcon,
+                                renderValue: renderValue,
+                                nodeActions: nodeActions,
+                                maxInlineActions: maxInlineActions,
+                                renderCodeEditor: renderCodeEditor,
+                                pathForCopy: pathForCopy,
+                                onCopy: onCopy,
+                                emptyMessage: emptyMessage
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(TabsContent, {
+                        value: "json",
+                        className: "mt-0 flex min-h-0 flex-1 flex-col",
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "min-h-0 flex-1 overflow-hidden rounded-xl border border-surface-overlay bg-surface-overlay/40",
+                            children: jsonView ?? /*#__PURE__*/ jsx("pre", {
+                                className: "h-full overflow-auto p-3 font-mono text-xs leading-4.5 text-foreground",
+                                children: JSON.stringify(value ?? null, null, 2)
+                            })
+                        })
+                    }),
+                    extraTabs?.map((tab)=>/*#__PURE__*/ jsx(TabsContent, {
+                            value: tab.id,
+                            className: "mt-0 flex min-h-0 flex-1 flex-col",
+                            children: tab.content
+                        }, tab.id))
+                ]
+            })
+        ]
+    });
+}
+export { NodeIOView };

package/dist/canvas/components/NodeIOView/NodeIOView.types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/NodeIOView/NodeIOView.types.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+import type { CopyEvent, DeriveTypeIcon, JsonContainer, JsonSchema, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeRowWrapper, NodeActionsResolver, NodeDecoration, RenderCodeEditor, RenderValueCell } from '../JsonTree/JsonTree.types';
+export interface NodeIOViewTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+export interface NodeIOViewProps {
+    schema?: JsonSchema;
+    value?: JsonContainer;
+    onValueChange?: (next: JsonContainer, change: JsonTreeChange) => void;
+    basePath?: string;
+    readOnly?: boolean;
+    title?: string;
+    titleIcon?: ReactNode;
+    titleBadge?: string;
+    titleTrailing?: ReactNode;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    jsonView?: ReactNode;
+    extraTabs?: NodeIOViewTab[];
+    defaultTab?: string;
+    onTabChange?: (tabId: string) => void;
+    beforeContent?: ReactNode;
+    rowWrapper?: JsonTreeRowWrapper;
+    filters?: JsonTreeFilterOption[];
+    decorateNode?: (node: JsonTreeNode) => NodeDecoration | undefined;
+    deriveTypeIcon?: DeriveTypeIcon;
+    renderValue?: RenderValueCell;
+    nodeActions?: NodeActionsResolver;
+    maxInlineActions?: number;
+    renderCodeEditor?: RenderCodeEditor;
+    pathForCopy?: (path: string) => string;
+    onCopy?: (event: CopyEvent) => void;
+    defaultCollapsedDepth?: number;
+    className?: string;
+}
+//# sourceMappingURL=NodeIOView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeIOView.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/NodeIOView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,aAAa;IAE5B,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,MAAM,CAAC;IAEd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAE9B,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAOtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAE5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKtC,aAAa,CAAC,EAAE,SAAS,CAAC;IAM1B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAElE,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,eAAe,CAAC;IAM9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAKpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/canvas/components/NodeIOView/PanelTitleBar.cjs

@@ -0,0 +1,78 @@
+"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__, {
+    PanelTitleBar: ()=>PanelTitleBar
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+function PanelTitleBar({ icon, title, badge, trailing, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex items-center justify-between gap-2', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex min-w-0 items-center gap-2",
+                children: [
+                    icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "shrink-0 text-foreground-subtle [&>svg]:size-[13px]",
+                        children: icon
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                        smartTooltip: true,
+                        delay: true,
+                        placement: "bottom",
+                        content: title,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "truncate text-xs font-medium text-foreground",
+                            children: title
+                        })
+                    }),
+                    badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                        smartTooltip: true,
+                        delay: true,
+                        placement: "bottom",
+                        content: badge,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "min-w-0 truncate font-mono text-[10px] text-foreground-muted",
+                            children: badge
+                        })
+                    })
+                ]
+            }),
+            trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "shrink-0",
+                children: trailing
+            })
+        ]
+    });
+}
+exports.PanelTitleBar = __webpack_exports__.PanelTitleBar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PanelTitleBar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/NodeIOView/PanelTitleBar.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface PanelTitleBarProps {
+    icon?: ReactNode;
+    title: string;
+    badge?: string;
+    trailing?: ReactNode;
+    className?: string;
+}
+export declare function PanelTitleBar({ icon, title, badge, trailing, className }: PanelTitleBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PanelTitleBar.d.ts.map

package/dist/canvas/components/NodeIOView/PanelTitleBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTitleBar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/PanelTitleBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IAEjC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAqB5F"}