@uipath/apollo-react 4.50.0 → 4.52.0

package/dist/canvas/components/NodePropertyPanel/ExpressionField.cjs

@@ -0,0 +1,187 @@
+"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__, {
+    ExpressionField: ()=>ExpressionField
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function ExpressionField({ label, value, mode = 'expr', description, onModeChange }) {
+    const expression = value ?? '';
+    const activeMode = mode;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex flex-col gap-2",
+        children: [
+            label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center justify-between",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-xs font-medium text-foreground-muted",
+                        children: label
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center gap-0.5",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                title: "AI assist",
+                                "aria-label": "AI assist",
+                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
+                                    size: 12
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                                type: "button",
+                                title: "Insert variable",
+                                "aria-label": "Insert variable",
+                                className: "flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "font-mono text-[10px]",
+                                        children: '{x}'
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        children: "Insert"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                                        size: 9
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "overflow-hidden rounded-xl border border-border-subtle bg-surface-raised",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center justify-between border-b border-border-subtle bg-surface px-3 py-2",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "font-mono text-xs text-foreground-muted",
+                                children: "result"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                title: "Expand editor",
+                                "aria-label": "Expand editor",
+                                className: "grid size-6 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Maximize2, {
+                                    size: 11
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center gap-1 border-b border-border-subtle bg-surface px-2.5 py-1.5",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                title: "Undo",
+                                "aria-label": "Undo",
+                                className: "grid size-6 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Undo2, {
+                                    size: 12
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                title: "Redo",
+                                "aria-label": "Redo",
+                                className: "grid size-6 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Redo2, {
+                                    size: 12
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "mx-1 h-3 w-px shrink-0 bg-border-subtle"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                onClick: ()=>onModeChange?.('expr'),
+                                "aria-pressed": 'expr' === activeMode,
+                                className: "rounded px-2 py-0.5 text-[11px] transition",
+                                style: {
+                                    color: 'expr' === activeMode ? 'var(--foreground)' : 'var(--foreground-subtle)',
+                                    fontWeight: 'expr' === activeMode ? 600 : 400
+                                },
+                                children: "expr"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                onClick: ()=>onModeChange?.('json'),
+                                "aria-pressed": 'json' === activeMode,
+                                className: "rounded px-2 py-0.5 text-[11px] transition",
+                                style: {
+                                    color: 'json' === activeMode ? 'var(--foreground)' : 'var(--foreground-subtle)',
+                                    fontWeight: 'json' === activeMode ? 600 : 400
+                                },
+                                children: "json"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
+                        className: "overflow-auto whitespace-pre-wrap bg-surface-raised p-3 text-xs font-mono leading-5 text-foreground",
+                        children: expression || '// Enter expression…'
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center justify-between border-t border-border-subtle bg-surface px-3 py-1.5",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "flex items-center gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "size-1.5 shrink-0 rounded-full bg-[--success]"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-[10px] text-foreground-subtle",
+                                        children: "No errors"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-[10px] text-foreground-subtle",
+                                children: "Ln 1, Col 1"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "block text-[11px] leading-4 text-foreground-subtle",
+                children: description
+            })
+        ]
+    });
+}
+exports.ExpressionField = __webpack_exports__.ExpressionField;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ExpressionField"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/NodePropertyPanel/ExpressionField.d.ts

