@uipath/apollo-react 6.74.0 → 6.75.0

package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs

@@ -111,6 +111,8 @@ const BaseCanvasInnerComponent = (props)=>{
         locale: locale,
         stickyNoteOptions: stickyNoteOptions,
         readOnlyNodeIds: stableReadOnlyNodeIds,
+        onToolbarAction: onToolbarAction,
+        breakpoints: breakpoints,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_cjs_namespaceObject.ReactFlow, {
             ...reactFlowProps,
             colorMode: '',

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,IAAI,EACJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAwQzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
+{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,IAAI,EACJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA0QzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.js

@@ -83,6 +83,8 @@ const BaseCanvasInnerComponent = (props)=>{
         locale: locale,
         stickyNoteOptions: stickyNoteOptions,
         readOnlyNodeIds: stableReadOnlyNodeIds,
+        onToolbarAction: onToolbarAction,
+        breakpoints: breakpoints,
         children: /*#__PURE__*/ jsxs(ReactFlow, {
             ...reactFlowProps,
             colorMode: '',

package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tooltip_namespaceObject = require("@uipath/apollo-wind/components/ui/tooltip");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const ToolbarActionContext_cjs_namespaceObject = require("../../hooks/ToolbarActionContext.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
 const crossings_index_cjs_namespaceObject = require("../Edges/shared/crossings/index.cjs");
 const StickyNoteCanvasOptionsContext_cjs_namespaceObject = require("../StickyNoteNode/StickyNoteCanvasOptionsContext.cjs");
@@ -37,7 +38,7 @@ const external_CanvasThemeContext_cjs_namespaceObject = require("./CanvasThemeCo
 const external_ConnectedHandlesContext_cjs_namespaceObject = require("./ConnectedHandlesContext.cjs");
 const external_ReadOnlyNodesContext_cjs_namespaceObject = require("./ReadOnlyNodesContext.cjs");
 const external_SelectionStateContext_cjs_namespaceObject = require("./SelectionStateContext.cjs");
-function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, readOnlyNodeIds, children }) {
+function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, readOnlyNodeIds, onToolbarAction, breakpoints, children }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApI18nProvider, {
         component: "canvas",
         locale: locale,
@@ -56,9 +57,14 @@ function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOpt
                                     readOnlyNodeIds: readOnlyNodeIds,
                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StickyNoteCanvasOptionsContext_cjs_namespaceObject.StickyNoteCanvasOptionsProvider, {
                                         options: stickyNoteOptions,
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
-                                            nodes: nodes,
-                                            children: children
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarActionContext_cjs_namespaceObject.ToolbarActionStoreProvider, {
+                                            mode: mode,
+                                            onToolbarAction: onToolbarAction,
+                                            breakpoints: breakpoints,
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
+                                                nodes: nodes,
+                                                children: children
+                                            })
                                         })
                                     })
                                 })

package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts

@@ -1,17 +1,20 @@
 import type { Edge, Node } from '../../xyflow/react.ts';
 import type { ReactNode } from 'react';
+import type { ToolbarActionHandler } from '../../schema/toolbar';
 import type { StickyNoteCanvasOptions } from '../StickyNoteNode/StickyNoteNode.types';
 import type { BaseCanvasProps } from './BaseCanvas.types';
 interface CanvasProvidersProps {
     children: ReactNode;
     nodes: Node[];
     edges: Edge[];
-    mode: BaseCanvasProps['mode'];
+    mode: NonNullable<BaseCanvasProps['mode']>;
     isDarkMode?: boolean;
     locale?: BaseCanvasProps['locale'];
     stickyNoteOptions?: StickyNoteCanvasOptions;
     readOnlyNodeIds?: ReadonlySet<string>;
+    onToolbarAction?: ToolbarActionHandler;
+    breakpoints?: Set<string>;
 }
-export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, readOnlyNodeIds, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, readOnlyNodeIds, onToolbarAction, breakpoints, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CanvasProviders.d.ts.map

package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACvC;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CAsBtB"}
+{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC3B;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,WAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,2CA4BtB"}

package/dist/canvas/components/BaseCanvas/CanvasProviders.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TooltipProvider } from "@uipath/apollo-wind/components/ui/tooltip";
 import { ApI18nProvider } from "../../../i18n/index.js";
+import { ToolbarActionStoreProvider } from "../../hooks/ToolbarActionContext.js";
 import { CanvasTooltipProviderMarker } from "../CanvasTooltip.js";
 import { EdgeCrossingsProvider } from "../Edges/shared/crossings/index.js";
 import { StickyNoteCanvasOptionsProvider } from "../StickyNoteNode/StickyNoteCanvasOptionsContext.js";
@@ -9,7 +10,7 @@ import { CanvasThemeProvider } from "./CanvasThemeContext.js";
 import { ConnectedHandlesProvider } from "./ConnectedHandlesContext.js";
 import { ReadOnlyNodesProvider } from "./ReadOnlyNodesContext.js";
 import { SelectionStateProvider } from "./SelectionStateContext.js";
-function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, readOnlyNodeIds, children }) {
+function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, readOnlyNodeIds, onToolbarAction, breakpoints, children }) {
     return /*#__PURE__*/ jsx(ApI18nProvider, {
         component: "canvas",
         locale: locale,
@@ -28,9 +29,14 @@ function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOpt
                                     readOnlyNodeIds: readOnlyNodeIds,
                                     children: /*#__PURE__*/ jsx(StickyNoteCanvasOptionsProvider, {
                                         options: stickyNoteOptions,
-                                        children: /*#__PURE__*/ jsx(SelectionStateProvider, {
-                                            nodes: nodes,
-                                            children: children
+                                        children: /*#__PURE__*/ jsx(ToolbarActionStoreProvider, {
+                                            mode: mode,
+                                            onToolbarAction: onToolbarAction,
+                                            breakpoints: breakpoints,
+                                            children: /*#__PURE__*/ jsx(SelectionStateProvider, {
+                                                nodes: nodes,
+                                                children: children
+                                            })
                                         })
                                     })
                                 })

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -169,13 +169,15 @@ const BaseNodeComponent = (props)=>{
         data,
         id
     ]);
+    const toolbarActionStore = (0, external_hooks_index_cjs_namespaceObject.useToolbarActionStoreContext)();
     const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
-        return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext) : void 0;
+        return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, void 0, toolbarActionStore) : void 0;
     }, [
         toolbarConfigProp,
         manifest,
-        statusContext
+        statusContext,
+        toolbarActionStore
     ]);
     const effectiveToolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>toolbarConfig && isNodeReadOnly ? (0, NodeToolbar_utils_cjs_namespaceObject.lockToolbarConfig)(toolbarConfig) : toolbarConfig, [
         toolbarConfig,

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA+ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA2sB1B,eAAO,MAAM,QAAQ,8CAtqBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAsqBmB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAmDhF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAgtB1B,eAAO,MAAM,QAAQ,8CA3qBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA2qBmB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.js

@@ -3,7 +3,7 @@ import { Position, useReactFlow, useStore, useUpdateNodeInternals } from "../../
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO } from "../../constants.js";
 import { useNodeTypeRegistry } from "../../core/index.js";
