@uipath/apollo-wind 2.78.0 → 2.79.1

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

@@ -1,9 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../lib/index.js";
-import { RequiredIndicator } from "../label.js";
 import { ChevronDown, CircleCheck, Copy, Pencil, WrapText } from "lucide-react";
 import { createContext, useContext } from "react";
-import { useJsonTreeViewStrings } from "./strings.js";
+import { RequiredIndicator } from "../label.js";
+import { cn } from "../../../lib/index.js";
 import { formatLeafValue, isArrayItemTemplateRoot, isPathCollapsed } from "./buildJsonTree.js";
 import { DecorationChip } from "./DecorationChip.js";
 import { JsonContainerEditor } from "./JsonContainerEditor.js";
@@ -12,15 +11,30 @@ import { JsonTypeBadge } from "./JsonTypeBadge.js";
 import { NodeKey } from "./NodeKey.js";
 import { RowActions } from "./RowActions.js";
 import { ScalarValueCell, valueColorClass } from "./ScalarValueCell.js";
+import { useJsonTreeViewStrings } from "./strings.js";
+import { isParentRow } from "./treeGrid.js";
 const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-2 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';
+const NAME_CELL_CLASS = 'flex min-w-0 max-w-1/2 items-center gap-2';
+const FOCUS_RING_CLASS = 'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring';
+const ROW_ELEMENT_CLASS = `group/row ${FOCUS_RING_CLASS}`;
 function rowIndent(depth, extra = 0) {
     return {
         paddingLeft: `${8 + 16 * depth + extra}px`
     };
 }
 const KEY_ALIGN_OFFSET = 44;