@@ -0,0 +1,10 @@
+export type ExpressionMode = 'expr' | 'json';
+export interface ExpressionFieldProps {
+    label?: string;
+    value?: string;
+    mode?: ExpressionMode;
+    description?: string;
+    onModeChange?: (mode: ExpressionMode) => void;
+}
+export declare function ExpressionField({ label, value, mode, description, onModeChange, }: ExpressionFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExpressionField.d.ts.map

package/dist/canvas/components/NodePropertyPanel/ExpressionField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionField.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/ExpressionField.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,oBAAoB;IAEnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAWD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAa,EACb,WAAW,EACX,YAAY,GACb,EAAE,oBAAoB,2CAiHtB"}

package/dist/canvas/components/NodePropertyPanel/ExpressionField.js

@@ -0,0 +1,153 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Maximize2, Redo2, Sparkles, Undo2 } from "lucide-react";
+function ExpressionField({ label, value, mode = 'expr', description, onModeChange }) {
+    const expression = value ?? '';
+    const activeMode = mode;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [
+            label && /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center justify-between",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-xs font-medium text-foreground-muted",
+                        children: label
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-0.5",
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                title: "AI assist",
+                                "aria-label": "AI assist",
+                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                children: /*#__PURE__*/ jsx(Sparkles, {
+                                    size: 12
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs("button", {
+                                type: "button",
+                                title: "Insert variable",
+                                "aria-label": "Insert variable",
+                                className: "flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "font-mono text-[10px]",
+                                        children: '{x}'
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: "Insert"
+                                    }),
+                                    /*#__PURE__*/ jsx(ChevronDown, {
+                                        size: 9
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "overflow-hidden rounded-xl border border-border-subtle bg-surface-raised",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between border-b border-border-subtle bg-surface px-3 py-2",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "font-mono text-xs text-foreground-muted",
+                                children: "result"
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                title: "Expand editor",
+                                "aria-label": "Expand editor",
+                                className: "grid size-6 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ jsx(Maximize2, {
+                                    size: 11
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-1 border-b border-border-subtle bg-surface px-2.5 py-1.5",
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                title: "Undo",
+                                "aria-label": "Undo",
+                                className: "grid size-6 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ jsx(Undo2, {
+                                    size: 12
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                title: "Redo",
+                                "aria-label": "Redo",
+                                className: "grid size-6 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ jsx(Redo2, {
+                                    size: 12
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "mx-1 h-3 w-px shrink-0 bg-border-subtle"
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                onClick: ()=>onModeChange?.('expr'),
+                                "aria-pressed": 'expr' === activeMode,
+                                className: "rounded px-2 py-0.5 text-[11px] transition",
+                                style: {
+                                    color: 'expr' === activeMode ? 'var(--foreground)' : 'var(--foreground-subtle)',
+                                    fontWeight: 'expr' === activeMode ? 600 : 400
+                                },
+                                children: "expr"
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                onClick: ()=>onModeChange?.('json'),
+                                "aria-pressed": 'json' === activeMode,
+                                className: "rounded px-2 py-0.5 text-[11px] transition",
+                                style: {
+                                    color: 'json' === activeMode ? 'var(--foreground)' : 'var(--foreground-subtle)',
+                                    fontWeight: 'json' === activeMode ? 600 : 400
+                                },
+                                children: "json"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("pre", {
+                        className: "overflow-auto whitespace-pre-wrap bg-surface-raised p-3 text-xs font-mono leading-5 text-foreground",
+                        children: expression || '// Enter expression…'
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between border-t border-border-subtle bg-surface px-3 py-1.5",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "size-1.5 shrink-0 rounded-full bg-[--success]"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-[10px] text-foreground-subtle",
+                                        children: "No errors"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-[10px] text-foreground-subtle",
+                                children: "Ln 1, Col 1"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            description && /*#__PURE__*/ jsx("span", {
+                className: "block text-[11px] leading-4 text-foreground-subtle",
+                children: description
+            })
+        ]
+    });
+}
+export { ExpressionField };

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs

@@ -33,7 +33,7 @@ const external_react_namespaceObject = require("react");
 const SURFACE_REMAP = {
     '--surface-raised': 'var(--surface-overlay)'
 };
-function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem' }) {
+function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children }) {
     const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
     const formSchema = (0, external_react_namespaceObject.useMemo)(()=>schema && void 0 === schema.actions ? {
             ...schema,
@@ -43,9 +43,12 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col bg-surface-raised', className),
+        style: {
+            '--mf-content-inset': contentInset
+        },
         children: [
             panelTitle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex h-10 shrink-0 items-center justify-between border-b border-border-subtle px-2",
+                className: "flex h-10 shrink-0 items-center justify-between px-2",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                         className: "flex items-center gap-1",
@@ -75,10 +78,10 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                 ]
             }),
             hasNodeHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex shrink-0 items-center justify-between gap-4 border-b border-border-subtle px-6 py-4",
+                className: "flex shrink-0 items-center justify-between gap-4 py-4 [padding-inline:var(--mf-content-inset,1.5rem)]",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                        className: "flex min-w-0 flex-1 items-center gap-3",
+                        className: "flex min-w-0 flex-1 items-center gap-3.5",
                         children: [
                             nodeIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                 className: "grid size-11 shrink-0 place-items-center rounded-xl bg-surface-overlay text-foreground-subtle [&>svg]:size-5",
@@ -88,11 +91,11 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                                 className: "flex min-w-0 flex-1 flex-col justify-center",
                                 children: [
                                     nodeLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                        className: "block truncate text-lg font-semibold leading-6 tracking-[-0.4px] text-foreground",
+                                        className: "block truncate text-base font-semibold leading-5 tracking-[-0.3px] text-foreground",
                                         children: nodeLabel
                                     }),
                                     nodeCategory && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                        className: "block truncate text-sm leading-5 text-foreground-muted",
+                                        className: "block truncate text-xs leading-4 text-foreground-muted",
                                         children: nodeCategory
                                     })
                                 ]