-import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
+import { useElementValidationStatus, useNodeExecutionState, useToolbarActionStoreContext } from "../../hooks/index.js";
 import { isWideNodeShape } from "../../schema/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
 import { CanvasIcon, getIcon } from "../../utils/icon-registry.js";
@@ -141,13 +141,15 @@ const BaseNodeComponent = (props)=>{
         data,
         id
     ]);
+    const toolbarActionStore = useToolbarActionStoreContext();
     const toolbarConfig = useMemo(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
-        return manifest ? resolveToolbar(manifest, statusContext) : void 0;
+        return manifest ? resolveToolbar(manifest, statusContext, void 0, toolbarActionStore) : void 0;
     }, [
         toolbarConfigProp,
         manifest,
-        statusContext
+        statusContext,
+        toolbarActionStore
     ]);
     const effectiveToolbarConfig = useMemo(()=>toolbarConfig && isNodeReadOnly ? lockToolbarConfig(toolbarConfig) : toolbarConfig, [
         toolbarConfig,

package/dist/canvas/components/ContainerNode/ContainerNode.cjs

@@ -168,14 +168,16 @@ function ContainerNodeComponent(props) {
         minWidth: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_WIDTH,
         minHeight: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_HEIGHT
     };
+    const toolbarActionStore = (0, external_hooks_index_cjs_namespaceObject.useToolbarActionStoreContext)();
     const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
-        return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, data) : void 0;
+        return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, data, toolbarActionStore) : void 0;
     }, [
         data,
         manifest,
         statusContext,
-        toolbarConfigProp
+        toolbarConfigProp,
+        toolbarActionStore
     ]);
     const effectiveToolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>toolbarConfig && isNodeReadOnly ? (0, NodeToolbar_utils_cjs_namespaceObject.lockToolbarConfig)(toolbarConfig) : toolbarConfig, [
         toolbarConfig,

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

@@ -1 +1 @@
-{"version":3,"file":"ContainerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ContainerNode/ContainerNode.tsx"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAWhE,iBAAS,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,2CAsXxD;AAOD,eAAO,MAAM,aAAa,oEAAkE,CAAC"}
+{"version":3,"file":"ContainerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ContainerNode/ContainerNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAWhE,iBAAS,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,2CAyXxD;AAOD,eAAO,MAAM,aAAa,oEAAkE,CAAC"}

package/dist/canvas/components/ContainerNode/ContainerNode.js

@@ -4,7 +4,7 @@ import { cn } from "@uipath/apollo-wind";
 import { memo, useCallback, useMemo, useState } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
-import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
+import { useElementValidationStatus, useNodeExecutionState, useToolbarActionStoreContext } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
 import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH } from "../../utils/container.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
@@ -140,14 +140,16 @@ function ContainerNodeComponent(props) {
         minWidth: DEFAULT_CONTAINER_MIN_WIDTH,
         minHeight: DEFAULT_CONTAINER_MIN_HEIGHT
     };
+    const toolbarActionStore = useToolbarActionStoreContext();
     const toolbarConfig = useMemo(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
-        return manifest ? resolveToolbar(manifest, statusContext, data) : void 0;
+        return manifest ? resolveToolbar(manifest, statusContext, data, toolbarActionStore) : void 0;
     }, [
         data,
         manifest,
         statusContext,
-        toolbarConfigProp
+        toolbarConfigProp,
+        toolbarActionStore
     ]);
     const effectiveToolbarConfig = useMemo(()=>toolbarConfig && isNodeReadOnly ? lockToolbarConfig(toolbarConfig) : toolbarConfig, [
         toolbarConfig,

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

@@ -86,6 +86,13 @@ function useCanvasJsonTreeViewStrings() {
                 id: 'canvas.json_value_panel.required_marker',
                 message: 'required'
             }),
+            referenceType: (typeLabel)=>_({
+                    id: 'canvas.json_value_panel.reference_type',
+                    message: '{typeLabel} · reference',
+                    values: {
+                        typeLabel
+                    }
+                }),
             pathCopied: _({
                 id: 'canvas.json_value_panel.path_copied',
                 message: 'Path copied'

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

@@ -1 +1 @@
-{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EAEtB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EAEzB,MAAM,qBAAqB,CAAC;AAgB7B,wBAAgB,4BAA4B,IAAI,mBAAmB,CAwHlE;AAWD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,uBAAuB,EACvB,QAAQ,GACT,EAAE,yBAAyB,2CAqB3B;AAuBD,eAAO,MAAM,YAAY;;;CAAsD,CAAC;AAChF,eAAO,MAAM,eAAe;;;CAA4D,CAAC;AACzF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,uBAAuB;;;CAGnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAwD,CAAC;AAGnF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ;;;CAAe,CAAC"}
+{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EAEtB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EAEzB,MAAM,qBAAqB,CAAC;AAgB7B,wBAAgB,4BAA4B,IAAI,mBAAmB,CA8HlE;AAWD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,uBAAuB,EACvB,QAAQ,GACT,EAAE,yBAAyB,2CAqB3B;AAuBD,eAAO,MAAM,YAAY;;;CAAsD,CAAC;AAChF,eAAO,MAAM,eAAe;;;CAA4D,CAAC;AACzF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AACF,eAAO,MAAM,uBAAuB;;;CAGnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAwD,CAAC;AAGnF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ;;;CAAe,CAAC"}

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

@@ -50,6 +50,13 @@ function useCanvasJsonTreeViewStrings() {
                 id: 'canvas.json_value_panel.required_marker',
                 message: 'required'
             }),
+            referenceType: (typeLabel)=>_({
+                    id: 'canvas.json_value_panel.reference_type',
+                    message: '{typeLabel} · reference',
+                    values: {
+                        typeLabel
+                    }
+                }),
             pathCopied: _({
                 id: 'canvas.json_value_panel.path_copied',
                 message: 'Path copied'

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

@@ -1,4 +1,4 @@
-export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewStrings, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, } from '@uipath/apollo-wind';
+export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewStrings, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeBadgeReference, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, ResolvedJsonTreeViewStrings, } from '@uipath/apollo-wind';
 export { appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, DEFAULT_JSON_TREE_VIEW_STRINGS, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath, } from '@uipath/apollo-wind';
 export * from './JsonTree';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/index.ts"],"names":[],"mappings":"AAEA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,8BAA8B,EAC9B,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/index.ts"],"names":[],"mappings":"AAEA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,8BAA8B,EAC9B,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,YAAY,CAAC"}

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

@@ -33,8 +33,62 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_EditableText_cjs_namespaceObject = require("./EditableText.cjs");
 const SURFACE_REMAP = 'future:[--surface-raised:var(--surface-overlay)]';
-function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
+function findFieldElement(root, name) {
+    const fields = root.querySelectorAll('[data-field-name]');
+    for (const field of fields)if (field.getAttribute('data-field-name') === name) return field;
+    return null;
+}
+function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const rootRef = (0, external_react_namespaceObject.useRef)(null);
+    const scrolledKeyRef = (0, external_react_namespaceObject.useRef)(null);
+    const changedFieldLabel = _({
+        id: 'canvas.node_property_panel.changed_field',
+        message: 'Changed'
+    });
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (children || !changedFields || 0 === changedFields.length) return;
+        const scrollKey = JSON.stringify([
+            resetKey ?? null,
+            changedFields
+        ]);
+        if (scrolledKeyRef.current === scrollKey) return;
+        const root = rootRef.current;
+        if (!root) return;
+        const findTarget = ()=>{
+            for (const name of changedFields){
+                const el = findFieldElement(root, name);
+                if (el) return el;
+            }
+            return null;
+        };
+        const scrollToTarget = (target)=>{
+            scrolledKeyRef.current = scrollKey;
+            const prefersReducedMotion = "u" > typeof window && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+            target.scrollIntoView({
+                block: 'nearest',
+                behavior: prefersReducedMotion ? 'auto' : 'smooth'
+            });
+        };
+        const immediateTarget = findTarget();
+        if (immediateTarget) return void scrollToTarget(immediateTarget);
+        const observer = new MutationObserver(()=>{
+            const target = findTarget();
+            if (target) {
+                scrollToTarget(target);
+                observer.disconnect();
+            }
+        });
+        observer.observe(root, {
+            childList: true,
+            subtree: true
+        });
+        return ()=>observer.disconnect();
+    }, [
+        children,
+        changedFields,
+        resetKey
+    ]);
     const isLabelEditable = !!onNodeLabelChange && !!onNodeLabelSubmit;
     const isDescriptionEditable = !!onNodeDescriptionChange && !!onNodeDescriptionSubmit;
     const showsDescription = !!nodeDescription || isDescriptionEditable || !!nodeDescriptionError;
@@ -47,6 +101,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
         schema
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: rootRef,
         className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col bg-surface future:bg-surface-raised', className),
         style: {
             '--mf-content-inset': contentInset
@@ -177,6 +232,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                         onSubmit: onSubmit,
                         disabled: disabled,
                         autoComplete: autoComplete,
+                        changedFields: changedFields,
+                        changedFieldLabel: changedFieldLabel,
                         className: "flex min-h-0 flex-1 flex-col"
                     }, resetKey)
                 })
