@uipath/apollo-react 4.34.0 → 4.36.0

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

@@ -12,6 +12,9 @@ var __webpack_modules__ = {
     "./BaseCanvas.types" (module) {
         module.exports = require("./BaseCanvas.types.cjs");
     },
+    "./BaseCanvasModeProvider" (module) {
+        module.exports = require("./BaseCanvasModeProvider.cjs");
+    },
     "./CanvasBackground" (module) {
         module.exports = require("./CanvasBackground.cjs");
     },
@@ -96,40 +99,47 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_BaseCanvas_types__rspack_import_3[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _CanvasBackground__rspack_import_4 = __webpack_require__("./CanvasBackground");
+    var _BaseCanvasModeProvider__rspack_import_4 = __webpack_require__("./BaseCanvasModeProvider");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _BaseCanvasModeProvider__rspack_import_4)if ([
+        "BaseCanvas",
+        "default"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_BaseCanvasModeProvider__rspack_import_4[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _CanvasBackground__rspack_import_5 = __webpack_require__("./CanvasBackground");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _CanvasBackground__rspack_import_4)if ([
+    for(const __rspack_import_key in _CanvasBackground__rspack_import_5)if ([
         "BaseCanvas",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_CanvasBackground__rspack_import_4[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_CanvasBackground__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _CanvasProviders__rspack_import_5 = __webpack_require__("./CanvasProviders");
+    var _CanvasProviders__rspack_import_6 = __webpack_require__("./CanvasProviders");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _CanvasProviders__rspack_import_5)if ([
+    for(const __rspack_import_key in _CanvasProviders__rspack_import_6)if ([
         "BaseCanvas",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_CanvasProviders__rspack_import_5[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_CanvasProviders__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _CanvasThemeContext__rspack_import_6 = __webpack_require__("./CanvasThemeContext");
+    var _CanvasThemeContext__rspack_import_7 = __webpack_require__("./CanvasThemeContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _CanvasThemeContext__rspack_import_6)if ([
+    for(const __rspack_import_key in _CanvasThemeContext__rspack_import_7)if ([
         "BaseCanvas",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_CanvasThemeContext__rspack_import_6[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_CanvasThemeContext__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _ConnectedHandlesContext__rspack_import_7 = __webpack_require__("./ConnectedHandlesContext");
+    var _ConnectedHandlesContext__rspack_import_8 = __webpack_require__("./ConnectedHandlesContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _ConnectedHandlesContext__rspack_import_7)if ([
+    for(const __rspack_import_key in _ConnectedHandlesContext__rspack_import_8)if ([
         "BaseCanvas",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_ConnectedHandlesContext__rspack_import_7[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_ConnectedHandlesContext__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _SelectionStateContext__rspack_import_8 = __webpack_require__("./SelectionStateContext");
+    var _SelectionStateContext__rspack_import_9 = __webpack_require__("./SelectionStateContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _SelectionStateContext__rspack_import_8)if ([
+    for(const __rspack_import_key in _SelectionStateContext__rspack_import_9)if ([
         "BaseCanvas",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_SelectionStateContext__rspack_import_8[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_SelectionStateContext__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 exports.BaseCanvas = __webpack_exports__.BaseCanvas;

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

@@ -2,6 +2,7 @@ export { BaseCanvas } from './BaseCanvas';
 export * from './BaseCanvas.constants';
 export * from './BaseCanvas.hooks';
 export * from './BaseCanvas.types';
+export * from './BaseCanvasModeProvider';
 export * from './CanvasBackground';
 export * from './CanvasProviders';
 export * from './CanvasThemeContext';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

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

@@ -2,6 +2,7 @@ import { BaseCanvas } from "./BaseCanvas.js";
 export * from "./BaseCanvas.constants.js";
 export * from "./BaseCanvas.hooks.js";
 export * from "./BaseCanvas.types.js";
+export * from "./BaseCanvasModeProvider.js";
 export * from "./CanvasBackground.js";
 export * from "./CanvasProviders.js";
 export * from "./CanvasThemeContext.js";

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

@@ -71,7 +71,7 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
 };
 const BaseNodeComponent = (props)=>{
     const { type, data, selected, id, dragging, width, height, parentId } = props;
-    const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
+    const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
     const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
     const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
     const containerRef = (0, external_react_namespaceObject.useRef)(null);
@@ -341,6 +341,8 @@ const BaseNodeComponent = (props)=>{
         handleConfigurations,
         shouldShowHandles,
         handleAction,
+        handleMouseEnter: onHandleMouseEnterProp,
+        handleMouseLeave: onHandleMouseLeaveProp,
         nodeId: id,
         selected: selected ?? false,
         hovered: isHovered,

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;AAwChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAynB1B,eAAO,MAAM,QAAQ,8CAnlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmlBhB,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;AAwChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA6nB1B,eAAO,MAAM,QAAQ,8CAvlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAulBhB,CAAC"}

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

@@ -43,7 +43,7 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
 };
 const BaseNodeComponent = (props)=>{
     const { type, data, selected, id, dragging, width, height, parentId } = props;
-    const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
+    const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
     const updateNodeInternals = useUpdateNodeInternals();
     const { updateNodeData, updateNode } = useReactFlow();
     const containerRef = useRef(null);
@@ -313,6 +313,8 @@ const BaseNodeComponent = (props)=>{
         handleConfigurations,
         shouldShowHandles,
         handleAction,
+        handleMouseEnter: onHandleMouseEnterProp,
+        handleMouseLeave: onHandleMouseLeaveProp,
         nodeId: id,
         selected: selected ?? false,
         hovered: isHovered,

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

@@ -1,10 +1,12 @@
 import type { HandleGroupManifest } from '../../schema/node-definition';
 import type { ElementStatusValues } from '../../types/execution';
-import type { HandleActionEvent } from '../ButtonHandle/ButtonHandle';
+import type { HandleActionEvent, HandleMouseEvent } from '../ButtonHandle/ButtonHandle';
 import type { NodeToolbarConfig } from '../Toolbar';
 import type { FooterVariant, NodeAdornments } from './BaseNode.types';
 export interface BaseNodeOverrideConfig {
     onHandleAction?: (event: HandleActionEvent) => void;
+    onHandleMouseEnter?: (event: HandleMouseEvent) => void;
+    onHandleMouseLeave?: (event: HandleMouseEvent) => void;
     shouldShowAddButtonFn?: (opts: {
         showAddButton: boolean;
         selected: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}
+{"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}

package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs

@@ -38,10 +38,33 @@ const external_HandleButton_cjs_namespaceObject = require("./HandleButton.cjs");
 const external_HandleLabel_cjs_namespaceObject = require("./HandleLabel.cjs");
 const external_HandleNotch_cjs_namespaceObject = require("./HandleNotch.cjs");
 const external_useButtonHandleSizeAndPosition_cjs_namespaceObject = require("./useButtonHandleSizeAndPosition.cjs");
-const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, showButton = true, selected = false, index = 0, total = 1, onAction, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
+const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, showButton = true, selected = false, index = 0, total = 1, onAction, onMouseEnter, onMouseLeave, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
     const handleRef = (0, external_react_namespaceObject.useRef)(null);
     const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
     const isVertical = position === react_cjs_namespaceObject.Position.Top || position === react_cjs_namespaceObject.Position.Bottom;
+    const dispatchMouseEvent = (0, external_react_namespaceObject.useCallback)((eventName, handler)=>{
+        const payload = {
+            handleId: id,
+            nodeId,
+            handleType,
+            position: connectionPosition
+        };
+        handler?.(payload);
+        CanvasEventBus_cjs_namespaceObject.canvasEventBus.emit(eventName, payload);
+    }, [
+        id,
+        nodeId,
+        handleType,
+        connectionPosition
+    ]);
+    const handleButtonMouseEnter = (0, external_react_namespaceObject.useCallback)(()=>dispatchMouseEvent('handle:mouseenter', onMouseEnter), [
+        dispatchMouseEvent,
+        onMouseEnter
+    ]);
+    const handleButtonMouseLeave = (0, external_react_namespaceObject.useCallback)(()=>dispatchMouseEvent('handle:mouseleave', onMouseLeave), [
+        dispatchMouseEvent,
+        onMouseLeave
+    ]);
     const positionPercent = (0, external_react_namespaceObject.useMemo)(()=>{
         const relevantSize = isVertical ? nodeWidth : nodeHeight;
         if (relevantSize && relevantSize > 0) {
@@ -131,6 +154,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                     labelVisible: visible,
                     position: connectionPosition,
                     onAction: handleButtonClick,
+                    onMouseEnter: handleButtonMouseEnter,
+                    onMouseLeave: handleButtonMouseLeave,
                     handleRef: handleRef
                 }) : null
             ]
@@ -175,6 +200,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                 labelVisible: visible,
                 position: position,
                 onAction: handleButtonClick,
+                onMouseEnter: handleButtonMouseEnter,
+                onMouseLeave: handleButtonMouseLeave,
                 handleRef: handleRef,
                 label: label,
                 labelIcon: labelIcon,
@@ -254,6 +281,8 @@ const ButtonHandlesBase = ({ nodeId, handles, position, connectionPosition = pos
                     visible: handleVisible,
                     showButton: finalSelected && handleVisible && handle.showButton,
                     onAction: handle.onAction,
+                    onMouseEnter: handle.onMouseEnter,
+                    onMouseLeave: handle.onMouseLeave,
                     showNotches: showNotches,
                     customPositionAndOffsets: customPositionAndOffsets,
                     nodeWidth: nodeWidth,

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

@@ -8,6 +8,12 @@ export interface HandleActionEvent {
     position: Position;
     originalEvent: React.MouseEvent;
 }
+export interface HandleMouseEvent {
+    handleId: string;
+    nodeId: string;
+    handleType: HandleType;
+    position: Position;
+}
 type ButtonHandleProps = {
     id: string;
     nodeId: string;
@@ -24,13 +30,15 @@ type ButtonHandleProps = {
     index?: number;
     total?: number;
     onAction?: (event: HandleActionEvent) => void;
+    onMouseEnter?: (event: HandleMouseEvent) => void;
+    onMouseLeave?: (event: HandleMouseEvent) => void;
     showNotches?: boolean;
     customPositionAndOffsets?: HandleConfigurationSpecificPosition;
     nodeWidth?: number;
     nodeHeight?: number;
     portalAction?: boolean;
 };
-export declare const ButtonHandle: import("react").MemoExoticComponent<({ id, nodeId, type, position, connectionPosition, handleType, label, labelIcon, labelBackgroundColor, visible, showButton, selected, index, total, onAction, showNotches, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction, }: ButtonHandleProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ButtonHandle: import("react").MemoExoticComponent<({ id, nodeId, type, position, connectionPosition, handleType, label, labelIcon, labelBackgroundColor, visible, showButton, selected, index, total, onAction, onMouseEnter, onMouseLeave, showNotches, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction, }: ButtonHandleProps) => import("react/jsx-runtime").JSX.Element>;
 export interface ButtonHandleConfig {
     id: string;
     type: 'source' | 'target';
@@ -42,6 +50,8 @@ export interface ButtonHandleConfig {
     visible?: boolean;
     showHandle?: boolean;
     onAction?: (event: HandleActionEvent) => void;
+    onMouseEnter?: (event: HandleMouseEvent) => void;
+    onMouseLeave?: (event: HandleMouseEvent) => void;
     customPositionAndOffsets?: HandleConfigurationSpecificPosition;
 }
 export declare const ButtonHandles: import("react").MemoExoticComponent<({ nodeId, handles, position, connectionPosition, selected, hovered, visible, showAddButton, showNotches, customPositionAndOffsets, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions, }: {

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}

package/dist/canvas/components/ButtonHandle/ButtonHandle.js

@@ -9,10 +9,33 @@ import { HandleButton, HandleHoverBridge } from "./HandleButton.js";
 import { HandleLabel } from "./HandleLabel.js";
 import { HandleNotch } from "./HandleNotch.js";
 import { useButtonHandleSizeAndPosition } from "./useButtonHandleSizeAndPosition.js";
-const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, showButton = true, selected = false, index = 0, total = 1, onAction, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
+const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, showButton = true, selected = false, index = 0, total = 1, onAction, onMouseEnter, onMouseLeave, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
     const handleRef = useRef(null);
     const [isHovered, setIsHovered] = useState(false);
     const isVertical = position === Position.Top || position === Position.Bottom;
+    const dispatchMouseEvent = useCallback((eventName, handler)=>{
+        const payload = {
+            handleId: id,
+            nodeId,
+            handleType,
+            position: connectionPosition
+        };
+        handler?.(payload);
+        canvasEventBus.emit(eventName, payload);
+    }, [
+        id,
+        nodeId,
+        handleType,
+        connectionPosition
+    ]);
+    const handleButtonMouseEnter = useCallback(()=>dispatchMouseEvent('handle:mouseenter', onMouseEnter), [
+        dispatchMouseEvent,
+        onMouseEnter
+    ]);
+    const handleButtonMouseLeave = useCallback(()=>dispatchMouseEvent('handle:mouseleave', onMouseLeave), [
+        dispatchMouseEvent,
+        onMouseLeave
+    ]);
     const positionPercent = useMemo(()=>{
         const relevantSize = isVertical ? nodeWidth : nodeHeight;
         if (relevantSize && relevantSize > 0) {
@@ -102,6 +125,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                     labelVisible: visible,
                     position: connectionPosition,
                     onAction: handleButtonClick,
+                    onMouseEnter: handleButtonMouseEnter,
+                    onMouseLeave: handleButtonMouseLeave,
                     handleRef: handleRef
                 }) : null
             ]
@@ -146,6 +171,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                 labelVisible: visible,
                 position: position,
                 onAction: handleButtonClick,
+                onMouseEnter: handleButtonMouseEnter,
+                onMouseLeave: handleButtonMouseLeave,
                 handleRef: handleRef,
                 label: label,
                 labelIcon: labelIcon,
@@ -225,6 +252,8 @@ const ButtonHandlesBase = ({ nodeId, handles, position, connectionPosition = pos
                     visible: handleVisible,
                     showButton: finalSelected && handleVisible && handle.showButton,
                     onAction: handle.onAction,
+                    onMouseEnter: handle.onMouseEnter,
+                    onMouseLeave: handle.onMouseLeave,
                     showNotches: showNotches,
                     customPositionAndOffsets: customPositionAndOffsets,
                     nodeWidth: nodeWidth,

package/dist/canvas/components/ButtonHandle/HandleButton.cjs

@@ -42,7 +42,7 @@ const BUTTON_POSITION = {
     [react_cjs_namespaceObject.Position.Right]: 'flex-row left-full top-1/2 -translate-y-1/2'
 };
 const DRAG_THRESHOLD = 5;
-const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ visible, labelVisible, position, onAction, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
+const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ visible, labelVisible, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
     const didDragRef = (0, external_react_namespaceObject.useRef)(false);
     const teardownRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useEffect)(()=>()=>teardownRef.current?.(), []);
@@ -97,6 +97,8 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
                 "aria-label": "Add node",
                 onClick: handleClick,
                 onPointerDown: handlePointerDown,
+                onMouseEnter: onMouseEnter,
+                onMouseLeave: onMouseLeave,
                 className: "nodrag nopan pointer-events-auto animate-fade-in"
             }),
             label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InlineLabel, {

package/dist/canvas/components/ButtonHandle/HandleButton.d.ts

@@ -7,11 +7,13 @@ export type HandleButtonPortal = {
     height: number;
     transform: string;
 };
-export declare const HandleButton: import("react").MemoExoticComponent<({ visible, labelVisible, position, onAction, handleRef, label, labelIcon, labelBackgroundColor, portal, }: {
+export declare const HandleButton: import("react").MemoExoticComponent<({ visible, labelVisible, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal, }: {
     visible?: boolean;
     labelVisible?: boolean;
     position: Position;
     onAction: (event: React.MouseEvent) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
     handleRef?: React.RefObject<HTMLDivElement | null>;
     label?: string;
     labelIcon?: React.ReactNode;

package/dist/canvas/components/ButtonHandle/HandleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HandleButton.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAepE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,YAAY,kJAWpB;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,6CA6GF,CAAC;AA0CF,eAAO,MAAM,iBAAiB,8DACJ;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,oDAOlE,CAAC"}
+{"version":3,"file":"HandleButton.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAepE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,YAAY,8KAapB;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,6CA+GF,CAAC;AA0CF,eAAO,MAAM,iBAAiB,8DACJ;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,oDAOlE,CAAC"}

package/dist/canvas/components/ButtonHandle/HandleButton.js

@@ -13,7 +13,7 @@ const BUTTON_POSITION = {
     [Position.Right]: 'flex-row left-full top-1/2 -translate-y-1/2'
 };
 const DRAG_THRESHOLD = 5;
-const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAction, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
+const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
     const didDragRef = useRef(false);
     const teardownRef = useRef(null);
     useEffect(()=>()=>teardownRef.current?.(), []);
@@ -68,6 +68,8 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAc
                 "aria-label": "Add node",
                 onClick: handleClick,
                 onPointerDown: handlePointerDown,
+                onMouseEnter: onMouseEnter,
+                onMouseLeave: onMouseLeave,
                 className: "nodrag nopan pointer-events-auto animate-fade-in"
             }),
             label && /*#__PURE__*/ jsx(InlineLabel, {

package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs

@@ -32,7 +32,7 @@ const external_react_namespaceObject = require("react");
 const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
 const external_index_cjs_namespaceObject = require("./index.cjs");
-const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, hovered, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions })=>{
+const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, handleMouseEnter, handleMouseLeave, nodeId, selected, hovered, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions })=>{
     const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
     const node = (0, react_namespaceObject.useNodesData)(nodeId);
     const handleElements = (0, external_react_namespaceObject.useMemo)(()=>{
@@ -43,7 +43,9 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
             const enhancedHandles = config.handles.map((handle)=>({
                     ...handle,
                     showHandle: connectedHandleIds.has(handle.id) || groupVisible,
-                    onAction: handle.onAction || handleAction
+                    onAction: handle.onAction || handleAction,
+                    onMouseEnter: handle.onMouseEnter || handleMouseEnter,
+                    onMouseLeave: handle.onMouseLeave || handleMouseLeave
                 }));
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ButtonHandles, {
                 nodeId: nodeId,
@@ -68,6 +70,8 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
         shouldShowHandles,
         connectedHandleIds,
         handleAction,
+        handleMouseEnter,
+        handleMouseLeave,
         nodeId,
         showAddButton,
         showNotches,

package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts

@@ -1,12 +1,14 @@
 import type { HandleGroupManifest } from '../../schema/node-definition';
-import type { HandleActionEvent } from '../ButtonHandle';
-export declare const useButtonHandles: ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, hovered, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions, }: {
+import type { HandleActionEvent, HandleMouseEvent } from '../ButtonHandle';
+export declare const useButtonHandles: ({ handleConfigurations, shouldShowHandles, handleAction, handleMouseEnter, handleMouseLeave, nodeId, selected, hovered, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions, }: {
     handleConfigurations: HandleGroupManifest[];
     shouldShowHandles: boolean;
     nodeId: string;
     selected: boolean;
     hovered?: boolean;
     handleAction?: (event: HandleActionEvent) => void;
+    handleMouseEnter?: (event: HandleMouseEvent) => void;
+    handleMouseLeave?: (event: HandleMouseEvent) => void;
     showAddButton?: boolean;
     showNotches?: boolean;
     nodeWidth?: number;

package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,GAAI,gLAa9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IAUxB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,OAAO,CAAC;CACf,wFAkEA,CAAC"}
+{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,eAAO,MAAM,gBAAgB,GAAI,oNAe9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IAUxB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,OAAO,CAAC;CACf,wFAsEA,CAAC"}

package/dist/canvas/components/ButtonHandle/useButtonHandles.js

@@ -4,7 +4,7 @@ import { useMemo } from "react";
 import { resolveHandles } from "../../utils/manifest-resolver.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { ButtonHandles } from "./index.js";
-const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, hovered, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions })=>{
+const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, handleMouseEnter, handleMouseLeave, nodeId, selected, hovered, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight, portalActions })=>{
     const connectedHandleIds = useConnectedHandles(nodeId);
     const node = useNodesData(nodeId);
     const handleElements = useMemo(()=>{
@@ -15,7 +15,9 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
             const enhancedHandles = config.handles.map((handle)=>({
                     ...handle,
                     showHandle: connectedHandleIds.has(handle.id) || groupVisible,
-                    onAction: handle.onAction || handleAction
+                    onAction: handle.onAction || handleAction,
+                    onMouseEnter: handle.onMouseEnter || handleMouseEnter,
+                    onMouseLeave: handle.onMouseLeave || handleMouseLeave
                 }));
             return /*#__PURE__*/ jsx(ButtonHandles, {
                 nodeId: nodeId,
@@ -40,6 +42,8 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
         shouldShowHandles,
         connectedHandleIds,
         handleAction,
+        handleMouseEnter,
+        handleMouseLeave,
         nodeId,
         showAddButton,
         showNotches,

package/dist/canvas/components/CaseFlow/case-flow.manifest.cjs

@@ -71,6 +71,7 @@ const caseManagementTriggerManifest = {
                     id: 'output',
                     type: 'source',
                     handleType: 'output',
+                    showButton: true,
                     constraints: {
                         minConnections: 1,
                         allowedTargetCategories: [
@@ -115,6 +116,17 @@ const caseManagementTriggerManifest = {
                 type: 'object'
             }
         }
+    },
+    toolbarExtensions: {
+        design: {
+            actions: [
+                {
+                    id: 'change-trigger-type',
+                    icon: 'square-mouse-pointer',
+                    label: 'Change trigger type'
+                }
+            ]
+        }
     }
 };
 const caseFlowManifest = {

package/dist/canvas/components/CaseFlow/case-flow.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"case-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CaseFlow/case-flow.manifest.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAUhD,CAAC;AAMF,eAAO,MAAM,6BAA6B,EAAE,YA0C3C,CAAC;AAMF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI5B,CAAC"}
+{"version":3,"file":"case-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CaseFlow/case-flow.manifest.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAUhD,CAAC;AAMF,eAAO,MAAM,6BAA6B,EAAE,YAsD3C,CAAC;AAMF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI5B,CAAC"}

package/dist/canvas/components/CaseFlow/case-flow.manifest.js

@@ -41,6 +41,7 @@ const caseManagementTriggerManifest = {
                     id: 'output',
                     type: 'source',
                     handleType: 'output',
+                    showButton: true,
                     constraints: {
                         minConnections: 1,
                         allowedTargetCategories: [
@@ -85,6 +86,17 @@ const caseManagementTriggerManifest = {
                 type: 'object'
             }
         }
+    },
+    toolbarExtensions: {
+        design: {
+            actions: [
+                {
+                    id: 'change-trigger-type',
+                    icon: 'square-mouse-pointer',
+                    label: 'Change trigger type'
+                }
+            ]
+        }
     }
 };
 const caseFlowManifest = {

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

@@ -0,0 +1,42 @@
+"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__, {
+    caseFlowCategories: ()=>external_case_flow_manifest_cjs_namespaceObject.caseFlowCategories,
+    caseFlowManifest: ()=>external_case_flow_manifest_cjs_namespaceObject.caseFlowManifest,
+    caseManagementTriggerManifest: ()=>external_case_flow_manifest_cjs_namespaceObject.caseManagementTriggerManifest
+});
+const external_case_flow_manifest_cjs_namespaceObject = require("./case-flow.manifest.cjs");
+exports.caseFlowCategories = __webpack_exports__.caseFlowCategories;
+exports.caseFlowManifest = __webpack_exports__.caseFlowManifest;
+exports.caseManagementTriggerManifest = __webpack_exports__.caseManagementTriggerManifest;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "caseFlowCategories",
+    "caseFlowManifest",
+    "caseManagementTriggerManifest"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,2 @@
+export { caseFlowCategories, caseFlowManifest, caseManagementTriggerManifest, } from './case-flow.manifest';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CaseFlow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,6BAA6B,GAC9B,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,2 @@
+import { caseFlowCategories, caseFlowManifest, caseManagementTriggerManifest } from "./case-flow.manifest.js";
+export { caseFlowCategories, caseFlowManifest, caseManagementTriggerManifest };