@uipath/apollo-react 6.0.0 → 6.2.0

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

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, cn } from "@uipath/apollo-wind";
+import { MoreHorizontal } from "lucide-react";
+import { useSafeLingui } from "../../../i18n/index.js";
+import { CanvasTooltip } from "../CanvasTooltip.js";
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_TONE_CLASS = {
+    neutral: '',
+    info: 'text-info hover:text-info',
+    warning: 'text-warning hover:text-warning',
+    error: 'text-error hover:text-error'
+};
+function RowActions({ node, actions, maxInline }) {
+    const { _ } = useSafeLingui();
+    if (0 === actions.length) return null;
+    const overflowing = actions.length > maxInline;
+    const inline = overflowing ? actions.slice(0, maxInline - 1) : actions;
+    const overflow = overflowing ? actions.slice(maxInline - 1) : [];
+    const moreLabel = _({
+        id: 'canvas.json_value_panel.more_actions',
+        message: 'More actions'
+    });
+    return /*#__PURE__*/ jsxs("span", {
+        className: "ml-auto flex shrink-0 items-center gap-0.5",
+        children: [
+            inline.map((action)=>/*#__PURE__*/ jsx(CanvasTooltip, {
+                    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)),
+            overflow.length > 0 && /*#__PURE__*/ jsxs(DropdownMenu, {
+                children: [
+                    /*#__PURE__*/ jsx(CanvasTooltip, {
+                        content: moreLabel,
+                        placement: "top",
+                        delay: true,
+                        children: /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "4xs",
+                                icon: true,
+                                "aria-label": moreLabel,
+                                className: cn(ACTION_BUTTON_CLASS, '[&_svg]:size-2.75'),
+                                children: /*#__PURE__*/ jsx(MoreHorizontal, {})
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(DropdownMenuContent, {
+                        align: "end",
+                        className: "min-w-40",
+                        children: overflow.map((action)=>/*#__PURE__*/ jsxs(DropdownMenuItem, {
+                                disabled: action.disabled,
+                                onClick: ()=>action.onSelect(node),
+                                className: cn('gap-2 text-xs', 'error' === action.tone && 'text-error'),
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "grid size-3.5 shrink-0 place-items-center [&_svg]:size-3.5",
+                                        children: action.icon
+                                    }),
+                                    action.label
+                                ]
+                            }, action.id))
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { RowActions };

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

@@ -0,0 +1,132 @@
+"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__, {
+    valueColorClass: ()=>valueColorClass,
+    ScalarValueCell: ()=>ScalarValueCell
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const external_buildJsonTree_cjs_namespaceObject = require("./buildJsonTree.cjs");
+const external_JsonLeafValueEditor_cjs_namespaceObject = require("./JsonLeafValueEditor.cjs");
+function valueColorClass(type, value) {
+    if (null == value) return 'text-foreground-subtle';
+    if ('string' === type) return 'text-success';
+    if ('number' === type) return 'text-info';
+    if ('boolean' === type) return value ? 'text-success' : 'text-error';
+    return 'text-foreground';
+}
+const VALUE_CELL_CLASS = 'min-w-0 shrink-3 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
+function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const missing = void 0 === node.value;
+    const display = missing ? _({
+        id: 'canvas.json_value_panel.unset_value',
+        message: 'unset'
+    }) : (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)(node.type, node.value);
+    const colorClass = missing ? 'italic text-foreground-subtle' : valueColorClass(node.type, node.value);
+    const enumOptions = node.schema?.enum;
+    const isBoolean = 'boolean' === node.type;
+    if (editing) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonLeafValueEditor_cjs_namespaceObject.JsonLeafValueEditor, {
+        node: node,
+        onCommit: (value)=>{
+            onStopEdit();
+            onEdit?.(node, value);
+        },
+        onCancel: onStopEdit
+    });
+    if (readOnly || !onEdit) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 shrink-3 truncate font-mono text-xs', colorClass),
+        children: display
+    });
+    const editTitle = _({
+        id: 'canvas.json_value_panel.edit_value_of',
+        message: 'Edit value of {key}',
+        values: {
+            key: node.key
+        }
+    });
+    if (isBoolean && !enumOptions?.length) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        type: "button",
+        onClick: ()=>onEdit(node, true !== node.value),
+        "aria-label": editTitle,
+        title: _({
+            id: 'canvas.json_value_panel.toggle_hint',
+            message: 'Click to toggle'
+        }),
+        className: (0, apollo_wind_namespaceObject.cn)(VALUE_CELL_CLASS, 'cursor-pointer', colorClass),
+        children: display
+    });
+    if (enumOptions?.length) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenu, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                    type: "button",
+                    "aria-label": editTitle,
+                    title: _({
+                        id: 'canvas.json_value_panel.edit_hint',
+                        message: 'Click to edit'
+                    }),
+                    className: (0, apollo_wind_namespaceObject.cn)(VALUE_CELL_CLASS, 'cursor-pointer', colorClass),
+                    children: display
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuContent, {
+                align: "start",
+                className: "min-w-32",
+                children: enumOptions.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuItem, {
+                        onClick: ()=>onEdit(node, option),
+                        className: (0, apollo_wind_namespaceObject.cn)('font-mono text-xs', option === node.value ? 'text-foreground' : 'text-foreground-muted'),
+                        children: (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)((0, external_buildJsonTree_cjs_namespaceObject.inferValueType)(option), option)
+                    }, String(option)))
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        type: "button",
+        onClick: ()=>onStartEdit(node),
+        "aria-label": editTitle,
+        title: missing ? _({
+            id: 'canvas.json_value_panel.unset_edit_hint',
+            message: 'Click to set a value'
+        }) : _({
+            id: 'canvas.json_value_panel.edit_hint',
+            message: 'Click to edit'
+        }),
+        className: (0, apollo_wind_namespaceObject.cn)(VALUE_CELL_CLASS, 'cursor-text', colorClass),
+        children: display
+    });
+}
+exports.ScalarValueCell = __webpack_exports__.ScalarValueCell;
+exports.valueColorClass = __webpack_exports__.valueColorClass;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ScalarValueCell",
+    "valueColorClass"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,12 @@
+import type { JsonTreeNode, JsonTreeNodeType, JsonValue } from './JsonTree.types';
+export declare function valueColorClass(type: JsonTreeNodeType, value: JsonValue | undefined): string;
+export interface ScalarValueCellProps {
+    node: JsonTreeNode;
+    readOnly: boolean;
+    editing: boolean;
+    onStartEdit: (node: JsonTreeNode) => void;
+    onStopEdit: () => void;
+    onEdit?: (node: JsonTreeNode, value: JsonValue) => void;
+}
+export declare function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit, }: ScalarValueCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScalarValueCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarValueCell.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/ScalarValueCell.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlF,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAM5F;AAOD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAQD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,2CAsHtB"}

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

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, cn } from "@uipath/apollo-wind";
+import { useSafeLingui } from "../../../i18n/index.js";
+import { formatLeafValue, inferValueType } from "./buildJsonTree.js";
+import { JsonLeafValueEditor } from "./JsonLeafValueEditor.js";
+function valueColorClass(type, value) {
+    if (null == value) return 'text-foreground-subtle';
+    if ('string' === type) return 'text-success';
+    if ('number' === type) return 'text-info';
+    if ('boolean' === type) return value ? 'text-success' : 'text-error';
+    return 'text-foreground';
+}
+const VALUE_CELL_CLASS = 'min-w-0 shrink-3 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
+function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit }) {
+    const { _ } = useSafeLingui();
+    const missing = void 0 === node.value;
+    const display = missing ? _({
+        id: 'canvas.json_value_panel.unset_value',
+        message: 'unset'
+    }) : formatLeafValue(node.type, node.value);
+    const colorClass = missing ? 'italic text-foreground-subtle' : valueColorClass(node.type, node.value);
+    const enumOptions = node.schema?.enum;
+    const isBoolean = 'boolean' === node.type;
+    if (editing) return /*#__PURE__*/ jsx(JsonLeafValueEditor, {
+        node: node,
+        onCommit: (value)=>{
+            onStopEdit();
+            onEdit?.(node, value);
+        },
+        onCancel: onStopEdit
+    });
+    if (readOnly || !onEdit) return /*#__PURE__*/ jsx("span", {
+        className: cn('min-w-0 shrink-3 truncate font-mono text-xs', colorClass),
+        children: display
+    });
+    const editTitle = _({
+        id: 'canvas.json_value_panel.edit_value_of',
+        message: 'Edit value of {key}',
+        values: {
+            key: node.key
+        }
+    });
+    if (isBoolean && !enumOptions?.length) return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        onClick: ()=>onEdit(node, true !== node.value),
+        "aria-label": editTitle,
+        title: _({
+            id: 'canvas.json_value_panel.toggle_hint',
+            message: 'Click to toggle'
+        }),
+        className: cn(VALUE_CELL_CLASS, 'cursor-pointer', colorClass),
+        children: display
+    });
+    if (enumOptions?.length) return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "aria-label": editTitle,
+                    title: _({
+                        id: 'canvas.json_value_panel.edit_hint',
+                        message: 'Click to edit'
+                    }),
+                    className: cn(VALUE_CELL_CLASS, 'cursor-pointer', colorClass),
+                    children: display
+                })
+            }),
+            /*#__PURE__*/ jsx(DropdownMenuContent, {
+                align: "start",
+                className: "min-w-32",
+                children: enumOptions.map((option)=>/*#__PURE__*/ jsx(DropdownMenuItem, {
+                        onClick: ()=>onEdit(node, option),
+                        className: cn('font-mono text-xs', option === node.value ? 'text-foreground' : 'text-foreground-muted'),
+                        children: formatLeafValue(inferValueType(option), option)
+                    }, String(option)))
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        onClick: ()=>onStartEdit(node),
+        "aria-label": editTitle,
+        title: missing ? _({
+            id: 'canvas.json_value_panel.unset_edit_hint',
+            message: 'Click to set a value'
+        }) : _({
+            id: 'canvas.json_value_panel.edit_hint',
+            message: 'Click to edit'
+        }),
+        className: cn(VALUE_CELL_CLASS, 'cursor-text', colorClass),
+        children: display
+    });
+}
+export { ScalarValueCell, valueColorClass };

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