@@ -191,6 +248,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                         onSubmit: onSubmit,
                         disabled: disabled,
                         autoComplete: autoComplete,
+                        changedFields: changedFields,
+                        changedFieldLabel: changedFieldLabel,
                         className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
                     }, resetKey)
                 })

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

@@ -1,3 +1,3 @@
 import type { NodePropertyPanelProps } from './NodePropertyPanel.types';
-export declare function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset, children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset, children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields, }: 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":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AA2CxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,GACnB,EAAE,sBAAsB,2CAyKxB"}
+{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAuDxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,aAAa,GACd,EAAE,sBAAsB,2CA8OxB"}

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

@@ -1,12 +1,66 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MetadataForm, cn } from "@uipath/apollo-wind";
 import { GripVertical, X } from "lucide-react";
-import { useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
 import { EditableText } from "./EditableText.js";
 const SURFACE_REMAP = 'future:[--surface-raised:var(--surface-overlay)]';
-function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
+function findFieldElement(root, name) {
+    const fields = root.querySelectorAll('[data-field-name]');
+    for (const field of fields)if (field.getAttribute('data-field-name') === name) return field;
+    return null;
+}
+function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
     const { _ } = useSafeLingui();
+    const rootRef = useRef(null);
+    const scrolledKeyRef = useRef(null);
+    const changedFieldLabel = _({
+        id: 'canvas.node_property_panel.changed_field',
+        message: 'Changed'
+    });
+    useEffect(()=>{
+        if (children || !changedFields || 0 === changedFields.length) return;
+        const scrollKey = JSON.stringify([
+            resetKey ?? null,
+            changedFields
+        ]);
+        if (scrolledKeyRef.current === scrollKey) return;
+        const root = rootRef.current;
+        if (!root) return;
+        const findTarget = ()=>{
+            for (const name of changedFields){
+                const el = findFieldElement(root, name);
+                if (el) return el;
+            }
+            return null;
+        };
+        const scrollToTarget = (target)=>{
+            scrolledKeyRef.current = scrollKey;
+            const prefersReducedMotion = "u" > typeof window && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+            target.scrollIntoView({
+                block: 'nearest',
+                behavior: prefersReducedMotion ? 'auto' : 'smooth'
+            });
+        };
+        const immediateTarget = findTarget();
+        if (immediateTarget) return void scrollToTarget(immediateTarget);
+        const observer = new MutationObserver(()=>{
+            const target = findTarget();
+            if (target) {
+                scrollToTarget(target);
+                observer.disconnect();
+            }
+        });
+        observer.observe(root, {
+            childList: true,
+            subtree: true
+        });
+        return ()=>observer.disconnect();
+    }, [
+        children,
+        changedFields,
+        resetKey
+    ]);
     const isLabelEditable = !!onNodeLabelChange && !!onNodeLabelSubmit;
     const isDescriptionEditable = !!onNodeDescriptionChange && !!onNodeDescriptionSubmit;
     const showsDescription = !!nodeDescription || isDescriptionEditable || !!nodeDescriptionError;
@@ -19,6 +73,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
         schema
     ]);
     return /*#__PURE__*/ jsxs("div", {
+        ref: rootRef,
         className: cn('flex min-h-0 flex-col bg-surface future:bg-surface-raised', className),
         style: {
             '--mf-content-inset': contentInset
@@ -149,6 +204,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                         onSubmit: onSubmit,
                         disabled: disabled,
                         autoComplete: autoComplete,
+                        changedFields: changedFields,
+                        changedFieldLabel: changedFieldLabel,
                         className: "flex min-h-0 flex-1 flex-col"
                     }, resetKey)
                 })
