@uipath/apollo-wind 2.67.0 → 2.68.0

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

@@ -45,7 +45,7 @@ function JsonTreeToolbar({ strings, tooltipContentClassName, ...props }) {
         })
     });
 }
-function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filters, activeFilterId = null, onFilterChange, allCollapsed = false, onToggleAll, leading, controlsHidden = false, className }) {
+function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filters, activeFilterId = null, onFilterChange, allCollapsed = false, onToggleAll, leading, trailing, controlsHidden = false, className }) {
     const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
     const [searchOpen, setSearchOpen] = (0, external_react_namespaceObject.useState)(false);
     const activeFilter = filters?.find((f)=>f.id === activeFilterId);
@@ -67,7 +67,7 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                         className: "relative flex min-w-0 flex-1 items-center overflow-hidden",
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
-                                size: 13,
+                                size: 12,
                                 className: "pointer-events-none absolute left-2 text-foreground-subtle"
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
@@ -78,7 +78,10 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                 value: query,
                                 onChange: (e)=>onQueryChange(e.target.value),
                                 onKeyDown: (e)=>{
-                                    if ('Escape' === e.key) closeSearch();
+                                    if ('Escape' !== e.key) return;
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    closeSearch();
                                 },
                                 "aria-label": resolvedSearchPlaceholder,
                                 placeholder: resolvedSearchPlaceholder,
@@ -86,7 +89,7 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                     paddingLeft: '1.75rem',
                                     paddingRight: '1.5rem'
                                 },
-                                className: "h-6 w-full text-foreground placeholder:text-foreground-subtle focus-visible:ring-0"
+                                className: "h-5 w-full text-foreground placeholder:text-foreground-subtle focus-visible:ring-0"
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                 type: "button",
@@ -109,13 +112,13 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                 delay: true,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                     variant: "ghost",
-                                    size: "3xs",
+                                    size: "4xs",
                                     icon: true,
                                     onClick: ()=>setSearchOpen(true),
                                     "aria-label": searchActionLabel,
                                     className: "rounded text-foreground-subtle hover:bg-surface-overlay hover:text-foreground",
                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
-                                        size: 14
+                                        size: 12
                                     })
                                 })
                             })
@@ -131,13 +134,13 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                     asChild: true,
                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
                                         variant: "ghost",
-                                        size: "3xs",
+                                        size: "4xs",
                                         icon: true,
                                         "aria-label": filterLabel,
                                         className: "relative rounded text-foreground-subtle hover:bg-surface-overlay hover:text-foreground",
                                         children: [
                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Filter, {
-                                                size: 14
+                                                size: 12
                                             }),
                                             activeFilter && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                                 className: "absolute right-0.5 top-0.5 size-1.5 rounded-full bg-primary ring-1 ring-surface"
@@ -183,19 +186,27 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                         delay: true,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                             variant: "ghost",
-                            size: "3xs",
+                            size: "4xs",
                             icon: true,
                             onClick: onToggleAll,
                             "aria-label": toggleAllLabel,
                             className: "rounded text-foreground-subtle hover:bg-surface-overlay hover:text-foreground",
                             children: allCollapsed ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsUpDown, {
-                                size: 14
+                                size: 12
                             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsDownUp, {
-                                size: 14
+                                size: 12
                             })
                         })
                     })
                 ]
+            }),
+            trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    controlsHidden && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "flex-1"
+                    }),
+                    trailing
+                ]
             })
         ]
     });

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

@@ -21,7 +21,12 @@ export interface JsonTreeToolbarProps {
      */
     leading?: ReactNode;
     /**
-     * Hides the search / filter / collapse controls, keeping only `leading`.
+     * Content rendered at the end of the row, after the tree controls (e.g. a
+     * node output mode select). Stays visible when `controlsHidden` is set.
+     */
+    trailing?: ReactNode;
+    /**
+     * Hides the search / filter / collapse controls, keeping only `leading` and `trailing`.
      * Use when a non-tree tab is active and the controls would be inert.
      */
     controlsHidden?: boolean;

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

@@ -17,7 +17,7 @@ function JsonTreeToolbar({ strings, tooltipContentClassName, ...props }) {
         })
     });
 }
