@uipath/apollo-react 4.22.2 → 4.23.0-pr654.3fb62d6

package/dist/canvas/components/shared/InitialsBadge.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+const InitialsBadgeRoot = styled.span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ jsx(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+export { InitialsBadge, getInitial };

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

@@ -0,0 +1,39 @@
+"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__, {
+    getInitial: ()=>external_InitialsBadge_cjs_namespaceObject.getInitial,
+    InitialsBadge: ()=>external_InitialsBadge_cjs_namespaceObject.InitialsBadge
+});
+const external_InitialsBadge_cjs_namespaceObject = require("./InitialsBadge.cjs");
+exports.InitialsBadge = __webpack_exports__.InitialsBadge;
+exports.getInitial = __webpack_exports__.getInitial;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InitialsBadge",
+    "getInitial"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,3 @@
+export { InitialsBadge, getInitial } from './InitialsBadge';
+export type { InitialsBadgeProps } from './InitialsBadge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,2 @@
+import { InitialsBadge, getInitial } from "./InitialsBadge.js";
+export { InitialsBadge, getInitial };

package/dist/canvas/core/CategoryTreeAdapter.cjs

@@ -40,9 +40,11 @@ class CategoryTreeAdapter {
                     category: node.category,
                     version: node.version
                 },
-                icon: {
-                    name: node.display.icon
-                },
+                ...node.display.icon ? {
+                    icon: {
+                        name: node.display.icon
+                    }
+                } : {},
                 color: node.display.iconBackground,
                 colorDark: node.display.iconBackgroundDark
             });
@@ -59,9 +61,11 @@ class CategoryTreeAdapter {
                     id: category.id,
                     name: category.name,
                     data: null,
-                    icon: {
-                        name: category.icon
-                    },
+                    ...category.icon ? {
+                        icon: {
+                            name: category.icon
+                        }
+                    } : {},
                     color: category.color,
                     colorDark: category.colorDark,
                     children

package/dist/canvas/core/CategoryTreeAdapter.js

@@ -12,9 +12,11 @@ class CategoryTreeAdapter {
                     category: node.category,
                     version: node.version
                 },
-                icon: {
-                    name: node.display.icon
-                },
+                ...node.display.icon ? {
+                    icon: {
+                        name: node.display.icon
+                    }
+                } : {},
                 color: node.display.iconBackground,
                 colorDark: node.display.iconBackgroundDark
             });