@@ -163,6 +220,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                         onSubmit: onSubmit,
                         disabled: disabled,
                         autoComplete: autoComplete,
+                        changedFields: changedFields,
+                        changedFieldLabel: changedFieldLabel,
                         className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
                     }, resetKey)
                 })

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

@@ -30,5 +30,6 @@ export interface NodePropertyPanelProps {
     contentInset?: string;
     headerExtra?: ReactNode;
     children?: ReactNode;
+    changedFields?: readonly string[];
 }
 //# 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,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,eAAe,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;IAEpE,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,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAKxD,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAMlC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAM5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,SAAS,CAAC;IAQxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"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,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,eAAe,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;IAEpE,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,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAKxD,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAMlC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAM5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,SAAS,CAAC;IAQxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC"}

package/dist/canvas/hooks/ToolbarActionContext.cjs

@@ -26,9 +26,13 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     getToolbarActionStore: ()=>getToolbarActionStore,
     useToolbarActionStore: ()=>useToolbarActionStore,
+    ToolbarActionStoreProvider: ()=>ToolbarActionStoreProvider,
+    useToolbarActionStoreContext: ()=>useToolbarActionStoreContext,
     setToolbarActionStore: ()=>setToolbarActionStore
 });
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const external_mountedCanvases_cjs_namespaceObject = require("./mountedCanvases.cjs");
 let toolbarActionStore = {
     mode: 'design',
     onToolbarAction: void 0,
@@ -40,33 +44,73 @@ function setToolbarActionStore(store) {
 function getToolbarActionStore() {
     return toolbarActionStore;
 }
+function syncToNewestCanvas() {
+    setToolbarActionStore((0, external_mountedCanvases_cjs_namespaceObject.newestMountedCanvas)()?.store ?? {
+        mode: 'design',
+        onToolbarAction: void 0,
+        breakpoints: void 0
+    });
+}
 function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        setToolbarActionStore({
+    const entryRef = (0, external_react_namespaceObject.useRef)({
+        store: {
             mode,
             onToolbarAction,
             breakpoints
-        });
+        }
+    });
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const entry = entryRef.current;
+        (0, external_mountedCanvases_cjs_namespaceObject.addMountedCanvas)(entry);
+        syncToNewestCanvas();
         return ()=>{
-            setToolbarActionStore({
-                mode: 'design',
-                onToolbarAction: void 0,
-                breakpoints: void 0
-            });
+            (0, external_mountedCanvases_cjs_namespaceObject.removeMountedCanvas)(entry);
+            syncToNewestCanvas();
+        };
+    }, []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        entryRef.current.store = {
+            mode,
+            onToolbarAction,
+            breakpoints
         };
+        syncToNewestCanvas();
     }, [
         mode,
         onToolbarAction,
         breakpoints
     ]);
 }