-function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filters, activeFilterId = null, onFilterChange, allCollapsed = false, onToggleAll, leading, controlsHidden = false, className }) {
+function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filters, activeFilterId = null, onFilterChange, allCollapsed = false, onToggleAll, leading, trailing, controlsHidden = false, className }) {
     const strings = useJsonTreeViewStrings();
     const [searchOpen, setSearchOpen] = useState(false);
     const activeFilter = filters?.find((f)=>f.id === activeFilterId);
@@ -39,7 +39,7 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                         className: "relative flex min-w-0 flex-1 items-center overflow-hidden",
                         children: [
                             /*#__PURE__*/ jsx(Search, {
-                                size: 13,
+                                size: 12,
                                 className: "pointer-events-none absolute left-2 text-foreground-subtle"
                             }),
                             /*#__PURE__*/ jsx(Input, {
@@ -50,7 +50,10 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                 value: query,
                                 onChange: (e)=>onQueryChange(e.target.value),
                                 onKeyDown: (e)=>{
-                                    if ('Escape' === e.key) closeSearch();
+                                    if ('Escape' !== e.key) return;
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    closeSearch();
                                 },
                                 "aria-label": resolvedSearchPlaceholder,
                                 placeholder: resolvedSearchPlaceholder,
@@ -58,7 +61,7 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                     paddingLeft: '1.75rem',
                                     paddingRight: '1.5rem'
                                 },
-                                className: "h-6 w-full text-foreground placeholder:text-foreground-subtle focus-visible:ring-0"
+                                className: "h-5 w-full text-foreground placeholder:text-foreground-subtle focus-visible:ring-0"
                             }),
                             /*#__PURE__*/ jsx("button", {
                                 type: "button",
@@ -81,13 +84,13 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                 delay: true,
                                 children: /*#__PURE__*/ jsx(Button, {
                                     variant: "ghost",
-                                    size: "3xs",
+                                    size: "4xs",
                                     icon: true,
                                     onClick: ()=>setSearchOpen(true),
                                     "aria-label": searchActionLabel,
                                     className: "rounded text-foreground-subtle hover:bg-surface-overlay hover:text-foreground",
                                     children: /*#__PURE__*/ jsx(Search, {
-                                        size: 14
+                                        size: 12
                                     })
                                 })
                             })
@@ -103,13 +106,13 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                                     asChild: true,
                                     children: /*#__PURE__*/ jsxs(Button, {
                                         variant: "ghost",
-                                        size: "3xs",
+                                        size: "4xs",
                                         icon: true,
                                         "aria-label": filterLabel,
                                         className: "relative rounded text-foreground-subtle hover:bg-surface-overlay hover:text-foreground",
                                         children: [
                                             /*#__PURE__*/ jsx(Filter, {
-                                                size: 14
+                                                size: 12
                                             }),
                                             activeFilter && /*#__PURE__*/ jsx("span", {
                                                 className: "absolute right-0.5 top-0.5 size-1.5 rounded-full bg-primary ring-1 ring-surface"
@@ -155,19 +158,27 @@ function JsonTreeToolbarContent({ query, onQueryChange, searchPlaceholder, filte
                         delay: true,
                         children: /*#__PURE__*/ jsx(Button, {
                             variant: "ghost",
-                            size: "3xs",
+                            size: "4xs",
                             icon: true,
                             onClick: onToggleAll,
                             "aria-label": toggleAllLabel,
                             className: "rounded text-foreground-subtle hover:bg-surface-overlay hover:text-foreground",
                             children: allCollapsed ? /*#__PURE__*/ jsx(ChevronsUpDown, {
-                                size: 14
+                                size: 12
                             }) : /*#__PURE__*/ jsx(ChevronsDownUp, {
-                                size: 14
+                                size: 12
                             })
                         })
                     })
                 ]
+            }),
+            trailing && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    controlsHidden && /*#__PURE__*/ jsx("div", {
+                        className: "flex-1"
+                    }),
+                    trailing
+                ]
             })
         ]
     });

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

