@uipath/apollo-wind 2.78.0 → 2.79.1

package/dist/components/ui/index.cjs

@@ -33,13 +33,13 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -51,16 +51,16 @@ 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) {
         module.exports = require("./citation.cjs");
     },
-    "./code-block" (module) {
+    "@/components/ui/code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./disclosure-tree" (module) {
@@ -90,13 +90,13 @@ 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) {
         module.exports = require("./dropzone-overlay.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -120,13 +120,13 @@ var __webpack_modules__ = {
     "@/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) {
@@ -135,7 +135,7 @@ var __webpack_modules__ = {
     "@/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) {
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "./reference-chip" (module) {
+    "@/components/ui/reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -255,7 +255,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -276,7 +276,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -432,7 +432,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_bubble__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_10 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_10 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_10)if ([
         "getReferenceChipColors",
@@ -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",
@@ -462,7 +462,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_13 = __webpack_require__("./card");
+    var _card__rspack_import_13 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_13)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",
@@ -522,7 +522,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_citation__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _code_block__rspack_import_19 = __webpack_require__("./code-block");
+    var _code_block__rspack_import_19 = __webpack_require__("@/components/ui/code-block");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _code_block__rspack_import_19)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",
@@ -602,7 +602,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)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",
@@ -652,7 +652,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropzone_overlay__rspack_import_31[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_32 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_32 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_32)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",
@@ -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",
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_66 = __webpack_require__("./reference-chip");
+    var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
     var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_68 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1164,7 +1164,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_85 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_85 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_85)if ([
         "getReferenceChipColors",
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
-    var _variable_picker__rspack_import_92 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
         "getReferenceChipColors",

package/dist/components/ui/input.cjs

@@ -52,7 +52,7 @@ const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'aria-d
         ...props,
         ...validation.aria,
         disabled: props.disabled || group.disabled,
-        className: (0, utils_cjs_namespaceObject.cn)('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring read-only:cursor-default disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', group.inGroup && IN_GROUP_CLASS, className),
+        className: (0, utils_cjs_namespaceObject.cn)('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring read-only:cursor-default disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'none' === variant && 'border-0 bg-transparent shadow-none', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', group.inGroup && IN_GROUP_CLASS, className),
         ref: ref
     });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {

package/dist/components/ui/input.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    variant?: 'default' | 'ghost';
+    /** `none` paints no box in any theme, for a caller whose `className` draws its own. */
+    variant?: 'default' | 'ghost' | 'none';
     size?: 'default' | 'xs';
     /**
      * Field-specific feedback rendered immediately below the input.

package/dist/components/ui/input.js

@@ -24,7 +24,7 @@ const Input = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy, '
         ...props,
         ...validation.aria,
         disabled: props.disabled || group.disabled,
-        className: cn('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring read-only:cursor-default disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', group.inGroup && IN_GROUP_CLASS, className),
+        className: cn('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring read-only:cursor-default disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:focus-visible:ring-primary future:aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'none' === variant && 'border-0 bg-transparent shadow-none', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', group.inGroup && IN_GROUP_CLASS, className),
         ref: ref
     });
     return /*#__PURE__*/ jsxs(Fragment, {

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;
 }
 /**