@uipath/apollo-react 6.40.0 → 6.42.0

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

@@ -27,14 +27,91 @@ __webpack_require__.d(__webpack_exports__, {
     JsonTree: ()=>JsonTree
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_virtual_namespaceObject = require("@tanstack/react-virtual");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const tooltip_namespaceObject = require("@uipath/apollo-wind/components/ui/tooltip");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const useIsomorphicLayoutEffect_cjs_namespaceObject = require("../../hooks/useIsomorphicLayoutEffect.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
 const external_buildJsonTree_cjs_namespaceObject = require("./buildJsonTree.cjs");
 const external_clipboard_cjs_namespaceObject = require("./clipboard.cjs");
 const external_JsonTreeRow_cjs_namespaceObject = require("./JsonTreeRow.cjs");
+const VIRTUAL_OVERSCAN = 10;
+function scrollMarginOf(element, scrollElement) {
+    return Math.round(element.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop);
+}
+function VirtualRows({ rows, containerRef, scrollElement, pinnedPaths }) {
+    const [scrollMargin, setScrollMargin] = (0, external_react_namespaceObject.useState)(0);
+    const getItemKey = (0, external_react_namespaceObject.useCallback)((index)=>rows[index]?.node.path ?? index, [
+        rows
+    ]);
+    const virtualizer = (0, react_virtual_namespaceObject.useVirtualizer)({
+        count: rows.length,
+        getScrollElement: ()=>scrollElement ?? containerRef.current,
+        estimateSize: ()=>external_JsonTreeRow_cjs_namespaceObject.ROW_MIN_HEIGHT_PX,
+        getItemKey,
+        overscan: VIRTUAL_OVERSCAN,
+        scrollMargin
+    });
+    (0, useIsomorphicLayoutEffect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>{
+        const container = containerRef.current;
+        if (!container || !scrollElement) {
+            if (0 !== scrollMargin) setScrollMargin(0);
+            return;
+        }
+        if (virtualizer.isScrolling) return;
+        const next = scrollMarginOf(container, scrollElement);
+        if (next !== scrollMargin) setScrollMargin(next);
+    });
+    const isPinning = pinnedPaths.length > 0;
+    const indexByPath = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!isPinning) return;
+        const byPath = new Map();
+        rows.forEach((row, index)=>byPath.set(row.node.path, index));
+        return byPath;
+    }, [
+        isPinning,
+        rows
+    ]);
+    const items = virtualizer.getVirtualItems();
+    const firstWindowed = items[0]?.index ?? -1;
+    const lastWindowed = items[items.length - 1]?.index ?? -2;
+    const pinnedItems = [];
+    if (indexByPath) for (const path of pinnedPaths){
+        const index = indexByPath.get(path);
+        if (void 0 === index || index >= firstWindowed && index <= lastWindowed) continue;
+        const measurement = virtualizer.measurementsCache[index];
+        if (measurement) pinnedItems.push(measurement);
+    }
+    const rendered = 0 === pinnedItems.length ? items : [
+        ...pinnedItems.filter((item)=>item.index < firstWindowed),
+        ...items,
+        ...pinnedItems.filter((item)=>item.index > lastWindowed)
+    ];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "relative",
+        style: {
+            height: virtualizer.getTotalSize()
+        },
+        children: rendered.map((item)=>{
+            const row = rows[item.index];
+            if (!row) return null;
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "data-index": item.index,
+                ref: virtualizer.measureElement,
+                className: "absolute top-0 left-0 w-full",
+                style: {
+                    transform: `translateY(${item.start - virtualizer.options.scrollMargin}px)`
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRow, {
+                    node: row.node,
+                    depth: row.depth
+                })
+            }, item.key);
+        })
+    });
+}
 function valueAsText(node) {
     if ('string' == typeof node.value) return node.value;
     if (void 0 === node.value) return 'null';
@@ -46,12 +123,23 @@ const DefaultRowWrapper = ({ className, style, onClick, children })=>/*#__PURE__
         onClick: onClick,
         children: children
     });
-function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, emptyMessage, className }) {
+function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, virtualized = false, scrollElement, emptyMessage, className }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const containerRef = (0, external_react_namespaceObject.useRef)(null);
+    const usesAncestorScroller = virtualized && !!scrollElement;
     const RowWrapper = rowWrapper ?? DefaultRowWrapper;
     const [editingPath, setEditingPath] = (0, external_react_namespaceObject.useState)(null);
     const [jsonEditingPath, setJsonEditingPath] = (0, external_react_namespaceObject.useState)(null);
     const [wrappedPaths, setWrappedPaths] = (0, external_react_namespaceObject.useState)({});
+    const pinnedPaths = (0, external_react_namespaceObject.useMemo)(()=>[
+            ...new Set([
+                editingPath,
+                jsonEditingPath
+            ].filter((path)=>null !== path))
+        ], [
+        editingPath,
+        jsonEditingPath
+    ]);
     const [copied, setCopied] = (0, external_react_namespaceObject.useState)(null);
     const copyTimerRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useEffect)(()=>()=>{
@@ -140,9 +228,15 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRowContextProvider, {
                 value: rowContext,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    className: (0, apollo_wind_namespaceObject.cn)('h-full overflow-y-auto overflow-x-hidden', className),
+                    ref: containerRef,
+                    className: (0, apollo_wind_namespaceObject.cn)(usesAncestorScroller ? 'overflow-x-clip' : 'h-full overflow-y-auto overflow-x-hidden', virtualized && !usesAncestorScroller && 'max-h-screen', virtualized && '[overflow-anchor:none]', className),
                     children: [
-                        rows.map(({ node, depth })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRow, {
+                        virtualized ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VirtualRows, {
+                            rows: rows,
+                            containerRef: containerRef,
+                            scrollElement: scrollElement,
+                            pinnedPaths: pinnedPaths
+                        }) : rows.map(({ node, depth })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRow, {
                                 node: node,
                                 depth: depth
                             }, node.path)),

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

@@ -16,8 +16,10 @@ export interface JsonTreeProps {
     renderCodeEditor?: RenderCodeEditor;
     pathForCopy?: (path: string) => string;
     onCopy?: (event: CopyEvent) => void;
+    virtualized?: boolean;
+    scrollElement?: HTMLElement | null;
     emptyMessage?: string;
     className?: string;
 }
-export declare function JsonTree({ nodes, collapsed, onToggleCollapsed, query, filterPredicate, readOnly, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, emptyMessage, className, }: JsonTreeProps): import("react/jsx-runtime").JSX.Element;
+export declare function JsonTree({ nodes, collapsed, onToggleCollapsed, query, filterPredicate, readOnly, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized, scrollElement, emptyMessage, className, }: JsonTreeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=JsonTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAO1B,MAAM,WAAW,aAAa;IAE5B,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAMpE,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,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;IAKlC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAc,EACd,iBAAiB,EACjB,KAAK,EACL,eAAe,EACf,QAAgB,EAChB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE,aAAa,2CA4Hf"}
+{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,WAAW,aAAa;IAE5B,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAMpE,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,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;IAKlC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAQpC,WAAW,CAAC,EAAE,OAAO,CAAC;IAQtB,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+ID,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAc,EACd,iBAAiB,EACjB,KAAK,EACL,eAAe,EACf,QAAgB,EAChB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,WAAmB,EACnB,aAAa,EACb,YAAY,EACZ,SAAS,GACV,EAAE,aAAa,2CA4Jf"}

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

@@ -1,12 +1,89 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
 import { cn } from "@uipath/apollo-wind";
 import { TooltipProvider } from "@uipath/apollo-wind/components/ui/tooltip";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
+import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
 import { CanvasTooltipProviderMarker } from "../CanvasTooltip.js";
 import { flattenJsonTree } from "./buildJsonTree.js";
 import { copyTextToClipboard } from "./clipboard.js";
-import { JsonTreeRow, JsonTreeRowContextProvider } from "./JsonTreeRow.js";
+import { JsonTreeRow, JsonTreeRowContextProvider, ROW_MIN_HEIGHT_PX } from "./JsonTreeRow.js";
+const VIRTUAL_OVERSCAN = 10;
+function scrollMarginOf(element, scrollElement) {
+    return Math.round(element.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop);
+}
+function VirtualRows({ rows, containerRef, scrollElement, pinnedPaths }) {
+    const [scrollMargin, setScrollMargin] = useState(0);
+    const getItemKey = useCallback((index)=>rows[index]?.node.path ?? index, [
+        rows
+    ]);
+    const virtualizer = useVirtualizer({
+        count: rows.length,
+        getScrollElement: ()=>scrollElement ?? containerRef.current,
+        estimateSize: ()=>ROW_MIN_HEIGHT_PX,
+        getItemKey,
+        overscan: VIRTUAL_OVERSCAN,
+        scrollMargin
+    });
+    useIsomorphicLayoutEffect(()=>{
+        const container = containerRef.current;
+        if (!container || !scrollElement) {
+            if (0 !== scrollMargin) setScrollMargin(0);
+            return;
+        }
+        if (virtualizer.isScrolling) return;
+        const next = scrollMarginOf(container, scrollElement);
+        if (next !== scrollMargin) setScrollMargin(next);
+    });
+    const isPinning = pinnedPaths.length > 0;
+    const indexByPath = useMemo(()=>{
+        if (!isPinning) return;
+        const byPath = new Map();
+        rows.forEach((row, index)=>byPath.set(row.node.path, index));
+        return byPath;
+    }, [
+        isPinning,
+        rows
+    ]);
+    const items = virtualizer.getVirtualItems();
+    const firstWindowed = items[0]?.index ?? -1;
+    const lastWindowed = items[items.length - 1]?.index ?? -2;
+    const pinnedItems = [];
+    if (indexByPath) for (const path of pinnedPaths){
+        const index = indexByPath.get(path);
+        if (void 0 === index || index >= firstWindowed && index <= lastWindowed) continue;
+        const measurement = virtualizer.measurementsCache[index];
+        if (measurement) pinnedItems.push(measurement);
+    }
+    const rendered = 0 === pinnedItems.length ? items : [
+        ...pinnedItems.filter((item)=>item.index < firstWindowed),
+        ...items,
+        ...pinnedItems.filter((item)=>item.index > lastWindowed)
+    ];
+    return /*#__PURE__*/ jsx("div", {
+        className: "relative",
+        style: {
+            height: virtualizer.getTotalSize()
+        },
+        children: rendered.map((item)=>{
+            const row = rows[item.index];
+            if (!row) return null;
+            return /*#__PURE__*/ jsx("div", {
+                "data-index": item.index,
+                ref: virtualizer.measureElement,
+                className: "absolute top-0 left-0 w-full",
+                style: {
+                    transform: `translateY(${item.start - virtualizer.options.scrollMargin}px)`
+                },
+                children: /*#__PURE__*/ jsx(JsonTreeRow, {
+                    node: row.node,
+                    depth: row.depth
+                })
+            }, item.key);
+        })
+    });
+}
 function valueAsText(node) {
     if ('string' == typeof node.value) return node.value;
     if (void 0 === node.value) return 'null';
@@ -18,12 +95,23 @@ const DefaultRowWrapper = ({ className, style, onClick, children })=>/*#__PURE__
         onClick: onClick,
         children: children
     });
-function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, emptyMessage, className }) {
+function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, virtualized = false, scrollElement, emptyMessage, className }) {
     const { _ } = useSafeLingui();
+    const containerRef = useRef(null);
+    const usesAncestorScroller = virtualized && !!scrollElement;
     const RowWrapper = rowWrapper ?? DefaultRowWrapper;
     const [editingPath, setEditingPath] = useState(null);
     const [jsonEditingPath, setJsonEditingPath] = useState(null);
     const [wrappedPaths, setWrappedPaths] = useState({});
+    const pinnedPaths = useMemo(()=>[
+            ...new Set([
+                editingPath,
+                jsonEditingPath
+            ].filter((path)=>null !== path))
+        ], [
+        editingPath,
+        jsonEditingPath
+    ]);
     const [copied, setCopied] = useState(null);
     const copyTimerRef = useRef(null);
     useEffect(()=>()=>{
@@ -112,9 +200,15 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
             children: /*#__PURE__*/ jsx(JsonTreeRowContextProvider, {
                 value: rowContext,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: cn('h-full overflow-y-auto overflow-x-hidden', className),
+                    ref: containerRef,
+                    className: cn(usesAncestorScroller ? 'overflow-x-clip' : 'h-full overflow-y-auto overflow-x-hidden', virtualized && !usesAncestorScroller && 'max-h-screen', virtualized && '[overflow-anchor:none]', className),
                     children: [
-                        rows.map(({ node, depth })=>/*#__PURE__*/ jsx(JsonTreeRow, {
+                        virtualized ? /*#__PURE__*/ jsx(VirtualRows, {
+                            rows: rows,
+                            containerRef: containerRef,
+                            scrollElement: scrollElement,
+                            pinnedPaths: pinnedPaths
+                        }) : rows.map(({ node, depth })=>/*#__PURE__*/ jsx(JsonTreeRow, {
                                 node: node,
                                 depth: depth
                             }, node.path)),

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

@@ -25,7 +25,8 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     JsonTreeRowContextProvider: ()=>JsonTreeRowContextProvider,
-    JsonTreeRow: ()=>JsonTreeRow
+    JsonTreeRow: ()=>JsonTreeRow,
+    ROW_MIN_HEIGHT_PX: ()=>ROW_MIN_HEIGHT_PX
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
@@ -41,6 +42,7 @@ 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 ROW_MIN_HEIGHT_PX = 28;
 const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
@@ -345,9 +347,11 @@ function JsonTreeRow({ node, depth }) {
 }
 exports.JsonTreeRow = __webpack_exports__.JsonTreeRow;
 exports.JsonTreeRowContextProvider = __webpack_exports__.JsonTreeRowContextProvider;
+exports.ROW_MIN_HEIGHT_PX = __webpack_exports__.ROW_MIN_HEIGHT_PX;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "JsonTreeRow",
-    "JsonTreeRowContextProvider"
+    "JsonTreeRowContextProvider",
+    "ROW_MIN_HEIGHT_PX"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,4 +1,5 @@
 import type { CopyEvent, DeriveTypeIcon, JsonTreeNode, JsonTreeRowWrapper, JsonValue, NodeActionsResolver, NodeDecoration, RenderCodeEditor, RenderValueCell } from './JsonTree.types';
+export declare const ROW_MIN_HEIGHT_PX = 28;
 export interface JsonTreeRowContextValue {
     collapsed: Record<string, boolean>;
     onToggleCollapsed?: (path: string) => void;

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

@@ -1 +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;AA+B1B,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"}
+{"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;AAa1B,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAqBpC,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"}

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

@@ -12,6 +12,7 @@ import { NodeKey } from "./NodeKey.js";
 import { RowActions } from "./RowActions.js";
 import { ScalarValueCell, valueColorClass } from "./ScalarValueCell.js";
 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 ROW_MIN_HEIGHT_PX = 28;
 const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
@@ -314,4 +315,4 @@ function JsonTreeRow({ node, depth }) {
         ]
     });
 }
-export { JsonTreeRow, JsonTreeRowContextProvider };
+export { JsonTreeRow, JsonTreeRowContextProvider, ROW_MIN_HEIGHT_PX };

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

@@ -35,7 +35,7 @@ const external_JsonTree_index_cjs_namespaceObject = require("../JsonTree/index.c
 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 }) {
+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, virtualized = false, defaultCollapsedDepth = 2, className }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const nodes = (0, external_react_namespaceObject.useMemo)(()=>(0, external_JsonTree_index_cjs_namespaceObject.buildJsonTree)({
             schema,
@@ -220,6 +220,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                                 renderCodeEditor: renderCodeEditor,
                                 pathForCopy: pathForCopy,
                                 onCopy: onCopy,
+                                virtualized: virtualized,
                                 emptyMessage: emptyMessage
                             })
                         })

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

@@ -1,3 +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;
+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, virtualized, defaultCollapsedDepth, className, }: NodeIOViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NodeIOView.d.ts.map

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

@@ -1 +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"}
+{"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,WAAmB,EACnB,qBAAyB,EACzB,SAAS,GACV,EAAE,eAAe,2CAsMjB"}

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

@@ -7,7 +7,7 @@ import { JsonTree, JsonTreeToolbar, buildJsonTree, collectContainerPaths, remove
 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 }) {
+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, virtualized = false, defaultCollapsedDepth = 2, className }) {
     const { _ } = useSafeLingui();
     const nodes = useMemo(()=>buildJsonTree({
             schema,
@@ -192,6 +192,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                                 renderCodeEditor: renderCodeEditor,
                                 pathForCopy: pathForCopy,
                                 onCopy: onCopy,
+                                virtualized: virtualized,
                                 emptyMessage: emptyMessage
                             })
                         })

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

@@ -32,6 +32,7 @@ export interface NodeIOViewProps {
     renderCodeEditor?: RenderCodeEditor;
     pathForCopy?: (path: string) => string;
     onCopy?: (event: CopyEvent) => void;
+    virtualized?: boolean;
     defaultCollapsedDepth?: number;
     className?: string;
 }

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

@@ -1 +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"}
+{"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,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}