@@ -105,13 +108,14 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                     })
                 ]
             }),
-            formSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            children ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "min-h-0 flex-1 overflow-auto",
+                style: SURFACE_REMAP,
+                children: children
+            }) : formSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "min-h-0 flex-1 overflow-auto",
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    style: {
-                        ...SURFACE_REMAP,
-                        '--mf-content-inset': contentInset
-                    },
+                    style: SURFACE_REMAP,
                     className: "[&_label]:text-foreground-muted",
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
                         schema: formSchema,
@@ -123,7 +127,7 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                     }, resetKey)
                 })
             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "px-6 py-4 text-xs text-foreground-subtle",
+                className: "py-4 text-xs text-foreground-subtle [padding-inline:var(--mf-content-inset,1.5rem)]",
                 children: "No form schema defined for this node."
             })
         ]

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts

@@ -1,3 +1,3 @@
 import type { NodePropertyPanelProps } from './NodePropertyPanel.types';
-export declare function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset, children, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NodePropertyPanel.d.ts.map

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAiCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAuB,GACxB,EAAE,sBAAsB,2CA2FxB"}
+{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAiCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,GACT,EAAE,sBAAsB,2CA6FxB"}

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js

@@ -5,7 +5,7 @@ import { useMemo } from "react";
 const SURFACE_REMAP = {
     '--surface-raised': 'var(--surface-overlay)'
 };
-function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem' }) {
+function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children }) {
     const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
     const formSchema = useMemo(()=>schema && void 0 === schema.actions ? {
             ...schema,
@@ -15,9 +15,12 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
     ]);
     return /*#__PURE__*/ jsxs("div", {
         className: cn('flex min-h-0 flex-col bg-surface-raised', className),
+        style: {
+            '--mf-content-inset': contentInset
+        },
         children: [
             panelTitle && /*#__PURE__*/ jsxs("div", {
-                className: "flex h-10 shrink-0 items-center justify-between border-b border-border-subtle px-2",
+                className: "flex h-10 shrink-0 items-center justify-between px-2",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
                         className: "flex items-center gap-1",
@@ -47,10 +50,10 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                 ]
             }),
             hasNodeHeader && /*#__PURE__*/ jsxs("div", {
-                className: "flex shrink-0 items-center justify-between gap-4 border-b border-border-subtle px-6 py-4",
+                className: "flex shrink-0 items-center justify-between gap-4 py-4 [padding-inline:var(--mf-content-inset,1.5rem)]",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
-                        className: "flex min-w-0 flex-1 items-center gap-3",
+                        className: "flex min-w-0 flex-1 items-center gap-3.5",
                         children: [
                             nodeIcon && /*#__PURE__*/ jsx("div", {
                                 className: "grid size-11 shrink-0 place-items-center rounded-xl bg-surface-overlay text-foreground-subtle [&>svg]:size-5",
@@ -60,11 +63,11 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                                 className: "flex min-w-0 flex-1 flex-col justify-center",
                                 children: [
                                     nodeLabel && /*#__PURE__*/ jsx("span", {
-                                        className: "block truncate text-lg font-semibold leading-6 tracking-[-0.4px] text-foreground",
+                                        className: "block truncate text-base font-semibold leading-5 tracking-[-0.3px] text-foreground",
                                         children: nodeLabel
                                     }),
                                     nodeCategory && /*#__PURE__*/ jsx("span", {
-                                        className: "block truncate text-sm leading-5 text-foreground-muted",
+                                        className: "block truncate text-xs leading-4 text-foreground-muted",
                                         children: nodeCategory
                                     })
                                 ]
@@ -77,13 +80,14 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                     })
                 ]
             }),
-            formSchema ? /*#__PURE__*/ jsx("div", {
+            children ? /*#__PURE__*/ jsx("div", {
+                className: "min-h-0 flex-1 overflow-auto",
+                style: SURFACE_REMAP,
+                children: children
+            }) : formSchema ? /*#__PURE__*/ jsx("div", {
                 className: "min-h-0 flex-1 overflow-auto",
                 children: /*#__PURE__*/ jsx("div", {
-                    style: {
-                        ...SURFACE_REMAP,
-                        '--mf-content-inset': contentInset
-                    },
+                    style: SURFACE_REMAP,
                     className: "[&_label]:text-foreground-muted",
                     children: /*#__PURE__*/ jsx(MetadataForm, {
                         schema: formSchema,
@@ -95,7 +99,7 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
                     }, resetKey)
                 })
             }) : /*#__PURE__*/ jsx("div", {
-                className: "px-6 py-4 text-xs text-foreground-subtle",
+                className: "py-4 text-xs text-foreground-subtle [padding-inline:var(--mf-content-inset,1.5rem)]",
                 children: "No form schema defined for this node."
             })
         ]

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts

@@ -14,5 +14,6 @@ export interface NodePropertyPanelProps {
     resetKey?: string;
     className?: string;
     contentInset?: string;
+    children?: ReactNode;
 }
 //# sourceMappingURL=NodePropertyPanel.types.d.ts.map

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAEvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAEvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAQtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/canvas/components/NodePropertyPanel/index.cjs

@@ -24,11 +24,15 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    NodePropertyPanel: ()=>external_NodePropertyPanel_cjs_namespaceObject.NodePropertyPanel
+    NodePropertyPanel: ()=>external_NodePropertyPanel_cjs_namespaceObject.NodePropertyPanel,
+    ExpressionField: ()=>external_ExpressionField_cjs_namespaceObject.ExpressionField
 });
+const external_ExpressionField_cjs_namespaceObject = require("./ExpressionField.cjs");
 const external_NodePropertyPanel_cjs_namespaceObject = require("./NodePropertyPanel.cjs");
+exports.ExpressionField = __webpack_exports__.ExpressionField;
 exports.NodePropertyPanel = __webpack_exports__.NodePropertyPanel;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ExpressionField",
     "NodePropertyPanel"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/canvas/components/NodePropertyPanel/index.d.ts

@@ -1,3 +1,5 @@
+export type { ExpressionFieldProps, ExpressionMode } from './ExpressionField';
+export { ExpressionField } from './ExpressionField';
 export { NodePropertyPanel } from './NodePropertyPanel';
 export type { NodePropertyPanelProps } from './NodePropertyPanel.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/NodePropertyPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/canvas/components/NodePropertyPanel/index.js

@@ -1,2 +1,3 @@
+import { ExpressionField } from "./ExpressionField.js";
 import { NodePropertyPanel } from "./NodePropertyPanel.js";
-export { NodePropertyPanel };
+export { ExpressionField, NodePropertyPanel };

package/dist/canvas/locales/de.cjs

@@ -26,7 +26,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     messages: ()=>messages
 });