@@ -45,6 +45,10 @@ function NodeKey({ node, label, displayPath, onCopyPath, className }) {
         content: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
             className: "flex max-w-60 flex-col gap-1",
             children: [
+                null != label && label !== node.key && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "text-xs font-semibold leading-4",
+                    children: label
+                }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: "break-all font-mono text-xs font-semibold leading-4",
                     children: copyPathText

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

@@ -17,6 +17,10 @@ function NodeKey({ node, label, displayPath, onCopyPath, className }) {
         content: /*#__PURE__*/ jsxs("div", {
             className: "flex max-w-60 flex-col gap-1",
             children: [
+                null != label && label !== node.key && /*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-semibold leading-4",
+                    children: label
+                }),
                 /*#__PURE__*/ jsx("span", {
                     className: "break-all font-mono text-xs font-semibold leading-4",
                     children: copyPathText

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

@@ -41,32 +41,38 @@ const ACTION_TONE_CLASS = {
     warning: 'text-warning hover:text-warning',
     error: 'text-error hover:text-error'
 };
-function RowActions({ node, actions, maxInline }) {
+function RowActions({ node, actions, maxInline, meta }) {
     const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
     const [menuOpen, setMenuOpen] = (0, external_react_namespaceObject.useState)(false);
-    if (0 === actions.length) return null;
+    if (0 === actions.length && null == meta) return null;
     const overflowing = actions.length > maxInline;
     const inline = overflowing ? [] : actions;
     const overflow = overflowing ? actions : [];
     const moreLabel = strings.moreActions;
+    const renderInline = (action)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeTooltip_cjs_namespaceObject.JsonTreeTooltip, {
+            content: action.tooltip ?? action.label,
+            placement: "top",
+            delay: true,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                variant: "ghost",
+                size: "4xs",
+                icon: true,
+                disabled: action.disabled,
+                onClick: ()=>action.onSelect(node),
+                "aria-label": action.label,
+                className: (0, index_cjs_namespaceObject.cn)(ACTION_BUTTON_CLASS, '[&_svg]:size-2.75', action.tone && ACTION_TONE_CLASS[action.tone], action.persistent && 'opacity-100', action.active && 'text-brand opacity-100 hover:text-brand'),
+                children: action.icon
+            })
+        }, action.id);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
         className: "ml-auto flex shrink-0 items-center gap-0.5",
         children: [
-            inline.map((action)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeTooltip_cjs_namespaceObject.JsonTreeTooltip, {
-                    content: action.tooltip ?? action.label,
-                    placement: "top",
-                    delay: true,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
-                        variant: "ghost",
-                        size: "4xs",
-                        icon: true,
-                        disabled: action.disabled,
-                        onClick: ()=>action.onSelect(node),
-                        "aria-label": action.label,
-                        className: (0, index_cjs_namespaceObject.cn)(ACTION_BUTTON_CLASS, '[&_svg]:size-2.75', action.tone && ACTION_TONE_CLASS[action.tone], action.active && 'text-brand opacity-100 hover:text-brand'),
-                        children: action.icon
-                    })
-                }, action.id)),
+            inline.filter((action)=>'start' === action.placement).map(renderInline),
+            null != meta && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "mx-1.5 flex shrink-0 items-center",
+                children: meta
+            }),
+            inline.filter((action)=>'start' !== action.placement).map(renderInline),
             overflow.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
                 open: menuOpen,
                 onOpenChange: setMenuOpen,

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

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import type { JsonTreeNode, NodeAction } from './JsonTree.types';
 export interface RowActionsProps {
     node: JsonTreeNode;
@@ -5,6 +6,8 @@ export interface RowActionsProps {
     actions: NodeAction[];
     /** When the action count exceeds this cap, all actions collapse into one menu. */
     maxInline: number;
+    /** Decoration `meta`, rendered between the `start` and `end` actions. */
+    meta?: ReactNode;
 }
 /**
  * The trailing icon-button group for a row. Renders `actions` uniformly (icon,
@@ -12,4 +15,4 @@ export interface RowActionsProps {
  * inline; when the count exceeds that cap, every action moves into one menu so
  * the row has a single, predictable overflow state.
  */
-export declare function RowActions({ node, actions, maxInline }: RowActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RowActions({ node, actions, maxInline, meta }: RowActionsProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -13,32 +13,38 @@ const ACTION_TONE_CLASS = {
     warning: 'text-warning hover:text-warning',
     error: 'text-error hover:text-error'
 };
-function RowActions({ node, actions, maxInline }) {
+function RowActions({ node, actions, maxInline, meta }) {
     const strings = useJsonTreeViewStrings();
     const [menuOpen, setMenuOpen] = useState(false);
-    if (0 === actions.length) return null;
+    if (0 === actions.length && null == meta) return null;
     const overflowing = actions.length > maxInline;
     const inline = overflowing ? [] : actions;
     const overflow = overflowing ? actions : [];
     const moreLabel = strings.moreActions;
+    const renderInline = (action)=>/*#__PURE__*/ jsx(JsonTreeTooltip, {
+            content: action.tooltip ?? action.label,
+            placement: "top",
+            delay: true,
+            children: /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "4xs",
+                icon: true,
+                disabled: action.disabled,
+                onClick: ()=>action.onSelect(node),
+                "aria-label": action.label,
+                className: cn(ACTION_BUTTON_CLASS, '[&_svg]:size-2.75', action.tone && ACTION_TONE_CLASS[action.tone], action.persistent && 'opacity-100', action.active && 'text-brand opacity-100 hover:text-brand'),
+                children: action.icon
+            })
+        }, action.id);
     return /*#__PURE__*/ jsxs("span", {
         className: "ml-auto flex shrink-0 items-center gap-0.5",
         children: [
-            inline.map((action)=>/*#__PURE__*/ jsx(JsonTreeTooltip, {
-                    content: action.tooltip ?? action.label,
-                    placement: "top",
-                    delay: true,
-                    children: /*#__PURE__*/ jsx(Button, {
-                        variant: "ghost",
-                        size: "4xs",
-                        icon: true,
-                        disabled: action.disabled,
-                        onClick: ()=>action.onSelect(node),
-                        "aria-label": action.label,
-                        className: cn(ACTION_BUTTON_CLASS, '[&_svg]:size-2.75', action.tone && ACTION_TONE_CLASS[action.tone], action.active && 'text-brand opacity-100 hover:text-brand'),
-                        children: action.icon
-                    })
-                }, action.id)),
+            inline.filter((action)=>'start' === action.placement).map(renderInline),
+            null != meta && /*#__PURE__*/ jsx("span", {
+                className: "mx-1.5 flex shrink-0 items-center",
+                children: meta
+            }),
+            inline.filter((action)=>'start' !== action.placement).map(renderInline),
             overflow.length > 0 && /*#__PURE__*/ jsxs(DropdownMenu, {
                 open: menuOpen,
                 onOpenChange: setMenuOpen,

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

@@ -33,6 +33,7 @@ __webpack_require__.d(__webpack_exports__, {
     inferValueType: ()=>inferValueType,
     isArrayItemTemplateRoot: ()=>isArrayItemTemplateRoot,
     isJsonObject: ()=>isJsonObject,
+    isPathCollapsed: ()=>isPathCollapsed,
     removeValueAtPath: ()=>removeValueAtPath,
     schemaDisplayType: ()=>schemaDisplayType,
     setValueAtPath: ()=>setValueAtPath
@@ -41,6 +42,9 @@ const IDENTIFIER_RE = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 function hasOwn(object, key) {
     return Object.prototype.hasOwnProperty.call(object, key);
 }
+function isPathCollapsed(collapsed, path) {
+    return hasOwn(collapsed, path) && !!collapsed[path];
+}
 function isJsonObject(value) {
     return 'object' == typeof value && null !== value && !Array.isArray(value);
 }
@@ -79,7 +83,29 @@ function schemaDisplayType(schema) {
     if (void 0 !== enumSample) return inferValueType(enumSample);
     return 'null';
 }
-function buildNode(input) {
+function buildNodes(inputs) {
+    const roots = [];
+    const stack = [];
+    for(let index = inputs.length - 1; index >= 0; index -= 1)stack.push({
+        input: inputs[index],
+        siblings: roots
+    });
+    while(stack.length > 0){
+        const { input, siblings } = stack.pop();
+        const node = createNode(input);
+        siblings.push(node);
+        const childInputs = 'object' === node.type ? objectChildInputs(input.hasValue ? input.value : void 0, input.schema, input.segments, input.path, input.isTemplate) : 'array' === node.type ? arrayChildInputs(input.schema, input.value, input.hasValue, input.segments, input.path, input.isTemplate) : void 0;
+        if (!childInputs) continue;
+        const children = [];
+        node.children = children;
+        for(let index = childInputs.length - 1; index >= 0; index -= 1)stack.push({
+            input: childInputs[index],
+            siblings: children
+        });
+    }
+    return roots;
+}
+function createNode(input) {
     const type = input.hasValue ? inferValueType(input.value) : schemaDisplayType(input.schema);
     const node = {
         key: input.key,
@@ -91,13 +117,11 @@ function buildNode(input) {
     };
     if (input.hasValue) node.value = input.value;
     if (input.isTemplate) node.isArrayItemTemplate = true;
-    if ('object' === type) node.children = buildObjectChildren(input.hasValue ? input.value : void 0, input.schema, input.segments, input.path, input.isTemplate);
-    else if ('array' === type) node.children = buildArrayChildren(input.schema, input.value, input.hasValue, input.segments, input.path, input.isTemplate);
     return node;
 }
-function buildArrayChildren(schema, value, hasValue, segments, path, isTemplate) {
+function arrayChildInputs(schema, value, hasValue, segments, path, isTemplate) {
     const items = hasValue && Array.isArray(value) ? value : [];
-    if (items.length > 0) return items.map((item, index)=>buildNode({
+    if (items.length > 0) return items.map((item, index)=>({
             key: String(index),
             segments: [
                 ...segments,
@@ -110,7 +134,7 @@ function buildArrayChildren(schema, value, hasValue, segments, path, isTemplate)
             isTemplate
         }));
     if (schema?.items) return [
-        buildNode({
+        {
             key: '0',
             segments: [
                 ...segments,
@@ -120,18 +144,18 @@ function buildArrayChildren(schema, value, hasValue, segments, path, isTemplate)
             schema: schema.items,
             hasValue: false,
             isTemplate: true
-        })
+        }
     ];
     return [];
 }
-function buildObjectChildren(value, schema, segments, path, isTemplate) {
+function objectChildInputs(value, schema, segments, path, isTemplate) {
     const properties = schema?.properties ?? {};
     const required = new Set(schema?.required ?? []);
     const additional = 'object' == typeof schema?.additionalProperties ? schema.additionalProperties : void 0;
     const children = [];
     for (const [key, childSchema] of Object.entries(properties)){
         const hasValue = void 0 !== value && hasOwn(value, key);
-        children.push(buildNode({
+        children.push({
             key,
             segments: [
                 ...segments,
@@ -143,10 +167,10 @@ function buildObjectChildren(value, schema, segments, path, isTemplate) {
             hasValue,
             required: required.has(key),
             isTemplate
-        }));
+        });
     }
     if (void 0 !== value) {
-        for (const [key, childValue] of Object.entries(value))if (!hasOwn(properties, key)) children.push(buildNode({
+        for (const [key, childValue] of Object.entries(value))if (!hasOwn(properties, key)) children.push({
             key,
             segments: [
                 ...segments,
@@ -156,15 +180,15 @@ function buildObjectChildren(value, schema, segments, path, isTemplate) {
             schema: additional,
             value: childValue,
             hasValue: true
-        }));
+        });
     }
     return children;
 }
 function buildJsonTree(options) {
     const { schema, value, basePath = '' } = options;
     const rootIsArray = void 0 !== value ? Array.isArray(value) : !!schema && 'array' === schemaDisplayType(schema);
-    if (rootIsArray) return buildArrayChildren(schema, value, void 0 !== value, [], basePath);
-    return buildObjectChildren(isJsonObject(value) ? value : void 0, schema, [], basePath);
+    if (rootIsArray) return buildNodes(arrayChildInputs(schema, value, void 0 !== value, [], basePath));
+    return buildNodes(objectChildInputs(isJsonObject(value) ? value : void 0, schema, [], basePath));
 }
 function isArrayItemTemplateRoot(node) {
     return !!node.isArrayItemTemplate && 'number' == typeof node.segments[node.segments.length - 1];
@@ -176,47 +200,76 @@ function nodeSelfMatchesQuery(node, query, displayTexts) {
     if (display?.sublabel?.toLowerCase().includes(query)) return true;
     return void 0 !== node.value && null !== node.value && 'object' != typeof node.value && String(node.value).toLowerCase().includes(query);
 }
-function nodeMatchesQuery(node, query, displayTexts) {
-    if (nodeSelfMatchesQuery(node, query, displayTexts)) return true;
-    return node.children?.some((c)=>nodeMatchesQuery(c, query, displayTexts)) ?? false;
-}
-function nodeOrDescendantMatches(node, predicate) {
-    if (predicate(node)) return true;
-    return node.children?.some((c)=>nodeOrDescendantMatches(c, predicate)) ?? false;
+function indexMatches(nodes, test) {
+    const self = new Set();
+    const below = new Set();
+    const order = [];
+    const stack = [
+        ...nodes
+    ];
+    while(stack.length > 0){
+        const node = stack.pop();
+        order.push(node);
+        if (node.children) for (const child of node.children)stack.push(child);
+    }
+    for(let index = order.length - 1; index >= 0; index -= 1){
+        const node = order[index];
+        if (test(node)) self.add(node);
+        if (node.children?.some((child)=>self.has(child) || below.has(child))) below.add(node);
+    }
+    return {
+        self,
+        below
+    };
 }
 function flattenJsonTree(nodes, options = {}, depth = 0) {
-    const { collapsed = {}, filterPredicate } = options;
-    const query = options.query?.trim().toLowerCase() ?? '';
+    const { collapsed = {}, displayTexts } = options;
     const rows = [];
-    for (const node of nodes){
-        const selfQueryMatch = !!query && nodeSelfMatchesQuery(node, query, options.displayTexts);
-        if (query && !selfQueryMatch && !(node.children?.some((c)=>nodeMatchesQuery(c, query, options.displayTexts)) ?? false)) continue;
-        const selfPredicateMatch = !!filterPredicate && filterPredicate(node);
-        if (!filterPredicate || selfPredicateMatch || (node.children?.some((c)=>nodeOrDescendantMatches(c, filterPredicate)) ?? false)) {
-            rows.push({
-                node,
-                depth
-            });
-            if (node.children && !collapsed[node.path]) {
-                const childOptions = selfQueryMatch || selfPredicateMatch ? {
-                    ...options,
-                    query: selfQueryMatch ? '' : options.query,
-                    filterPredicate: selfPredicateMatch ? void 0 : filterPredicate
-                } : options;
-                for (const row of flattenJsonTree(node.children, childOptions, depth + 1))rows.push(row);
-            }
-        }
+    const stack = [];
+    const pushChildren = (children, childDepth, query, filterPredicate)=>{
+        for(let index = children.length - 1; index >= 0; index -= 1)stack.push({
+            node: children[index],
+            depth: childDepth,
+            query,
+            filterPredicate
+        });
+    };
+    const rootQuery = options.query?.trim().toLowerCase() ?? '';
+    pushChildren(nodes, depth, rootQuery, options.filterPredicate);
+    const queryMatches = rootQuery ? indexMatches(nodes, (node)=>nodeSelfMatchesQuery(node, rootQuery, displayTexts)) : void 0;
+    const predicateMatches = options.filterPredicate ? indexMatches(nodes, options.filterPredicate) : void 0;
+    while(stack.length > 0){
+        const { node, depth: nodeDepth, query, filterPredicate } = stack.pop();
+        const selfQueryMatch = !!query && !!queryMatches?.self.has(node);
+        if (query && !selfQueryMatch && !queryMatches?.below.has(node)) continue;
+        const selfPredicateMatch = !!filterPredicate && !!predicateMatches?.self.has(node);
+        if (filterPredicate && !selfPredicateMatch && !predicateMatches?.below.has(node)) continue;
+        rows.push({
+            node,
+            depth: nodeDepth
+        });
+        if (node.children && !isPathCollapsed(collapsed, node.path)) pushChildren(node.children, nodeDepth + 1, selfQueryMatch ? '' : query, selfPredicateMatch ? void 0 : filterPredicate);
     }
     return rows;
 }
 function collectContainerPaths(nodes, depth = 0) {
     const paths = [];
-    for (const node of nodes)if (node.children) {
+    const stack = [];
+    for(let index = nodes.length - 1; index >= 0; index -= 1)stack.push({
+        node: nodes[index],
+        depth
+    });
+    while(stack.length > 0){
+        const { node, depth: nodeDepth } = stack.pop();
+        if (!node.children) continue;
         paths.push({
             path: node.path,
-            depth
+            depth: nodeDepth
+        });
+        for(let index = node.children.length - 1; index >= 0; index -= 1)stack.push({
+            node: node.children[index],
+            depth: nodeDepth + 1
         });
-        for (const child of collectContainerPaths(node.children, depth + 1))paths.push(child);
     }
     return paths;
 }
@@ -302,6 +355,7 @@ exports.getValueAtPath = __webpack_exports__.getValueAtPath;
 exports.inferValueType = __webpack_exports__.inferValueType;
 exports.isArrayItemTemplateRoot = __webpack_exports__.isArrayItemTemplateRoot;
 exports.isJsonObject = __webpack_exports__.isJsonObject;
+exports.isPathCollapsed = __webpack_exports__.isPathCollapsed;
 exports.removeValueAtPath = __webpack_exports__.removeValueAtPath;
 exports.schemaDisplayType = __webpack_exports__.schemaDisplayType;
 exports.setValueAtPath = __webpack_exports__.setValueAtPath;
@@ -315,6 +369,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "inferValueType",
     "isArrayItemTemplateRoot",
     "isJsonObject",
+    "isPathCollapsed",
     "removeValueAtPath",
     "schemaDisplayType",
     "setValueAtPath"