@uipath/apollo-react 6.1.0 → 6.2.0

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

@@ -0,0 +1,321 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@uipath/apollo-wind";
+import { ChevronDown, CircleCheck, Copy, Pencil, WrapText } from "lucide-react";
+import { createContext, useContext } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
+import { formatLeafValue, isArrayItemTemplateRoot } from "./buildJsonTree.js";
+import { DecorationChip } from "./DecorationChip.js";
+import { JsonContainerEditor } from "./JsonContainerEditor.js";
+import { JsonMultilineLeafEditor } from "./JsonMultilineLeafEditor.js";
+import { JsonTypeBadge } from "./JsonTypeBadge.js";
+import { NodeKey } from "./NodeKey.js";
+import { RowActions } from "./RowActions.js";
+import { ScalarValueCell, valueColorClass } from "./ScalarValueCell.js";
+const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-1.5 py-1 pr-1 transition hover:bg-surface-overlay';
+const CUSTOM_CELL_CLASS = 'flex min-w-0 flex-1 items-center overflow-hidden';
+function rowIndent(depth, extra = 0) {
+    return {
+        paddingLeft: `${6 + 12 * depth + extra}px`
+    };
+}
+const KEY_ALIGN_OFFSET = 44;
+const JsonTreeRowContext = /*#__PURE__*/ createContext(null);
+const JsonTreeRowContextProvider = JsonTreeRowContext.Provider;
+function useJsonTreeRowContext() {
+    const ctx = useContext(JsonTreeRowContext);
+    if (!ctx) throw new Error('JsonTreeRow must be rendered inside a JsonTreeRowContext provider');
+    return ctx;
+}
+function JsonTreeRow({ node, depth }) {
+    const { _ } = useSafeLingui();
+    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 buildDefaultActions = (node, flags)=>{
+        const actions = [];
+        if (flags.wrappable) actions.push({
+            id: 'wrap',
+            icon: /*#__PURE__*/ jsx(WrapText, {}),
+            active: flags.wrapped,
+            tooltip: flags.wrapped ? _({
+                id: 'canvas.json_value_panel.unwrap_value',
+                message: 'Unwrap value'
+            }) : _({
+                id: 'canvas.json_value_panel.wrap_value',
+                message: 'Wrap value'
+            }),
+            label: flags.wrapped ? _({
+                id: 'canvas.json_value_panel.unwrap_value_of',
+                message: 'Unwrap value of {key}',
+                values: {
+                    key: node.key
+                }
+            }) : _({
+                id: 'canvas.json_value_panel.wrap_value_of',
+                message: 'Wrap value of {key}',
+                values: {
+                    key: node.key
+                }
+            }),
+            onSelect: ()=>toggleWrapped(node)
+        });
+        if (flags.isContainer && canEdit && !node.isArrayItemTemplate) actions.push({
+            id: 'edit-json',
+            icon: /*#__PURE__*/ jsx(Pencil, {}),
+            tooltip: _({
+                id: 'canvas.json_value_panel.edit_as_json',
+                message: 'Edit as JSON'
+            }),
+            label: _({
+                id: 'canvas.json_value_panel.edit_key_as_json',
+                message: 'Edit {key} as JSON',
+                values: {
+                    key: node.key
+                }
+            }),
+            onSelect: ()=>setJsonEditingPath(node.path)
+        });
+        if (flags.canCopyValue) actions.push({
+            id: 'copy-value',
+            icon: flags.copiedValue ? /*#__PURE__*/ jsx(CircleCheck, {
+                className: "text-brand"
+            }) : /*#__PURE__*/ jsx(Copy, {}),
+            tooltip: _({
+                id: 'canvas.json_value_panel.copy_value',
+                message: 'Copy value'
+            }),
+            label: _({
+                id: 'canvas.json_value_panel.copy_value_of',
+                message: 'Copy value of {key}',
+                values: {
+                    key: node.key
+                }
+            }),
+            onSelect: ()=>copyValue(node)
+        });
+        return actions;
+    };
+    const isContainer = void 0 !== node.children;
+    const isTemplate = !!node.isArrayItemTemplate;
+    const isTemplateItem = isArrayItemTemplateRoot(node);
+    const childCount = node.children?.filter((c)=>!isArrayItemTemplateRoot(c)).length ?? 0;
+    const decoration = decorateNode?.(node);
+    const customCell = renderValue?.(node, {
+        readOnly,
+        commit: (value)=>commitEdit(node, value),
+        clear: ()=>commitEdit(node, void 0)
+    });
+    const canCopyValue = void 0 !== node.value;
+    const wrappable = !isContainer && null == customCell && void 0 !== node.value && 'boolean' !== node.type && !node.schema?.enum?.length;
+    const wrapped = wrappable && !!wrappedPaths[node.path];
+    const copiedValue = copied?.path === node.path && 'value' === copied.kind;
+    let builtDefaults;
+    const getDefaultActions = ()=>{
+        builtDefaults ??= buildDefaultActions(node, {
+            isContainer,
+            wrappable,
+            wrapped,
+            canCopyValue,
+            copiedValue
+        });
+        return builtDefaults;
+    };
+    const actions = nodeActions?.(node, {
+        readOnly,
+        get defaultActions () {
+            return getDefaultActions();
+        },
+        commit: (value)=>commitEdit(node, value),
+        clear: ()=>commitEdit(node, void 0)
+    }) ?? getDefaultActions();
+    const rowClickable = isContainer && !!onToggleCollapsed;
+    const handleRowClick = (event)=>{
+        if (event.target.closest('button, a, input, textarea, select, [contenteditable="true"]')) return;
+        onToggleCollapsed?.(node.path);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxs(RowWrapper, {
+                node: node,
+                className: cn(ROW_CLASS, rowClickable && 'cursor-pointer'),
+                style: rowIndent(depth),
+                onClick: rowClickable ? handleRowClick : void 0,
+                children: [
+                    isContainer ? /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: ()=>onToggleCollapsed?.(node.path),
+                        "aria-label": collapsed[node.path] ? _({
+                            id: 'canvas.json_value_panel.expand_key',
+                            message: 'Expand {key}',
+                            values: {
+                                key: node.key
+                            }
+                        }) : _({
+                            id: 'canvas.json_value_panel.collapse_key',
+                            message: 'Collapse {key}',
+                            values: {
+                                key: node.key
+                            }
+                        }),
+                        "aria-expanded": !collapsed[node.path],
+                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground",
+                        children: /*#__PURE__*/ jsx(ChevronDown, {
+                            size: 10,
+                            className: cn('transition-transform duration-100', 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
+                    }),
+                    /*#__PURE__*/ jsx(NodeKey, {
+                        node: node,
+                        label: isTemplateItem ? templateItemLabel : decoration?.label,
+                        displayPath: pathForCopy?.(node.path) ?? 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": _({
+                            id: 'canvas.json_value_panel.path_copied',
+                            message: 'Path copied'
+                        })
+                    }),
+                    decoration?.sublabel && /*#__PURE__*/ jsx("span", {
+                        className: "min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4",
+                        children: decoration.sublabel
+                    }),
+                    node.required && /*#__PURE__*/ jsxs("span", {
+                        className: "shrink-0 text-[10px] text-error",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                "aria-hidden": "true",
+                                children: "*"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: _({
+                                    id: 'canvas.json_value_panel.required_marker',
+                                    message: 'required'
+                                })
+                            })
+                        ]
+                    }),
+                    isContainer ? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            !decoration?.hideCount && /*#__PURE__*/ jsx("span", {
+                                className: "shrink-0 whitespace-nowrap font-mono italic text-[10px] text-foreground-subtle",
+                                children: 'array' === node.type ? _({
+                                    id: 'canvas.json_value_panel.item_count',
+                                    message: '{count, plural, one {# item} other {# items}}',
+                                    values: {
+                                        count: childCount
+                                    }
+                                }) : _({
+                                    id: 'canvas.json_value_panel.key_count',
+                                    message: '{count, plural, one {# key} other {# keys}}',
+                                    values: {
+                                        count: childCount
+                                    }
+                                })
+                            }),
+                            null != customCell && /*#__PURE__*/ jsx("span", {
+                                className: CUSTOM_CELL_CLASS,
+                                children: customCell
+                            }),
+                            /*#__PURE__*/ jsx(DecorationChip, {
+                                decoration: decoration
+                            }),
+                            /*#__PURE__*/ jsx(RowActions, {
+                                node: node,
+                                actions: actions,
+                                maxInline: maxInlineActions
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            !wrapped && (null != customCell ? /*#__PURE__*/ jsx("span", {
+                                className: CUSTOM_CELL_CLASS,
+                                children: customCell
+                            }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "shrink-0 font-mono text-xs text-foreground-subtle",
+                                        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, {
+                                        node: node,
+                                        actions: actions,
+                                        maxInline: maxInlineActions
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            wrapped && /*#__PURE__*/ jsx("div", {
+                className: "pb-1.5 pr-3.5",
+                style: rowIndent(depth, KEY_ALIGN_OFFSET),
+                children: editingPath === node.path && canEdit ? /*#__PURE__*/ jsx(JsonMultilineLeafEditor, {
+                    node: node,
+                    onCommit: (value)=>{
+                        setEditingPath(null);
+                        commitEdit(node, value);
+                    },
+                    onCancel: ()=>setEditingPath(null)
+                }) : /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    disabled: !canEdit,
+                    onClick: ()=>setEditingPath(node.path),
+                    "aria-label": _({
+                        id: 'canvas.json_value_panel.edit_value_of',
+                        message: 'Edit value of {key}',
+                        values: {
+                            key: node.key
+                        }
+                    }),
+                    title: canEdit ? _({
+                        id: 'canvas.json_value_panel.edit_hint',
+                        message: 'Click to edit'
+                    }) : void 0,
+                    className: cn('w-full whitespace-pre-wrap break-all rounded text-left font-mono text-xs leading-5', canEdit && 'cursor-text', valueColorClass(node.type, node.value)),
+                    children: 'string' == typeof node.value ? node.value : formatLeafValue(node.type, node.value)
+                })
+            }),
+            isContainer && jsonEditingPath === node.path && /*#__PURE__*/ jsx("div", {
+                className: "py-1.5 pr-3.5",
+                style: rowIndent(depth, KEY_ALIGN_OFFSET),
+                children: /*#__PURE__*/ jsx(JsonContainerEditor, {
+                    node: node,
+                    onCommit: (value)=>{
+                        setJsonEditingPath(null);
+                        commitEdit(node, value);
+                    },
+                    onCancel: ()=>setJsonEditingPath(null),
+                    renderCodeEditor: renderCodeEditor
+                })
+            })
+        ]
+    });
+}
+export { JsonTreeRow, JsonTreeRowContextProvider };

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