@@ -31,9 +33,11 @@ class CategoryTreeAdapter {
                     id: category.id,
                     name: category.name,
                     data: null,
-                    icon: {
-                        name: category.icon
-                    },
+                    ...category.icon ? {
+                        icon: {
+                            name: category.icon
+                        }
+                    } : {},
                     color: category.color,
                     colorDark: category.colorDark,
                     children

package/dist/canvas/hooks/index.cjs

@@ -15,6 +15,9 @@ var __webpack_modules__ = {
     "./useCanvasEvents" (module) {
         module.exports = require("./useCanvasEvents.cjs");
     },
+    "./useCanvasNodeLayout" (module) {
+        module.exports = require("./useCanvasNodeLayout.cjs");
+    },
     "./useEdgePath" (module) {
         module.exports = require("./useEdgePath.cjs");
     },
@@ -90,29 +93,33 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _useCanvasEvents__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useCanvasEvents__rspack_import_3[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useEdgePath__rspack_import_4 = __webpack_require__("./useEdgePath");
+    var _useCanvasNodeLayout__rspack_import_4 = __webpack_require__("./useCanvasNodeLayout");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _useCanvasNodeLayout__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useCanvasNodeLayout__rspack_import_4[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _useEdgePath__rspack_import_5 = __webpack_require__("./useEdgePath");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useEdgePath__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_4[__rspack_import_key];
+    for(const __rspack_import_key in _useEdgePath__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useExportCanvas__rspack_import_5 = __webpack_require__("./useExportCanvas");
+    var _useExportCanvas__rspack_import_6 = __webpack_require__("./useExportCanvas");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useExportCanvas__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_5[__rspack_import_key];
+    for(const __rspack_import_key in _useExportCanvas__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useNavigationState__rspack_import_6 = __webpack_require__("./useNavigationState");
+    var _useNavigationState__rspack_import_7 = __webpack_require__("./useNavigationState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useNavigationState__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_6[__rspack_import_key];
+    for(const __rspack_import_key in _useNavigationState__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _usePreviewNode__rspack_import_7 = __webpack_require__("./usePreviewNode");
+    var _usePreviewNode__rspack_import_8 = __webpack_require__("./usePreviewNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _usePreviewNode__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_7[__rspack_import_key];
+    for(const __rspack_import_key in _usePreviewNode__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useStorageState__rspack_import_8 = __webpack_require__("./useStorageState");
+    var _useStorageState__rspack_import_9 = __webpack_require__("./useStorageState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useStorageState__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_8[__rspack_import_key];
+    for(const __rspack_import_key in _useStorageState__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _ValidationStatusContext__rspack_import_9 = __webpack_require__("./ValidationStatusContext");
+    var _ValidationStatusContext__rspack_import_10 = __webpack_require__("./ValidationStatusContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_9[__rspack_import_key];
+    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

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

@@ -2,6 +2,7 @@ export * from './ExecutionStatusContext';
 export * from './ToolbarActionContext';
 export * from './useAddNodeOnConnectEnd';
 export * from './useCanvasEvents';
+export * from './useCanvasNodeLayout';
 export * from './useEdgePath';
 export * from './useExportCanvas';
 export * from './useNavigationState';

package/dist/canvas/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

package/dist/canvas/hooks/index.js

@@ -2,6 +2,7 @@ export * from "./ExecutionStatusContext.js";
 export * from "./ToolbarActionContext.js";
 export * from "./useAddNodeOnConnectEnd.js";
 export * from "./useCanvasEvents.js";
+export * from "./useCanvasNodeLayout.js";
 export * from "./useEdgePath.js";
 export * from "./useExportCanvas.js";
 export * from "./useNavigationState.js";

package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs

@@ -28,7 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
+const LoopNode_helpers_cjs_namespaceObject = require("../components/LoopNode/LoopNode.helpers.cjs");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
+const external_useCanvasNodeLayout_cjs_namespaceObject = require("./useCanvasNodeLayout.cjs");
 const EMPTY_IGNORED_NODE_TYPES = [];
 function getClientPosition(event) {
     if ('clientX' in event) return {
@@ -43,24 +45,35 @@ function getClientPosition(event) {
 }
 function useAddNodeOnConnectEnd(ignoredNodeTypes = EMPTY_IGNORED_NODE_TYPES) {
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
+    const getManifestForNode = (0, external_useCanvasNodeLayout_cjs_namespaceObject.useNodeManifestResolver)();
     return (0, external_react_namespaceObject.useCallback)((event, connectionState)=>{
         if (!(reactFlowInstance && connectionState.fromNode && connectionState.fromHandle) || connectionState.toHandle) return;
         const clientPosition = getClientPosition(event);
         if (!clientPosition) return;
         const flowDropPosition = reactFlowInstance.screenToFlowPosition(clientPosition);
+        const source = {
+            nodeId: connectionState.fromNode.id,
+            handleId: connectionState.fromHandle.id ?? 'output'
+        };
+        const containerId = (0, LoopNode_helpers_cjs_namespaceObject.getInnerHandleContainerId)({
+            source,
+            reactFlowInstance,
+            getManifestForNode
+        });
         (0, index_cjs_namespaceObject.showPreviewGraph)({
-            source: {
-                nodeId: connectionState.fromNode.id,
-                handleId: connectionState.fromHandle.id ?? 'output'
-            },
+            source,
             reactFlowInstance,
             position: flowDropPosition,
             sourceHandleType: connectionState.fromHandle.type,
             handlePosition: connectionState.fromHandle.position,
-            ignoredNodeTypes
+            ignoredNodeTypes,
+            ...containerId ? {
+                containerId
+            } : {}
         });
     }, [
         reactFlowInstance,
+        getManifestForNode,
         ignoredNodeTypes
     ]);
 }

package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddNodeOnConnectEnd.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useAddNodeOnConnectEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,0CAA0C,CAAC;AAoB3F,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,MAAM,EAA6B,gBAiC3F"}
+{"version":3,"file":"useAddNodeOnConnectEnd.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useAddNodeOnConnectEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,0CAA0C,CAAC;AAsB3F,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,MAAM,EAA6B,gBAyC3F"}

package/dist/canvas/hooks/useAddNodeOnConnectEnd.js

@@ -1,6 +1,8 @@
 import { useReactFlow } from "../xyflow/react.js";
 import { useCallback } from "react";
+import { getInnerHandleContainerId } from "../components/LoopNode/LoopNode.helpers.js";
 import { showPreviewGraph } from "../utils/index.js";
+import { useNodeManifestResolver } from "./useCanvasNodeLayout.js";
 const EMPTY_IGNORED_NODE_TYPES = [];
 function getClientPosition(event) {
     if ('clientX' in event) return {
@@ -15,24 +17,35 @@ function getClientPosition(event) {
 }
 function useAddNodeOnConnectEnd(ignoredNodeTypes = EMPTY_IGNORED_NODE_TYPES) {
     const reactFlowInstance = useReactFlow();
+    const getManifestForNode = useNodeManifestResolver();
     return useCallback((event, connectionState)=>{
         if (!(reactFlowInstance && connectionState.fromNode && connectionState.fromHandle) || connectionState.toHandle) return;
         const clientPosition = getClientPosition(event);
         if (!clientPosition) return;
         const flowDropPosition = reactFlowInstance.screenToFlowPosition(clientPosition);
+        const source = {
+            nodeId: connectionState.fromNode.id,
+            handleId: connectionState.fromHandle.id ?? 'output'
+        };
+        const containerId = getInnerHandleContainerId({
+            source,
+            reactFlowInstance,
+            getManifestForNode
+        });
         showPreviewGraph({
-            source: {
-                nodeId: connectionState.fromNode.id,
-                handleId: connectionState.fromHandle.id ?? 'output'
-            },
+            source,
             reactFlowInstance,
             position: flowDropPosition,
             sourceHandleType: connectionState.fromHandle.type,
             handlePosition: connectionState.fromHandle.position,
-            ignoredNodeTypes
+            ignoredNodeTypes,
+            ...containerId ? {
+                containerId
+            } : {}
         });
     }, [
         reactFlowInstance,
+        getManifestForNode,
         ignoredNodeTypes
     ]);
 }

package/dist/canvas/hooks/useCanvasNodeLayout.cjs

@@ -0,0 +1,66 @@
+"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__, {
+    useCanvasNodeLayout: ()=>useCanvasNodeLayout,
+    useNodeManifestResolver: ()=>useNodeManifestResolver
+});
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../core/index.cjs");
+const collapse_cjs_namespaceObject = require("../utils/collapse.cjs");
+const container_cjs_namespaceObject = require("../utils/container.cjs");
+function useNodeManifestResolver() {
+    const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
+    return (0, external_react_namespaceObject.useCallback)((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
+        registry
+    ]);
+}
+function useCanvasNodeLayout() {
+    const getManifestForNode = useNodeManifestResolver();
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        const getNodeDimensions = (node)=>{
+            const manifest = getManifestForNode(node);
+            return (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape));
+        };
+        const isContainerNode = (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(node));
+        return {
+            getManifestForNode,
+            getNodeDimensions,
+            isContainerNode,
+            getContainerFitGeometry: (node)=>isContainerNode(node) ? (0, container_cjs_namespaceObject.getContainerFitGeometry)() : null
+        };
+    }, [
+        getManifestForNode
+    ]);
+}
+exports.useCanvasNodeLayout = __webpack_exports__.useCanvasNodeLayout;
+exports.useNodeManifestResolver = __webpack_exports__.useNodeManifestResolver;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useCanvasNodeLayout",
+    "useNodeManifestResolver"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,15 @@
+import type { Node } from '../xyflow/react.ts';
+import type { NodeManifest } from '../schema/node-definition';
+import { type ContainerFitGeometry, type NodeDimensions } from '../utils/container';
+export type NodeManifestResolver = (node: Node) => NodeManifest | undefined;
+export interface NodeLayout {
+    getNodeDimensions: (node: Node) => NodeDimensions;
+    isContainerNode: (node: Node) => boolean;
+    getContainerFitGeometry: (node: Node) => ContainerFitGeometry | null;
+}
+export interface CanvasNodeLayout extends NodeLayout {
+    getManifestForNode: NodeManifestResolver;
+}
+export declare function useNodeManifestResolver(): NodeManifestResolver;
+export declare function useCanvasNodeLayout(): CanvasNodeLayout;
+//# sourceMappingURL=useCanvasNodeLayout.d.ts.map

package/dist/canvas/hooks/useCanvasNodeLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasNodeLayout.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useCanvasNodeLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAGrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EACL,KAAK,oBAAoB,EAIzB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,GAAG,SAAS,CAAC;AAE5E,MAAM,WAAW,UAAU;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IAClD,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACzC,uBAAuB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,CAAC;CACtE;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,kBAAkB,EAAE,oBAAoB,CAAC;CAC1C;AAED,wBAAgB,uBAAuB,IAAI,oBAAoB,CAO9D;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAoBtD"}

package/dist/canvas/hooks/useCanvasNodeLayout.js

@@ -0,0 +1,29 @@
+import { useCallback, useMemo } from "react";
+import { useOptionalNodeTypeRegistry } from "../core/index.js";
+import { getExpandedSize } from "../utils/collapse.js";
+import { getContainerFitGeometry, getNodeDimensions as container_js_getNodeDimensions, isContainerNodeManifest } from "../utils/container.js";
+function useNodeManifestResolver() {
+    const registry = useOptionalNodeTypeRegistry();
+    return useCallback((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
+        registry
+    ]);
+}
+function useCanvasNodeLayout() {
+    const getManifestForNode = useNodeManifestResolver();
+    return useMemo(()=>{
+        const getNodeDimensions = (node)=>{
+            const manifest = getManifestForNode(node);
+            return container_js_getNodeDimensions(node, getExpandedSize(manifest?.display.shape));
+        };
+        const isContainerNode = (node)=>isContainerNodeManifest(getManifestForNode(node));
+        return {
+            getManifestForNode,
+            getNodeDimensions,
+            isContainerNode,
+            getContainerFitGeometry: (node)=>isContainerNode(node) ? getContainerFitGeometry() : null
+        };
+    }, [
+        getManifestForNode
+    ]);
+}
+export { useCanvasNodeLayout, useNodeManifestResolver };

package/dist/canvas/schema/node-definition/category-manifest.cjs

@@ -34,7 +34,7 @@ const categoryManifestSchema = external_zod_namespaceObject.z.object({
     sortOrder: external_zod_namespaceObject.z.number().int().nonnegative(),
     color: external_zod_namespaceObject.z.string().min(1).optional(),
     colorDark: external_zod_namespaceObject.z.string().min(1).optional(),
-    icon: external_zod_namespaceObject.z.string().min(1),
+    icon: external_zod_namespaceObject.z.string().min(1).optional(),
     tags: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string())
 });
 exports.categoryManifestSchema = __webpack_exports__.categoryManifestSchema;

package/dist/canvas/schema/node-definition/category-manifest.d.ts

@@ -6,7 +6,7 @@ export declare const categoryManifestSchema: z.ZodObject<{
     sortOrder: z.ZodNumber;
     color: z.ZodOptional<z.ZodString>;
     colorDark: z.ZodOptional<z.ZodString>;
-    icon: z.ZodString;
+    icon: z.ZodOptional<z.ZodString>;
     tags: z.ZodArray<z.ZodString>;
 }, z.core.$strip>;
 export type CategoryManifest = z.infer<typeof categoryManifestSchema>;

package/dist/canvas/schema/node-definition/category-manifest.js

@@ -6,7 +6,7 @@ const categoryManifestSchema = z.object({
     sortOrder: z.number().int().nonnegative(),
     color: z.string().min(1).optional(),
     colorDark: z.string().min(1).optional(),
-    icon: z.string().min(1),
+    icon: z.string().min(1).optional(),
     tags: z.array(z.string())
 });
 export { categoryManifestSchema };

package/dist/canvas/schema/node-definition/node-manifest.cjs

@@ -46,7 +46,7 @@ const nodeDisplayManifestSchema = external_zod_namespaceObject.z.object({
     label: external_zod_namespaceObject.z.string().min(1),
     canvasLabel: external_zod_namespaceObject.z.string().min(1).optional(),
     description: external_zod_namespaceObject.z.string().optional(),
-    icon: external_zod_namespaceObject.z.string().min(1),
+    icon: external_zod_namespaceObject.z.string().min(1).optional(),
     shape: nodeShapeSchema.optional(),
     color: external_zod_namespaceObject.z.string().optional(),
     background: external_zod_namespaceObject.z.string().optional(),

package/dist/canvas/schema/node-definition/node-manifest.d.ts

@@ -13,7 +13,7 @@ export declare const nodeDisplayManifestSchema: z.ZodObject<{
     label: z.ZodString;
     canvasLabel: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
-    icon: z.ZodString;
+    icon: z.ZodOptional<z.ZodString>;
     shape: z.ZodOptional<z.ZodEnum<{
         square: "square";
         circle: "circle";
@@ -42,7 +42,7 @@ export declare const nodeManifestSchema: z.ZodObject<{
         label: z.ZodString;
         canvasLabel: z.ZodOptional<z.ZodString>;
         description: z.ZodOptional<z.ZodString>;
-        icon: z.ZodString;
+        icon: z.ZodOptional<z.ZodString>;
         shape: z.ZodOptional<z.ZodEnum<{
             square: "square";
             circle: "circle";

package/dist/canvas/schema/node-definition/node-manifest.js

@@ -14,7 +14,7 @@ const nodeDisplayManifestSchema = z.object({
     label: z.string().min(1),
     canvasLabel: z.string().min(1).optional(),
     description: z.string().optional(),
-    icon: z.string().min(1),
+    icon: z.string().min(1).optional(),
     shape: nodeShapeSchema.optional(),
     color: z.string().optional(),
     background: z.string().optional(),

package/dist/canvas/storybook-utils/manifests/index.d.ts

@@ -6,11 +6,11 @@ export declare const defaultWorkflowManifest: {
         id: string;
         name: string;
         sortOrder: number;
-        icon: string;
         tags: string[];
         parentId?: string | undefined;
         color?: string | undefined;
         colorDark?: string | undefined;
+        icon?: string | undefined;
     }[];
     nodes: {
         nodeType: string;
@@ -19,9 +19,9 @@ export declare const defaultWorkflowManifest: {
         sortOrder: number;
         display: {
             label: string;
-            icon: string;
             canvasLabel?: string | undefined;
             description?: string | undefined;
+            icon?: string | undefined;
             shape?: "square" | "circle" | "container" | "rectangle" | undefined;
             color?: string | undefined;
             background?: string | undefined;

package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EAq4B1C,CAAC"}
+{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EA65B1C,CAAC"}

package/dist/canvas/utils/NodeUtils.cjs

@@ -69,11 +69,11 @@ const snapToGrid = (value)=>Math.round(value / external_constants_cjs_namespaceO
 const snapUpToGrid = (value)=>Math.ceil(value / external_constants_cjs_namespaceObject.GRID_SPACING) * external_constants_cjs_namespaceObject.GRID_SPACING;
 const snapDownToGrid = (value)=>Math.floor(value / external_constants_cjs_namespaceObject.GRID_SPACING) * external_constants_cjs_namespaceObject.GRID_SPACING;
 const clamp = (value, min, max)=>Math.min(Math.max(value, min), max);
-function getBoxesFromNodes(nodes, margin = 0, getNodeSize) {
+function getBoxesFromNodes(nodes, margin = 0, getNodeDimensions) {
     const boxes = new Array(nodes.length);
     for(let i = 0; i < nodes.length; i++){
         const node = nodes[i];
-        const nodeSize = getNodeSize?.(node) ?? {
+        const nodeSize = getNodeDimensions?.(node) ?? {
             width: node.width ?? node.measured?.width ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
             height: node.height ?? node.measured?.height ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
         };
@@ -88,10 +88,10 @@ function getBoxesFromNodes(nodes, margin = 0, getNodeSize) {
     }
     return boxes;
 }
-const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, margin = 2 * external_constants_cjs_namespaceObject.GRID_SPACING, ignoredNodeTypes, getNodeSize } = {})=>{
+const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, margin = 2 * external_constants_cjs_namespaceObject.GRID_SPACING, ignoredNodeTypes, getNodeDimensions } = {})=>{
     const ignoredSet = new Set(ignoredNodeTypes);
     const collisionNodes = ignoredSet.size > 0 ? nodes.filter((n)=>!ignoredSet.has(n.type ?? '')) : nodes;
-    const boxes = getBoxesFromNodes(collisionNodes, margin, getNodeSize);
+    const boxes = getBoxesFromNodes(collisionNodes, margin, getNodeDimensions);
     for(let iter = 0; iter < maxIterations; iter++){
         let moved = false;
         for(let i = 0; i < boxes.length; i++)for(let j = i + 1; j < boxes.length; j++){

package/dist/canvas/utils/NodeUtils.d.ts

@@ -20,7 +20,7 @@ export type CollisionAlgorithmOptions = {
     overlapThreshold?: number;
     margin?: number;
     ignoredNodeTypes?: string[];
-    getNodeSize?: (node: Node) => {
+    getNodeDimensions?: (node: Node) => {
         width: number;
         height: number;
     };

package/dist/canvas/utils/NodeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeUtils.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/NodeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAS3F,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAWrF,CAAC;AAeF,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAC9C,MAAM,SAAmB,EACzB,gBAAgB,GAAE,MAAM,EAAO,EAC/B,iBAAiB,GAAE;IAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAA8B,GACvF,UAAU,CAgCZ;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAE1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAE9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,EAAE,CAAC;AAyChG,eAAO,MAAM,iBAAiB,EAAE,kBA8E/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEzF,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAMD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,QAAQ,EACxB,OAAO,CAAC,EAAE,2BAA2B,GACpC,aAAa,GAAG,SAAS,CAkB3B;AAoCD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,GAAG,IAAI,CAQf"}
+{"version":3,"file":"NodeUtils.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/NodeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAS3F,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAWrF,CAAC;AAeF,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAC9C,MAAM,SAAmB,EACzB,gBAAgB,GAAE,MAAM,EAAO,EAC/B,iBAAiB,GAAE;IAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAA8B,GACvF,UAAU,CAgCZ;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAE1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAE9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,EAAE,CAAC;AAyChG,eAAO,MAAM,iBAAiB,EAAE,kBA8E/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEzF,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAMD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,QAAQ,EACxB,OAAO,CAAC,EAAE,2BAA2B,GACpC,aAAa,GAAG,SAAS,CAkB3B;AAoCD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,GAAG,IAAI,CAQf"}