+function GridCell({ cell, editing = false, className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        role: "gridcell",
+        "data-cell": cell,
+        tabIndex: -1,
+        "data-json-tree-editor": editing ? '' : void 0,
+        className: cn(FOCUS_RING_CLASS, className),
+        ...props
+    });
+}
 const JsonTreeRowContext = /*#__PURE__*/ createContext(null);
 const JsonTreeRowContextProvider = JsonTreeRowContext.Provider;
 function useJsonTreeRowContext() {
@@ -28,9 +42,11 @@ function useJsonTreeRowContext() {
     if (!ctx) throw new Error('JsonTreeRow must be rendered inside a JsonTreeRowContext provider');
     return ctx;
 }
-function JsonTreeRow({ node, depth }) {
+function JsonTreeRow({ row, index }) {
+    const { node, depth } = row;
     const strings = useJsonTreeViewStrings();
-    const { collapsed, onToggleCollapsed, readOnly, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, canEdit, RowWrapper, templateItemLabel, editingPath, jsonEditingPath, wrappedPaths, copied, setEditingPath, setJsonEditingPath, copyPath, copyValue, toggleWrapped, commitEdit } = useJsonTreeRowContext();
+    const { collapsed, onToggleCollapsed, readOnly, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, canEdit, RowWrapper, templateItemLabel, editingPath, jsonEditingPath, wrappedPaths, copied, activePath, setEditingPath, setJsonEditingPath, copyPath, copyValue, toggleWrapped, commitEdit } = useJsonTreeRowContext();
+    const isTabStop = activePath === node.path;
     const buildDefaultActions = (node, flags)=>{
         const actions = [];
         if (flags.wrappable) actions.push({
@@ -97,7 +113,20 @@ function JsonTreeRow({ node, depth }) {
         if (event.target.closest('button, a, input, textarea, select, [contenteditable="true"]')) return;
         onToggleCollapsed?.(node.path);
     };
+    const collapsedHere = isContainer && isPathCollapsed(collapsed, node.path);
+    const editingInline = editingPath === node.path && !wrapped;
+    const showsValue = !isContainer && !wrapped && !decoration?.hideValue && (null != customCell || !(readOnly && void 0 === node.value || isTemplate));
+    const editingDetail = wrapped && editingPath === node.path && canEdit || isContainer && jsonEditingPath === node.path;
     return /*#__PURE__*/ jsxs("div", {
+        role: "row",
+        "data-path": node.path,
+        tabIndex: isTabStop ? 0 : -1,
+        "aria-level": depth + 1,
+        "aria-posinset": row.posInSet,
+        "aria-setsize": row.setSize,
+        "aria-rowindex": index + 1,
+        "aria-expanded": isParentRow(row) ? !collapsedHere : void 0,
+        className: ROW_ELEMENT_CLASS,
         children: [
             /*#__PURE__*/ jsxs(RowWrapper, {
                 node: node,
@@ -105,48 +134,56 @@ function JsonTreeRow({ node, depth }) {
                 style: rowIndent(depth),
                 onClick: rowClickable ? handleRowClick : void 0,
                 children: [
-                    isContainer ? /*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        onClick: ()=>onToggleCollapsed?.(node.path),
-                        disabled: !onToggleCollapsed,
-                        "aria-label": isPathCollapsed(collapsed, node.path) ? strings.expandKey(node.key) : strings.collapseKey(node.key),
-                        "aria-expanded": !isPathCollapsed(collapsed, node.path),
-                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground disabled:cursor-default disabled:hover:text-foreground-subtle",
-                        children: /*#__PURE__*/ jsx(ChevronDown, {
-                            size: 10,
-                            className: cn('transition-transform duration-100', isPathCollapsed(collapsed, node.path) && '-rotate-90')
-                        })
-                    }) : /*#__PURE__*/ jsx("div", {
-                        className: "size-2.5 shrink-0"
-                    }),
-                    /*#__PURE__*/ jsx(JsonTypeBadge, {
-                        type: node.type,
-                        icon: decoration?.badge?.icon ?? deriveTypeIcon?.(node),
-                        className: decoration?.badge?.className,
-                        reference: decoration?.badge?.reference
-                    }),
-                    /*#__PURE__*/ jsx(NodeKey, {
-                        node: node,
-                        label: isTemplateItem ? templateItemLabel : decoration?.label,
-                        displayPath: pathForCopy?.(node.path, node.segments) ?? node.path,
-                        onCopyPath: copyPath,
-                        className: isTemplateItem ? 'font-normal italic text-foreground-subtle' : void 0
-                    }),
-                    copied?.path === node.path && 'path' === copied.kind && /*#__PURE__*/ jsx(CircleCheck, {
-                        size: 11,
-                        className: "shrink-0 text-brand",
-                        role: "img",
-                        "aria-label": strings.pathCopied
-                    }),
-                    decoration?.sublabel && /*#__PURE__*/ jsx("span", {
-                        className: cn('min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4', decoration.sublabelOnHover && 'hidden group-hover:block group-focus-within:block'),
-                        children: decoration.sublabel
-                    }),
-                    node.required && /*#__PURE__*/ jsx(RequiredIndicator, {
-                        className: "ml-0 shrink-0 text-[10px] text-foreground",
-                        srLabel: strings.requiredMarker
+                    /*#__PURE__*/ jsxs(GridCell, {
+                        cell: "name",
+                        className: NAME_CELL_CLASS,
+                        children: [
+                            isContainer ? /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                tabIndex: -1,
+                                "data-json-tree-skip": "",
+                                onClick: ()=>onToggleCollapsed?.(node.path),
+                                disabled: !onToggleCollapsed,
+                                "aria-label": collapsedHere ? strings.expandKey(node.key) : strings.collapseKey(node.key),
+                                className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground disabled:cursor-default disabled:hover:text-foreground-subtle",
+                                children: /*#__PURE__*/ jsx(ChevronDown, {
+                                    size: 10,
+                                    className: cn('transition-transform duration-100', collapsedHere && '-rotate-90')
+                                })
+                            }) : /*#__PURE__*/ jsx("div", {
+                                className: "size-2.5 shrink-0"
+                            }),
+                            /*#__PURE__*/ jsx(JsonTypeBadge, {
+                                type: node.type,
+                                icon: decoration?.badge?.icon ?? deriveTypeIcon?.(node),
+                                className: decoration?.badge?.className,
+                                reference: decoration?.badge?.reference
+                            }),
+                            /*#__PURE__*/ jsx(NodeKey, {
+                                node: node,
+                                label: isTemplateItem ? templateItemLabel : decoration?.label,
+                                displayPath: pathForCopy?.(node.path, node.segments) ?? node.path,
+                                onCopyPath: copyPath,
+                                className: isTemplateItem ? 'font-normal italic text-foreground-subtle' : void 0
+                            }),
+                            copied?.path === node.path && 'path' === copied.kind && /*#__PURE__*/ jsx(CircleCheck, {
+                                size: 11,
+                                className: "shrink-0 text-brand",
+                                "aria-hidden": true
+                            }),
+                            decoration?.sublabel && /*#__PURE__*/ jsx("span", {
+                                className: cn('min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4', decoration.sublabelOnHover && 'hidden group-hover:block group-focus-within/row:block'),
+                                children: decoration.sublabel
+                            }),
+                            node.required && /*#__PURE__*/ jsx(RequiredIndicator, {
+                                className: "ml-0 shrink-0 text-[10px] text-foreground",
+                                srLabel: strings.requiredMarker
+                            })
+                        ]
                     }),
-                    isContainer ? /*#__PURE__*/ jsxs(Fragment, {
+                    isContainer ? /*#__PURE__*/ jsxs(GridCell, {
+                        cell: "value",
+                        className: cn('flex min-w-0 items-center gap-2', null != customCell && 'flex-1'),
                         children: [
                             !decoration?.hideCount && /*#__PURE__*/ jsx("span", {
                                 className: "shrink-0 whitespace-nowrap font-mono italic text-[10px] text-foreground-subtle",
@@ -158,56 +195,52 @@ function JsonTreeRow({ node, depth }) {
                             }),
                             /*#__PURE__*/ jsx(DecorationChip, {
                                 decoration: decoration
-                            }),
-                            /*#__PURE__*/ jsx(RowActions, {
-                                node: node,
-                                actions: actions,
-                                maxInline: maxInlineActions,
-                                meta: decoration?.meta
                             })
                         ]
-                    }) : /*#__PURE__*/ jsxs(Fragment, {
+                    }) : /*#__PURE__*/ jsxs(GridCell, {
+                        cell: "value",
+                        editing: editingInline,
+                        className: cn('flex flex-1 items-center gap-2', showsValue ? 'min-w-8' : 'min-w-0', showsValue && null == customCell && 'shrink-3'),
                         children: [
-                            !wrapped && !decoration?.hideValue && (null != customCell ? /*#__PURE__*/ jsx("span", {
-                                className: VALUE_CELL_CLASS,
-                                children: customCell
-                            }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ jsxs(Fragment, {
+                            showsValue && (null != customCell ? customCell : /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
                                     /*#__PURE__*/ jsx("span", {
                                         className: "shrink-0 font-mono text-xs text-foreground-subtle",
                                         children: "="
                                     }),
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: cn(VALUE_CELL_CLASS, 'shrink-3'),
-                                        children: /*#__PURE__*/ jsx(ScalarValueCell, {
-                                            node: node,
-                                            readOnly: readOnly,
-                                            editing: editingPath === node.path,
-                                            onStartEdit: (n)=>setEditingPath(n.path),
-                                            onStopEdit: ()=>setEditingPath(null),
-                                            onEdit: canEdit ? commitEdit : void 0
-                                        })
-                                    })
-                                ]
-                            })),
-                            editingPath !== node.path && /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx(DecorationChip, {
-                                        decoration: decoration
-                                    }),
-                                    /*#__PURE__*/ jsx(RowActions, {
+                                    /*#__PURE__*/ jsx(ScalarValueCell, {
                                         node: node,
-                                        actions: actions,
-                                        maxInline: maxInlineActions,
-                                        meta: decoration?.meta
+                                        readOnly: readOnly,
+                                        editing: editingPath === node.path,
+                                        onStartEdit: (n)=>setEditingPath(n.path),
+                                        onStopEdit: ()=>setEditingPath(null),
+                                        onEdit: canEdit ? commitEdit : void 0
                                     })
                                 ]
+                            })),
+                            editingPath !== node.path && decoration?.chip && /*#__PURE__*/ jsx("span", {
+                                className: "ml-auto flex min-w-0 items-center",
+                                children: /*#__PURE__*/ jsx(DecorationChip, {
+                                    decoration: decoration
+                                })
                             })
                         ]
+                    }),
+                    /*#__PURE__*/ jsx(GridCell, {
+                        cell: "actions",
+                        className: "ml-auto flex shrink-0 items-center gap-2",
+                        children: (isContainer || editingPath !== node.path) && /*#__PURE__*/ jsx(RowActions, {
+                            node: node,
+                            actions: actions,
+                            maxInline: maxInlineActions,
+                            meta: decoration?.meta
+                        })
                     })
                 ]
             }),
-            wrapped && /*#__PURE__*/ jsx("div", {
+            wrapped && /*#__PURE__*/ jsx(GridCell, {
+                cell: "detail",
+                editing: editingDetail,
                 className: "pb-1.5 pr-3.5",
                 style: rowIndent(depth, KEY_ALIGN_OFFSET),
                 children: editingPath === node.path && canEdit ? /*#__PURE__*/ jsx(JsonMultilineLeafEditor, {
@@ -229,7 +262,9 @@ function JsonTreeRow({ node, depth }) {
                     })
                 })
             }),
-            isContainer && jsonEditingPath === node.path && /*#__PURE__*/ jsx("div", {
+            isContainer && jsonEditingPath === node.path && /*#__PURE__*/ jsx(GridCell, {
+                cell: "detail",
+                editing: true,
                 className: "py-1.5 pr-3.5",
                 style: rowIndent(depth, KEY_ALIGN_OFFSET),
                 children: /*#__PURE__*/ jsx(JsonContainerEditor, {

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

@@ -28,13 +28,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
-const external_strings_cjs_namespaceObject = require("./strings.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
+const external_strings_cjs_namespaceObject = require("./strings.cjs");
 function NodeKey({ node, label, displayPath, onCopyPath, className }) {
     const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
     const text = label ?? node.key;
     const copyPathText = displayPath ?? node.path;
-    const keyClass = (0, index_cjs_namespaceObject.cn)('min-w-4 max-w-[45%] truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
+    const keyClass = (0, index_cjs_namespaceObject.cn)('min-w-4 truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
     if (!onCopyPath) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         className: keyClass,
         children: text

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../lib/index.js";
-import { useJsonTreeViewStrings } from "./strings.js";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
+import { useJsonTreeViewStrings } from "./strings.js";
 function NodeKey({ node, label, displayPath, onCopyPath, className }) {
     const strings = useJsonTreeViewStrings();
     const text = label ?? node.key;
     const copyPathText = displayPath ?? node.path;
-    const keyClass = cn('min-w-4 max-w-[45%] truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
+    const keyClass = cn('min-w-4 truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
     if (!onCopyPath) return /*#__PURE__*/ jsx("span", {
         className: keyClass,
         children: text

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

@@ -27,14 +27,14 @@ __webpack_require__.d(__webpack_exports__, {
     RowActions: ()=>RowActions
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_button_cjs_namespaceObject = require("../button.cjs");
-const index_cjs_namespaceObject = require("../../../lib/index.cjs");
-const external_dropdown_menu_cjs_namespaceObject = require("../dropdown-menu.cjs");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const external_strings_cjs_namespaceObject = require("./strings.cjs");
+const external_button_cjs_namespaceObject = require("../button.cjs");
+const external_dropdown_menu_cjs_namespaceObject = require("../dropdown-menu.cjs");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
+const external_strings_cjs_namespaceObject = require("./strings.cjs");
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within/row:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',
@@ -65,7 +65,7 @@ function RowActions({ node, actions, maxInline, meta }) {
             })
         }, action.id);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
-        className: "ml-auto flex shrink-0 items-center gap-0.5",
+        className: "flex shrink-0 items-center gap-0.5",
         children: [
             inline.filter((action)=>'start' === action.placement).map(renderInline),
             null != meta && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "../button.js";
-import { cn } from "../../../lib/index.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.js";
 import { MoreHorizontal } from "lucide-react";
 import { useState } from "react";
-import { useJsonTreeViewStrings } from "./strings.js";
+import { Button } from "../button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.js";
+import { cn } from "../../../lib/index.js";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
+import { useJsonTreeViewStrings } from "./strings.js";
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within/row:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',
@@ -37,7 +37,7 @@ function RowActions({ node, actions, maxInline, meta }) {
             })
         }, action.id);
     return /*#__PURE__*/ jsxs("span", {
-        className: "ml-auto flex shrink-0 items-center gap-0.5",
+        className: "flex shrink-0 items-center gap-0.5",
         children: [
             inline.filter((action)=>'start' === action.placement).map(renderInline),
             null != meta && /*#__PURE__*/ jsx("span", {

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

@@ -246,12 +246,31 @@ function flattenJsonTree(nodes, options = {}, depth = 0) {
         if (filterPredicate && !selfPredicateMatch && !predicateMatches?.below.has(node)) continue;
         rows.push({
             node,
-            depth: nodeDepth
+            depth: nodeDepth,
+            posInSet: 0,
+            setSize: 0
         });
         if (node.children && !isPathCollapsed(collapsed, node.path)) pushChildren(node.children, nodeDepth + 1, selfQueryMatch ? '' : query, selfPredicateMatch ? void 0 : filterPredicate);
     }
+    numberSiblingSets(rows, depth);
     return rows;
 }
+function numberSiblingSets(rows, baseDepth) {
+    const openSets = [];
+    const close = (set)=>{
+        for (const [position, row] of set.entries()){
+            row.posInSet = position + 1;
+            row.setSize = set.length;
+        }
+    };
+    for (const row of rows){
+        const level = row.depth - baseDepth;
+        for (const set of openSets.splice(level + 1))close(set);
+        openSets[level] ??= [];
+        openSets[level].push(row);
+    }
+    for (const set of openSets)close(set);
+}
 function collectContainerPaths(nodes, depth = 0) {
     const paths = [];
     const stack = [];

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

@@ -37,6 +37,10 @@ export declare function isArrayItemTemplateRoot(node: JsonTreeNode): boolean;
 export interface FlatJsonTreeRow {
     node: JsonTreeNode;
     depth: number;
+    /** 1-based position among the visible siblings (`aria-posinset`). */
+    posInSet: number;
+    /** Number of visible siblings, this row included (`aria-setsize`). */
+    setSize: number;
 }
 /** Consumer display texts for a node, so search can match them alongside the raw key. */
 export type NodeDisplayTexts = (node: JsonTreeNode) => {

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

@@ -206,12 +206,31 @@ function flattenJsonTree(nodes, options = {}, depth = 0) {
         if (filterPredicate && !selfPredicateMatch && !predicateMatches?.below.has(node)) continue;
         rows.push({
             node,
-            depth: nodeDepth
+            depth: nodeDepth,
+            posInSet: 0,
+            setSize: 0
         });
         if (node.children && !isPathCollapsed(collapsed, node.path)) pushChildren(node.children, nodeDepth + 1, selfQueryMatch ? '' : query, selfPredicateMatch ? void 0 : filterPredicate);
     }
+    numberSiblingSets(rows, depth);
     return rows;
 }
+function numberSiblingSets(rows, baseDepth) {
+    const openSets = [];
+    const close = (set)=>{
+        for (const [position, row] of set.entries()){
+            row.posInSet = position + 1;
+            row.setSize = set.length;
+        }
+    };
+    for (const row of rows){
+        const level = row.depth - baseDepth;
+        for (const set of openSets.splice(level + 1))close(set);
+        openSets[level] ??= [];
+        openSets[level].push(row);
+    }
+    for (const set of openSets)close(set);
+}
 function collectContainerPaths(nodes, depth = 0) {
     const paths = [];
     const stack = [];

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

@@ -33,6 +33,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const DEFAULT_JSON_TREE_VIEW_STRINGS = {
+    treeLabel: 'JSON fields',
     arrayItem: 'item',
     emptySearch: 'No fields match your search.',
     emptyDefault: 'No fields to display.',
@@ -43,6 +44,7 @@ const DEFAULT_JSON_TREE_VIEW_STRINGS = {
     requiredMarker: 'required',
     referenceType: (typeLabel)=>`${typeLabel} · reference`,
     pathCopied: 'Path copied',
+    valueCopied: 'Value copied',
     copyPathHint: 'Click to copy this path',
     copyPathFor: (path)=>`Copy path for ${path}`,
     wrapValue: 'Wrap value',

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

@@ -6,6 +6,12 @@ import { type ReactNode } from 'react';
  * `DEFAULT_JSON_TREE_VIEW_STRINGS`.
  */
 export interface JsonTreeViewStrings {
+    /**
+     * Accessible name of the tree grid when the host passes no `aria-label` or
+     * `aria-labelledby`. Optional so catalogs written before it was added still
+     * type-check; falls back to the English default.
+     */
+    treeLabel?: string;
     /** Label for the synthesized array-item preview row. */
     arrayItem: string;
     emptySearch: string;
@@ -22,7 +28,13 @@ export interface JsonTreeViewStrings {
      * back to the English default.
      */
     referenceType?: (typeLabel: string) => string;
+    /** Announced to screen readers after a path is copied. */
     pathCopied: string;
+    /**
+     * Announced to screen readers after a value is copied. Optional so catalogs
+     * written before it was added still type-check; falls back to the English default.
+     */
+    valueCopied?: string;
     copyPathHint: string;
     copyPathFor: (path: string) => string;
     wrapValue: string;

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

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from "react";
 import { cn } from "../../../lib/index.js";
 const DEFAULT_JSON_TREE_VIEW_STRINGS = {
+    treeLabel: 'JSON fields',
     arrayItem: 'item',
     emptySearch: 'No fields match your search.',
     emptyDefault: 'No fields to display.',
@@ -12,6 +13,7 @@ const DEFAULT_JSON_TREE_VIEW_STRINGS = {
     requiredMarker: 'required',
     referenceType: (typeLabel)=>`${typeLabel} · reference`,
     pathCopied: 'Path copied',
+    valueCopied: 'Value copied',
     copyPathHint: 'Click to copy this path',
     copyPathFor: (path)=>`Copy path for ${path}`,
     wrapValue: 'Wrap value',