-const messages = JSON.parse("{\"loop-node.add-node\":[\"Knoten zu Schleife hinzufügen\"],\"loop-node.execution-count.click-to-jump\":[\"Klicken, um zu einer bestimmten Iteration zu springen\"],\"loop-node.execution-count.click-to-return\":[\"Hier klicken, um zur Ansicht der einzelnen Iterationen zurückzukehren\"],\"loop-node.execution-count.jump-to-failed\":[\"Zur ersten fehlgeschlagenen Iteration springen\"],\"loop-node.execution-count.jump-to-iteration\":[\"Zu Iteration \",[\"iterationNumber\"],\" springen (fehlgeschlagen)\"],\"loop-node.execution-count.next-iteration\":[\"Nächste Iteration\"],\"loop-node.execution-count.previous-iteration\":[\"Vorherige Iteration\"],\"loop-node.execution-count.return-to-individual\":[\"Zur Ansicht der einzelnen Iterationen zurückkehren\"],\"loop-node.execution-count.show-aggregate\":[\"Gesamtwert über alle Iterationen anzeigen\"],\"loop-node.mode.parallel\":[\"Parallel\"],\"loop-node.mode.sequential\":[\"Sequenziell\"],\"loop-node.title\":[\"Schleife\"],\"stage-node.add-first-task\":[\"Erste Aufgabe hinzufügen\"],\"stage-node.add-task\":[\"Aufgabe hinzufügen\"],\"stage-node.add-task-to-parallel-group-above\":[\"Aufgabe zur parallelen Gruppe oben hinzufügen\"],\"stage-node.add-task-to-parallel-group-below\":[\"Aufgabe zur parallelen Gruppe unten hinzufügen\"],\"stage-node.adhoc-tasks\":[\"Manuell ausgelöste Aufgaben\"],\"stage-node.create-parallel-group-with-task-above\":[\"Parallele Gruppe mit Aufgabe oben erstellen\"],\"stage-node.create-parallel-group-with-task-below\":[\"Parallele Gruppe mit Aufgabe unten erstellen\"],\"stage-node.delete-task\":[\"Aufgabe löschen\"],\"stage-node.event-driven-tasks\":[\"Durch Ereignisse ausgelöste Aufgaben\"],\"stage-node.move-down\":[\"Nach unten\"],\"stage-node.move-up\":[\"Nach oben\"],\"stage-node.no-tasks\":[\"Keine Aufgaben\"],\"stage-node.parallel\":[\"Parallel\"],\"stage-node.remove-from-parallel-group\":[\"Aus paralleler Gruppe entfernen\"],\"stage-node.remove-group-from-stage\":[\"Gruppe aus Phase entfernen\"],\"stage-node.replace-task\":[\"Aufgabe ersetzen\"],\"stage-node.status.cancelled\":[\"Abgebrochen\"],\"stage-node.status.completed\":[\"Abgeschlossen\"],\"stage-node.status.failed\":[\"Fehlgeschlagen\"],\"stage-node.status.in-progress\":[\"In Bearbeitung\"],\"stage-node.status.not-executed\":[\"Nicht gestartet\"],\"stage-node.status.paused\":[\"Angehalten\"],\"stage-node.status.terminated\":[\"Beendet\"],\"stage-node.status.warning\":[\"Warnung\"],\"stage-node.ungroup-parallel-tasks\":[\"Gruppierung paralleler Aufgaben aufheben\"],\"stage-node.untitled-stage\":[\"Schritt ohne Titel\"],\"sticky-note.formatting.bold\":[\"Fett (\",[\"boldShortcut\"],\")\"],\"sticky-note.formatting.bullet-list\":[\"Aufzählungsliste\"],\"sticky-note.formatting.italic\":[\"Kursiv (\",[\"italicShortcut\"],\")\"],\"sticky-note.formatting.numbered-list\":[\"Nummerierte Liste\"],\"sticky-note.formatting.strikethrough\":[\"Durchgestrichen (\",[\"strikethroughShortcut\"],\")\"],\"sticky-note.formatting.toolbar\":[\"Textformatierung\"],\"sticky-note.toolbar.color\":[\"Farbe\"],\"sticky-note.toolbar.delete\":[\"Löschen\"],\"sticky-note.toolbar.edit\":[\"Bearbeiten\"],\"toolbox.search\":[\"Suchen\"]}");
+const messages = JSON.parse("{\"canvas.property_trigger.always_persist\":[\"Immer beibehalten\"],\"canvas.property_trigger.apply_preset_with_label\":[[\"label\"],\" anwenden\"],\"canvas.property_trigger.auto_hide\":[\"Automatisch ausblenden\"],\"canvas.property_trigger.default_layouts\":[\"Standardlayouts\"],\"canvas.property_trigger.delete_preset_with_label\":[[\"label\"],\" löschen\"],\"canvas.property_trigger.layout_bottom\":[\"Standard – Unten\"],\"canvas.property_trigger.layout_right\":[\"Standard – Rechts\"],\"canvas.property_trigger.layout_split\":[\"Standard – Aufgeteilt\"],\"canvas.property_trigger.no_saved_presets\":[\"Noch keine gespeicherten Voreinstellungen.\"],\"canvas.property_trigger.panel_behavior\":[\"Verhalten des Bereichs\"],\"canvas.property_trigger.panel_options\":[\"Optionen für Bereich\"],\"canvas.property_trigger.properties\":[\"Eigenschaften\"],\"canvas.property_trigger.rename_preset_with_label\":[[\"label\"],\" umbenennen\"],\"canvas.property_trigger.save_as_preset\":[\"Als Voreinstellung speichern\"],\"canvas.property_trigger.saved_presets\":[\"Gespeicherte Voreinstellungen\"],\"loop-node.add-node\":[\"Knoten zu Schleife hinzufügen\"],\"loop-node.execution-count.click-to-jump\":[\"Klicken, um zu einer bestimmten Iteration zu springen\"],\"loop-node.execution-count.click-to-return\":[\"Hier klicken, um zur Ansicht der einzelnen Iterationen zurückzukehren\"],\"loop-node.execution-count.jump-to-failed\":[\"Zur ersten fehlgeschlagenen Iteration springen\"],\"loop-node.execution-count.jump-to-iteration\":[\"Zu Iteration \",[\"iterationNumber\"],\" springen (fehlgeschlagen)\"],\"loop-node.execution-count.next-iteration\":[\"Nächste Iteration\"],\"loop-node.execution-count.previous-iteration\":[\"Vorherige Iteration\"],\"loop-node.execution-count.return-to-individual\":[\"Zur Ansicht der einzelnen Iterationen zurückkehren\"],\"loop-node.execution-count.show-aggregate\":[\"Gesamtwert über alle Iterationen anzeigen\"],\"loop-node.mode.parallel\":[\"Parallel\"],\"loop-node.mode.sequential\":[\"Sequenziell\"],\"loop-node.title\":[\"Schleife\"],\"stage-node.add-first-task\":[\"Erste Aufgabe hinzufügen\"],\"stage-node.add-task\":[\"Aufgabe hinzufügen\"],\"stage-node.add-task-to-parallel-group-above\":[\"Aufgabe zur parallelen Gruppe oben hinzufügen\"],\"stage-node.add-task-to-parallel-group-below\":[\"Aufgabe zur parallelen Gruppe unten hinzufügen\"],\"stage-node.adhoc-tasks\":[\"Manuell ausgelöste Aufgaben\"],\"stage-node.create-parallel-group-with-task-above\":[\"Parallele Gruppe mit Aufgabe oben erstellen\"],\"stage-node.create-parallel-group-with-task-below\":[\"Parallele Gruppe mit Aufgabe unten erstellen\"],\"stage-node.delete-task\":[\"Aufgabe löschen\"],\"stage-node.event-driven-tasks\":[\"Durch Ereignisse ausgelöste Aufgaben\"],\"stage-node.move-down\":[\"Nach unten\"],\"stage-node.move-up\":[\"Nach oben\"],\"stage-node.no-tasks\":[\"Keine Aufgaben\"],\"stage-node.parallel\":[\"Parallel\"],\"stage-node.remove-from-parallel-group\":[\"Aus paralleler Gruppe entfernen\"],\"stage-node.remove-group-from-stage\":[\"Gruppe aus Phase entfernen\"],\"stage-node.replace-task\":[\"Aufgabe ersetzen\"],\"stage-node.status.cancelled\":[\"Abgebrochen\"],\"stage-node.status.completed\":[\"Abgeschlossen\"],\"stage-node.status.failed\":[\"Fehlgeschlagen\"],\"stage-node.status.in-progress\":[\"In Bearbeitung\"],\"stage-node.status.not-executed\":[\"Nicht gestartet\"],\"stage-node.status.paused\":[\"Angehalten\"],\"stage-node.status.terminated\":[\"Beendet\"],\"stage-node.status.warning\":[\"Warnung\"],\"stage-node.ungroup-parallel-tasks\":[\"Gruppierung paralleler Aufgaben aufheben\"],\"stage-node.untitled-stage\":[\"Schritt ohne Titel\"],\"sticky-note.formatting.bold\":[\"Fett (\",[\"boldShortcut\"],\")\"],\"sticky-note.formatting.bullet-list\":[\"Aufzählungsliste\"],\"sticky-note.formatting.italic\":[\"Kursiv (\",[\"italicShortcut\"],\")\"],\"sticky-note.formatting.numbered-list\":[\"Nummerierte Liste\"],\"sticky-note.formatting.strikethrough\":[\"Durchgestrichen (\",[\"strikethroughShortcut\"],\")\"],\"sticky-note.formatting.toolbar\":[\"Textformatierung\"],\"sticky-note.toolbar.color\":[\"Farbe\"],\"sticky-note.toolbar.delete\":[\"Löschen\"],\"sticky-note.toolbar.edit\":[\"Bearbeiten\"],\"toolbox.search\":[\"Suchen\"]}");
 exports.messages = __webpack_exports__.messages;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "messages"

package/dist/canvas/locales/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/canvas/locales/de.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAmoG,QAAQ,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/canvas/locales/de.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAusI,QAAQ,CAAC"}