+const ToolbarActionStoreContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(void 0);
+function ToolbarActionStoreProvider({ mode, onToolbarAction, breakpoints, children }) {
+    const value = (0, external_react_namespaceObject.useMemo)(()=>({
+            mode,
+            onToolbarAction,
+            breakpoints
+        }), [
+        mode,
+        onToolbarAction,
+        breakpoints
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarActionStoreContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useToolbarActionStoreContext() {
+    return (0, external_react_namespaceObject.useContext)(ToolbarActionStoreContext);
+}
+exports.ToolbarActionStoreProvider = __webpack_exports__.ToolbarActionStoreProvider;
 exports.getToolbarActionStore = __webpack_exports__.getToolbarActionStore;
 exports.setToolbarActionStore = __webpack_exports__.setToolbarActionStore;
 exports.useToolbarActionStore = __webpack_exports__.useToolbarActionStore;
+exports.useToolbarActionStoreContext = __webpack_exports__.useToolbarActionStoreContext;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ToolbarActionStoreProvider",
     "getToolbarActionStore",
     "setToolbarActionStore",
-    "useToolbarActionStore"
+    "useToolbarActionStore",
+    "useToolbarActionStoreContext"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/hooks/ToolbarActionContext.d.ts

@@ -1,5 +1,6 @@
+import { type ReactNode } from 'react';
 import type { ToolbarActionHandler } from '../schema/toolbar';
-interface ToolbarActionStore {
+export interface ToolbarActionStore {
     mode: string;
     onToolbarAction?: ToolbarActionHandler;
     breakpoints?: Set<string>;
@@ -7,5 +8,8 @@ interface ToolbarActionStore {
 export declare function setToolbarActionStore(store: ToolbarActionStore): void;
 export declare function getToolbarActionStore(): ToolbarActionStore;
 export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>): void;
-export {};
+export declare function ToolbarActionStoreProvider({ mode, onToolbarAction, breakpoints, children, }: ToolbarActionStore & {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useToolbarActionStoreContext(): ToolbarActionStore | undefined;
 //# sourceMappingURL=ToolbarActionContext.d.ts.map