@@ -0,0 +1,321 @@
+"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__, {
+    appendPathSegment: ()=>appendPathSegment,
+    buildJsonTree: ()=>buildJsonTree,
+    collectContainerPaths: ()=>collectContainerPaths,
+    flattenJsonTree: ()=>flattenJsonTree,
+    formatLeafValue: ()=>formatLeafValue,
+    getValueAtPath: ()=>getValueAtPath,
+    inferValueType: ()=>inferValueType,
+    isArrayItemTemplateRoot: ()=>isArrayItemTemplateRoot,
+    isJsonObject: ()=>isJsonObject,
+    removeValueAtPath: ()=>removeValueAtPath,
+    schemaDisplayType: ()=>schemaDisplayType,
+    setValueAtPath: ()=>setValueAtPath
+});
+const IDENTIFIER_RE = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
+function isJsonObject(value) {
+    return 'object' == typeof value && null !== value && !Array.isArray(value);
+}
+function appendPathSegment(path, segment) {
+    if ('number' == typeof segment) return `${path}[${segment}]`;
+    if (IDENTIFIER_RE.test(segment)) return path ? `${path}.${segment}` : segment;
+    return `${path}[${JSON.stringify(segment)}]`;
+}
+function inferValueType(value) {
+    if (null === value) return 'null';
+    if (Array.isArray(value)) return 'array';
+    switch(typeof value){
+        case 'string':
+            return 'string';
+        case 'number':
+            return 'number';
+        case 'boolean':
+            return 'boolean';
+        default:
+            return 'object';
+    }
+}
+function declaredTypes(schema) {
+    if (!schema?.type) return;
+    return Array.isArray(schema.type) ? schema.type : [
+        schema.type
+    ];
+}
+function schemaDisplayType(schema) {
+    const types = declaredTypes(schema);
+    const first = types?.find((t)=>'null' !== t) ?? types?.[0];
+    if (first) return 'integer' === first ? 'number' : first;
+    if (schema?.properties) return 'object';
+    if (schema?.items) return 'array';
+    const enumSample = schema?.enum?.find((v)=>null !== v);
+    if (void 0 !== enumSample) return inferValueType(enumSample);
+    return 'null';
+}
+function buildNode(input) {
+    const type = input.hasValue ? inferValueType(input.value) : schemaDisplayType(input.schema);
+    const node = {
+        key: input.key,
+        path: input.path,
+        segments: input.segments,
+        type,
+        required: input.required,
+        schema: input.schema
+    };
+    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) {
+    const items = hasValue && Array.isArray(value) ? value : [];
+    if (items.length > 0) return items.map((item, index)=>buildNode({
+            key: String(index),
+            segments: [
+                ...segments,
+                index
+            ],
+            path: appendPathSegment(path, index),
+            schema: schema?.items,
+            value: item,
+            hasValue: true,
+            isTemplate
+        }));
+    if (schema?.items) return [
+        buildNode({
+            key: '0',
+            segments: [
+                ...segments,
+                0
+            ],
+            path: appendPathSegment(path, 0),
+            schema: schema.items,
+            hasValue: false,
+            isTemplate: true
+        })
+    ];
+    return [];
+}
+function buildObjectChildren(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 && Object.hasOwn(value, key);
+        children.push(buildNode({
+            key,
+            segments: [
+                ...segments,
+                key
+            ],
+            path: appendPathSegment(path, key),
+            schema: childSchema,
+            value: hasValue ? value?.[key] : void 0,
+            hasValue,
+            required: required.has(key),
+            isTemplate
+        }));
+    }
+    if (void 0 !== value) {
+        for (const [key, childValue] of Object.entries(value))if (!Object.hasOwn(properties, key)) children.push(buildNode({
+            key,
+            segments: [
+                ...segments,
+                key
+            ],
+            path: appendPathSegment(path, key),
+            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);
+}
+function isArrayItemTemplateRoot(node) {
+    return !!node.isArrayItemTemplate && 'number' == typeof node.segments[node.segments.length - 1];
+}
+function nodeSelfMatchesQuery(node, query, displayTexts) {
+    if (node.key.toLowerCase().includes(query)) return true;
+    const display = displayTexts?.(node);
+    if (display?.label?.toLowerCase().includes(query)) return true;
+    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 flattenJsonTree(nodes, options = {}, depth = 0) {
+    const { collapsed = {}, filterPredicate } = options;
+    const query = options.query?.trim().toLowerCase() ?? '';
+    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;
+                rows.push(...flattenJsonTree(node.children, childOptions, depth + 1));
+            }
+        }
+    }
+    return rows;
+}
+function collectContainerPaths(nodes, depth = 0) {
+    const paths = [];
+    for (const node of nodes)if (node.children) {
+        paths.push({
+            path: node.path,
+            depth
+        });
+        paths.push(...collectContainerPaths(node.children, depth + 1));
+    }
+    return paths;
+}
+function getValueAtPath(root, segments) {
+    let current = root;
+    for (const segment of segments)if ('number' == typeof segment) {
+        if (!Array.isArray(current)) return;
+        current = current[segment];
+    } else {
+        if (!isJsonObject(current) || !Object.hasOwn(current, segment)) return;
+        current = current[segment];
+    }
+    return current;
+}
+function setValueAtPath(root, segments, value) {
+    const [head, ...rest] = segments;
+    if (void 0 === head) return value;
+    if ('number' == typeof head) {
+        const array = Array.isArray(root) ? [
+            ...root
+        ] : [];
+        array[head] = setValueAtPath(array[head], rest, value);
+        return array;
+    }
+    const object = isJsonObject(root) ? {
+        ...root
+    } : {};
+    const previous = Object.hasOwn(object, head) ? object[head] : void 0;
+    Object.defineProperty(object, head, {
+        value: setValueAtPath(previous, rest, value),
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    return object;
+}
+function removeValueAtPath(root, segments) {
+    const [head, ...rest] = segments;
+    if (void 0 === head) return;
+    if ('number' == typeof head) {
+        if (!Array.isArray(root) || head >= root.length) return root;
+        if (0 === rest.length) {
+            const array = [
+                ...root
+            ];
+            array.splice(head, 1);
+            return array;
+        }
+        const child = removeValueAtPath(root[head], rest);
+        if (child === root[head]) return root;
+        const array = [
+            ...root
+        ];
+        array[head] = child;
+        return array;
+    }
+    if (!isJsonObject(root) || !Object.hasOwn(root, head)) return root;
+    if (0 === rest.length) {
+        const object = {
+            ...root
+        };
+        delete object[head];
+        return object;
+    }
+    const child = removeValueAtPath(root[head], rest);
+    if (child === root[head]) return root;
+    return {
+        ...root,
+        [head]: child
+    };
+}
+function formatLeafValue(type, value) {
+    if (null == value) return 'null';
+    if ('string' === type) return JSON.stringify(value);
+    return String(value);
+}
+exports.appendPathSegment = __webpack_exports__.appendPathSegment;
+exports.buildJsonTree = __webpack_exports__.buildJsonTree;
+exports.collectContainerPaths = __webpack_exports__.collectContainerPaths;
+exports.flattenJsonTree = __webpack_exports__.flattenJsonTree;
+exports.formatLeafValue = __webpack_exports__.formatLeafValue;
+exports.getValueAtPath = __webpack_exports__.getValueAtPath;
+exports.inferValueType = __webpack_exports__.inferValueType;
+exports.isArrayItemTemplateRoot = __webpack_exports__.isArrayItemTemplateRoot;
+exports.isJsonObject = __webpack_exports__.isJsonObject;
+exports.removeValueAtPath = __webpack_exports__.removeValueAtPath;
+exports.schemaDisplayType = __webpack_exports__.schemaDisplayType;
+exports.setValueAtPath = __webpack_exports__.setValueAtPath;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "appendPathSegment",
+    "buildJsonTree",
+    "collectContainerPaths",
+    "flattenJsonTree",
+    "formatLeafValue",
+    "getValueAtPath",
+    "inferValueType",
+    "isArrayItemTemplateRoot",
+    "isJsonObject",
+    "removeValueAtPath",
+    "schemaDisplayType",
+    "setValueAtPath"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,37 @@
+import type { JsonContainer, JsonObject, JsonSchema, JsonTreeNode, JsonTreeNodeType, JsonValue, PathSegment } from './JsonTree.types';
+export declare function isJsonObject(value: JsonValue | undefined): value is JsonObject;
+export declare function appendPathSegment(path: string, segment: PathSegment): string;
+export declare function inferValueType(value: JsonValue): JsonTreeNodeType;
+export declare function schemaDisplayType(schema: JsonSchema | undefined): JsonTreeNodeType;
+export interface BuildJsonTreeOptions {
+    schema?: JsonSchema;
+    value?: JsonContainer;
+    basePath?: string;
+}
+export declare function buildJsonTree(options: BuildJsonTreeOptions): JsonTreeNode[];
+export declare function isArrayItemTemplateRoot(node: JsonTreeNode): boolean;
+export interface FlatJsonTreeRow {
+    node: JsonTreeNode;
+    depth: number;
+}
+export type NodeDisplayTexts = (node: JsonTreeNode) => {
+    label?: string;
+    sublabel?: string;
+} | undefined;
+export interface FlattenOptions {
+    collapsed?: Record<string, boolean>;
+    query?: string;
+    filterPredicate?: (node: JsonTreeNode) => boolean;
+    displayTexts?: NodeDisplayTexts;
+}
+export declare function flattenJsonTree(nodes: JsonTreeNode[], options?: FlattenOptions, depth?: number): FlatJsonTreeRow[];
+export interface ContainerPath {
+    path: string;
+    depth: number;
+}
+export declare function collectContainerPaths(nodes: JsonTreeNode[], depth?: number): ContainerPath[];
+export declare function getValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
+export declare function setValueAtPath(root: JsonValue | undefined, segments: PathSegment[], value: JsonValue): JsonValue;
+export declare function removeValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
+export declare function formatLeafValue(type: JsonTreeNodeType, value: JsonValue | undefined): string;
+//# sourceMappingURL=buildJsonTree.d.ts.map