@uipath/apollo-wind 2.79.0 → 2.79.1

package/dist/components/ui/index.cjs

@@ -36,7 +36,7 @@ var __webpack_modules__ = {
     "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "@/components/ui/card" (module) {
@@ -51,7 +51,7 @@ var __webpack_modules__ = {
     "./chat-hero" (module) {
         module.exports = require("./chat-hero.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./citation" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "@/components/ui/code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -90,7 +90,7 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "./dropzone-overlay" (module) {
@@ -117,25 +117,25 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -174,7 +174,7 @@ var __webpack_modules__ = {
     "./panel-tabs" (module) {
         module.exports = require("./panel-tabs.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "@/components/ui/portal-container" (module) {
@@ -249,7 +249,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -270,7 +270,7 @@ var __webpack_modules__ = {
     "./tool-call" (module) {
         module.exports = require("./tool-call.cjs");
     },
-    "./tooltip" (module) {
+    "@/components/ui/tooltip" (module) {
         module.exports = require("./tooltip.cjs");
     },
     "./tree-view" (module) {
@@ -452,7 +452,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_12 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_12 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_12)if ([
         "getReferenceChipColors",
@@ -502,7 +502,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chat_hero__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_17 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_17 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_17)if ([
         "getReferenceChipColors",
@@ -532,7 +532,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_code_block__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_20 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_20 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_20)if ([
         "getReferenceChipColors",
@@ -632,7 +632,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_30 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_30 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_30)if ([
         "getReferenceChipColors",
@@ -722,7 +722,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_39 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_39 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -732,7 +732,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_40 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_40 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_40)if ([
         "getReferenceChipColors",
@@ -742,7 +742,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_40[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_41 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_41 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_41)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("./label");
+    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -782,7 +782,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_44[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_45 = __webpack_require__("./layout");
+    var _layout__rspack_import_45 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_45)if ([
         "getReferenceChipColors",
@@ -912,7 +912,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_panel_tabs__rspack_import_57[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_58 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_58 = __webpack_require__("./popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_58)if ([
         "getReferenceChipColors",
@@ -1144,7 +1144,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_82[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_83 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_83 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_83)if ([
         "getReferenceChipColors",
@@ -1214,7 +1214,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tool_call__rspack_import_89[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_90 = __webpack_require__("./tooltip");
+    var _tooltip__rspack_import_90 = __webpack_require__("@/components/ui/tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _tooltip__rspack_import_90)if ([
         "getReferenceChipColors",

package/dist/components/ui/json-tree-view/EditorChrome.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     EditorTextarea: ()=>EditorTextarea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("../button.cjs");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
-const external_react_namespaceObject = require("react");
 const external_strings_cjs_namespaceObject = require("./strings.cjs");
 function EditorActions({ onApply, onCancel, applyDisabled = false }) {
     const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
@@ -67,7 +67,10 @@ function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ari
                 e.stopPropagation();
                 onCancel();
             }
-            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) onApply();
+            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                onApply();
+            }
         },
         rows: rows,
         spellCheck: false,

package/dist/components/ui/json-tree-view/EditorChrome.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { Button } from "../button.js";
 import { cn } from "../../../lib/index.js";
-import { useEffect, useRef } from "react";
 import { useJsonTreeViewStrings } from "./strings.js";
 function EditorActions({ onApply, onCancel, applyDisabled = false }) {
     const strings = useJsonTreeViewStrings();
@@ -38,7 +38,10 @@ function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ari
                 e.stopPropagation();
                 onCancel();
             }
-            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) onApply();
+            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                onApply();
+            }
         },
         rows: rows,
         spellCheck: false,

package/dist/components/ui/json-tree-view/JsonLeafValueEditor.cjs

@@ -27,10 +27,10 @@ __webpack_require__.d(__webpack_exports__, {
     JsonLeafValueEditor: ()=>JsonLeafValueEditor
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_react_namespaceObject = require("react");
-const external_strings_cjs_namespaceObject = require("./strings.cjs");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_leafEditTypes_cjs_namespaceObject = require("./leafEditTypes.cjs");
+const external_strings_cjs_namespaceObject = require("./strings.cjs");
 function JsonLeafValueEditor({ node, onCommit, onCancel, className }) {
     const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
     const editType = (0, external_leafEditTypes_cjs_namespaceObject.resolveLeafEditType)(node.type, node.schema);
@@ -63,7 +63,10 @@ function JsonLeafValueEditor({ node, onCommit, onCancel, className }) {
             else commit();
         },
         onKeyDown: (e)=>{
-            if ('Enter' === e.key) commit();
+            if ('Enter' === e.key) {
+                e.preventDefault();
+                commit();
+            }
             if ('Escape' === e.key) {
                 e.preventDefault();
                 e.stopPropagation();

package/dist/components/ui/json-tree-view/JsonLeafValueEditor.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/index.js";
 import { useEffect, useRef, useState } from "react";
-import { useJsonTreeViewStrings } from "./strings.js";
+import { cn } from "../../../lib/index.js";
 import { isNumericEdit, parseLeafValue, resolveLeafEditType } from "./leafEditTypes.js";
+import { useJsonTreeViewStrings } from "./strings.js";
 function JsonLeafValueEditor({ node, onCommit, onCancel, className }) {
     const strings = useJsonTreeViewStrings();
     const editType = resolveLeafEditType(node.type, node.schema);
@@ -35,7 +35,10 @@ function JsonLeafValueEditor({ node, onCommit, onCancel, className }) {
             else commit();
         },
         onKeyDown: (e)=>{
-            if ('Enter' === e.key) commit();
+            if ('Enter' === e.key) {
+                e.preventDefault();
+                commit();
+            }
             if ('Escape' === e.key) {
                 e.preventDefault();
                 e.stopPropagation();

package/dist/components/ui/json-tree-view/JsonTree.cjs

@@ -31,16 +31,17 @@ const react_virtual_namespaceObject = require("@tanstack/react-virtual");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const clipboard_cjs_namespaceObject = require("../../../lib/clipboard.cjs");
+const use_isomorphic_layout_effect_cjs_namespaceObject = require("../../../lib/use-isomorphic-layout-effect.cjs");
 const external_buildJsonTree_cjs_namespaceObject = require("./buildJsonTree.cjs");
 const external_JsonTreeRow_cjs_namespaceObject = require("./JsonTreeRow.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
 const external_strings_cjs_namespaceObject = require("./strings.cjs");
-const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+const external_treeGrid_cjs_namespaceObject = require("./treeGrid.cjs");
 const VIRTUAL_OVERSCAN = 10;
 function scrollMarginOf(element, scrollElement) {
     return Math.round(element.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop);
 }
-function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
+function VirtualRows({ rows, indexByPath, container, scrollElement, pinnedPaths, gridProps }) {
     const [scrollMargin, setScrollMargin] = (0, external_react_namespaceObject.useState)(0);
     const getItemKey = (0, external_react_namespaceObject.useCallback)((index)=>rows[index]?.node.path ?? index, [
         rows
@@ -53,7 +54,7 @@ function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
         overscan: VIRTUAL_OVERSCAN,
         scrollMargin
     });
-    useIsomorphicLayoutEffect(()=>{
+    (0, use_isomorphic_layout_effect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>{
         if (!container || !scrollElement) {
             if (0 !== scrollMargin) setScrollMargin(0);
             return;
@@ -62,21 +63,11 @@ function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
         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();
-        for (const [index, row] of rows.entries())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){
+    for (const path of pinnedPaths){
         const index = indexByPath.get(path);
         if (void 0 === index || index >= firstWindowed && index <= lastWindowed) continue;
         const measurement = virtualizer.measurementsCache[index];
@@ -88,6 +79,7 @@ function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
         ...pinnedItems.filter((item)=>item.index > lastWindowed)
     ];
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...gridProps,
         className: "relative",
         style: {
             height: virtualizer.getTotalSize()
@@ -103,8 +95,8 @@ function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
                     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
+                    row: row,
+                    index: item.index
                 })
             }, item.key);
         })
@@ -130,7 +122,7 @@ function JsonTreeView({ strings, tooltipContentClassName, ...props }) {
         })
     });
 }
-function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, virtualized = false, scrollElement, emptyMessage, className }) {
+function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, virtualized = false, scrollElement, emptyMessage, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className }) {
     const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
     const [container, setContainer] = (0, external_react_namespaceObject.useState)(null);
     const usesAncestorScroller = virtualized && !!scrollElement;
@@ -138,15 +130,6 @@ function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query,
     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)(()=>()=>{
@@ -155,10 +138,11 @@ function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query,
     const copy = (node, kind, text)=>{
         (0, clipboard_cjs_namespaceObject.copyTextToClipboard)(text).then((ok)=>{
             if (!ok) return;
-            setCopied({
-                path: node.path,
-                kind
-            });
+            setCopied((prev)=>({
+                    path: node.path,
+                    kind,
+                    id: (prev?.id ?? 0) + 1
+                }));
             if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
             copyTimerRef.current = setTimeout(()=>setCopied(null), 1500);
             onCopy?.({
@@ -191,6 +175,37 @@ function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query,
         filterPredicate,
         decorateNode
     ]);
+    const indexByPath = (0, external_react_namespaceObject.useMemo)(()=>new Map(rows.map((row, index)=>[
+                row.node.path,
+                index
+            ])), [
+        rows
+    ]);
+    const { activePath, gridHandlers, trackEditor } = (0, external_treeGrid_cjs_namespaceObject.useTreeGrid)({
+        rows,
+        indexByPath,
+        collapsed,
+        toggle: onToggleCollapsed
+    });
+    const pinnedPaths = (0, external_react_namespaceObject.useMemo)(()=>[
+            ...new Set([
+                editingPath,
+                jsonEditingPath,
+                activePath
+            ].filter((path)=>null !== path))
+        ], [
+        editingPath,
+        jsonEditingPath,
+        activePath
+    ]);
+    const gridProps = {
+        ...gridHandlers,
+        role: 'treegrid',
+        'aria-label': ariaLabelledBy ? void 0 : ariaLabel ?? strings.treeLabel,
+        'aria-labelledby': ariaLabelledBy,
+        'aria-readonly': !canEdit || void 0,
+        'aria-rowcount': rows.length
+    };
     const templateItemLabel = strings.arrayItem;
     const filtering = !!query?.trim() || !!filterPredicate;
     const resolvedEmptyMessage = filtering ? strings.emptySearch : emptyMessage ?? strings.emptyDefault;
@@ -212,8 +227,9 @@ function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query,
         jsonEditingPath,
         wrappedPaths,
         copied,
-        setEditingPath,
-        setJsonEditingPath,
+        activePath,
+        setEditingPath: trackEditor('leaf', setEditingPath),
+        setJsonEditingPath: trackEditor('json', setJsonEditingPath),
         copyPath,
         copyValue,
         toggleWrapped,
@@ -226,15 +242,27 @@ function JsonTreeViewContent({ nodes, collapsed = {}, onToggleCollapsed, query,
                 ref: setContainer,
                 className: (0, index_cjs_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: [
-                    virtualized ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VirtualRows, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        role: "status",
+                        className: "sr-only",
+                        children: copied && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            children: 'path' === copied.kind ? strings.pathCopied : strings.valueCopied
+                        }, copied.id)
+                    }),
+                    rows.length > 0 && (virtualized ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VirtualRows, {
                         rows: rows,
+                        indexByPath: indexByPath,
                         container: container,
                         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)),
+                        pinnedPaths: pinnedPaths,
+                        gridProps: gridProps
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        ...gridProps,
+                        children: rows.map((row, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRow, {
+                                row: row,
+                                index: index
+                            }, row.node.path))
+                    })),
                     0 === rows.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                         className: "p-4 text-center text-xs text-foreground-subtle",
                         children: resolvedEmptyMessage

package/dist/components/ui/json-tree-view/JsonTree.d.ts

@@ -51,7 +51,8 @@ export interface JsonTreeViewProps {
      * for values with thousands of fields. Rows are measured, so wrapped values
      * and inline editors keep their height. The tree scrolls inside its own box,
      * capped at the viewport height, unless `scrollElement` names the scroller.
-     * Off by default.
+     * Also keeps arrow-key navigation quick in large trees, since each focus move
+     * re-renders the mounted rows. Off by default.
      */
     virtualized?: boolean;
     /**
@@ -70,6 +71,10 @@ export interface JsonTreeViewProps {
     strings?: Partial<JsonTreeViewStrings>;
     /** Extra classes for every tooltip panel (e.g. a z-index above a host's overlays). */
     tooltipContentClassName?: string;
+    /** Accessible name of the tree grid. Defaults to the `treeLabel` string. */
+    'aria-label'?: string;
+    /** Id of a visible heading naming the tree grid; takes precedence over `aria-label`. */
+    'aria-labelledby'?: string;
     className?: string;
 }
 /**