@@ -0,0 +1,224 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    JsonTreeToolbar: ()=>JsonTreeToolbar
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const ALL_FILTER_VALUE = '__all__';
+function JsonTreeToolbar({ query, onQueryChange, searchPlaceholder, filters, activeFilterId = null, onFilterChange, allCollapsed = false, onToggleAll, leading, controlsHidden = false, className }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const [searchOpen, setSearchOpen] = (0, external_react_namespaceObject.useState)(false);
+    const activeFilter = filters?.find((f)=>f.id === activeFilterId);
+    const resolvedSearchPlaceholder = searchPlaceholder ?? _({
+        id: 'canvas.json_value_panel.search_fields',
+        message: 'Search fields and values...'
+    });
+    const filterLabel = activeFilter ? _({
+        id: 'canvas.json_value_panel.filter_active',
+        message: 'Filter: {label}',
+        values: {
+            label: activeFilter.label
+        }
+    }) : _({
+        id: 'canvas.json_value_panel.filter',
+        message: 'Filter'
+    });
+    const searchActionLabel = _({
+        id: 'canvas.json_value_panel.search_fields_action',
+        message: 'Search fields and values'
+    });
+    const toggleAllLabel = allCollapsed ? _({
+        id: 'canvas.json_value_panel.expand_all',
+        message: 'Expand all'
+    }) : _({
+        id: 'canvas.json_value_panel.collapse_all',
+        message: 'Collapse all'
+    });
+    const closeSearch = ()=>{
+        onQueryChange('');
+        setSearchOpen(false);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex items-center gap-1.5', className),
+        children: [
+            leading,
+            !controlsHidden && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    searchOpen ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        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,
+                                className: "pointer-events-none absolute left-2 text-foreground-subtle"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Input, {
+                                autoFocus: true,
+                                type: "text",
+                                variant: "ghost",
+                                size: "xs",
+                                value: query,
+                                onChange: (e)=>onQueryChange(e.target.value),
+                                onKeyDown: (e)=>{
+                                    if ('Escape' === e.key) closeSearch();
+                                },
+                                "aria-label": resolvedSearchPlaceholder,
+                                placeholder: resolvedSearchPlaceholder,
+                                style: {
+                                    paddingLeft: '1.75rem',
+                                    paddingRight: '1.5rem'
+                                },
+                                className: "h-6 w-full text-foreground placeholder:text-foreground-subtle focus-visible:ring-0"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                onClick: closeSearch,
+                                "aria-label": _({
+                                    id: 'canvas.json_value_panel.clear_search',
+                                    message: 'Clear search'
+                                }),
+                                className: "absolute right-1.5 grid size-4 place-items-center text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                    size: 12
+                                })
+                            })
+                        ]
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "flex-1"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                                content: searchActionLabel,
+                                placement: "top",
+                                delay: true,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+                                    variant: "ghost",
+                                    size: "3xs",
+                                    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
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    !!filters?.length && onFilterChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenu, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                                content: filterLabel,
+                                placement: "top",
+                                delay: true,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuTrigger, {
+                                    asChild: true,
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Button, {
+                                        variant: "ghost",
+                                        size: "3xs",
+                                        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
+                                            }),
+                                            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"
+                                            })
+                                        ]
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuContent, {
+                                align: "end",
+                                className: "w-52",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenuRadioGroup, {
+                                    value: activeFilterId ?? ALL_FILTER_VALUE,
+                                    onValueChange: (value)=>onFilterChange(value === ALL_FILTER_VALUE ? null : value),
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuRadioItem, {
+                                            value: ALL_FILTER_VALUE,
+                                            className: "text-[11px] [&>span:first-child]:text-foreground-accent",
+                                            children: _({
+                                                id: 'canvas.json_value_panel.filter_all',
+                                                message: 'All'
+                                            })
+                                        }),
+                                        filters.map((filter)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenuRadioItem, {
+                                                value: filter.id,
+                                                className: "text-[11px] [&>span:first-child]:text-foreground-accent",
+                                                children: [
+                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                        className: "flex-1 truncate",
+                                                        children: filter.label
+                                                    }),
+                                                    void 0 !== filter.count && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                        className: "ml-3 rounded bg-surface-overlay px-1.5 py-0.5 font-mono text-[10px] font-medium leading-none text-foreground-muted",
+                                                        children: filter.count
+                                                    })
+                                                ]
+                                            }, filter.id))
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    onToggleAll && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                        content: toggleAllLabel,
+                        placement: "top",
+                        delay: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+                            variant: "ghost",
+                            size: "3xs",
+                            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
+                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsDownUp, {
+                                size: 14
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.JsonTreeToolbar = __webpack_exports__.JsonTreeToolbar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "JsonTreeToolbar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import type { JsonTreeFilterOption } from './JsonTree.types';
+export interface JsonTreeToolbarProps {
+    query: string;
+    onQueryChange: (query: string) => void;
+    searchPlaceholder?: string;
+    filters?: JsonTreeFilterOption[];
+    activeFilterId?: string | null;
+    onFilterChange?: (id: string | null) => void;
+    allCollapsed?: boolean;
+    onToggleAll?: () => void;
+    leading?: ReactNode;
+    controlsHidden?: boolean;
+    className?: string;
+}
+export declare function JsonTreeToolbar({ query, onQueryChange, searchPlaceholder, filters, activeFilterId, onFilterChange, allCollapsed, onToggleAll, leading, controlsHidden, className, }: JsonTreeToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JsonTreeToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTreeToolbar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeToolbar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7D,MAAM,WAAW,oBAAoB;IAEnC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEjC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAMzB,OAAO,CAAC,EAAE,SAAS,CAAC;IAKpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,OAAO,EACP,cAAqB,EACrB,cAAc,EACd,YAAoB,EACpB,WAAW,EACX,OAAO,EACP,cAAsB,EACtB,SAAS,GACV,EAAE,oBAAoB,2CA4KtB"}