@uipath/apollo-react 3.30.0-pr163.c316f8a → 3.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +0 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +4 -16
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +5 -17
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +4 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +4 -1
- package/dist/canvas/components/Toolbox/ListView.cjs +4 -2
- package/dist/canvas/components/Toolbox/ListView.d.ts +1 -0
- package/dist/canvas/components/Toolbox/ListView.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/ListView.js +4 -2
- package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
- package/dist/canvas/icons/AgentDiagramIcon.cjs +47 -0
- package/dist/canvas/icons/AgentDiagramIcon.d.ts +5 -0
- package/dist/canvas/icons/AgentDiagramIcon.d.ts.map +1 -0
- package/dist/canvas/icons/AgentDiagramIcon.js +13 -0
- package/dist/canvas/icons/UiPathIcon.cjs +63 -0
- package/dist/canvas/icons/UiPathIcon.d.ts +5 -0
- package/dist/canvas/icons/UiPathIcon.d.ts.map +1 -0
- package/dist/canvas/icons/UiPathIcon.js +29 -0
- package/dist/canvas/icons/index.cjs +8 -0
- package/dist/canvas/icons/index.d.ts +2 -0
- package/dist/canvas/icons/index.d.ts.map +1 -1
- package/dist/canvas/icons/index.js +3 -1
- package/dist/canvas/utils/icon-registry.cjs +8 -0
- package/dist/canvas/utils/icon-registry.d.ts.map +1 -1
- package/dist/canvas/utils/icon-registry.js +9 -1
- package/dist/canvas/utils/manifest-resolver.cjs +7 -12
- package/dist/canvas/utils/manifest-resolver.d.ts +0 -3
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +5 -10
- package/dist/canvas/utils/toolbar-resolver.cjs +17 -2
- package/dist/canvas/utils/toolbar-resolver.d.ts +3 -1
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +17 -2
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePrev
|
|
|
39
39
|
const BaseCanvasInnerComponent = (props)=>{
|
|
40
40
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
41
41
|
const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
42
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints,
|
|
42
|
+
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
43
43
|
const isInteractive = 'readonly' !== mode;
|
|
44
44
|
const isDesignMode = 'design' === mode;
|
|
45
45
|
const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
|
|
@@ -47,7 +47,7 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
47
47
|
const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
|
|
48
48
|
(0, external_usePreventBackNavigation_cjs_namespaceObject.usePreventBackNavigation)();
|
|
49
49
|
(0, external_BaseCanvas_hooks_cjs_namespaceObject.useMaintainNodesInView)(maintainNodesInView, fitViewOptions);
|
|
50
|
-
(0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints
|
|
50
|
+
(0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
|
|
51
51
|
const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{
|
|
52
52
|
setReactFlowInstance(instance);
|
|
53
53
|
onInit?.(instance);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAuMzE,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"}
|
|
@@ -11,7 +11,7 @@ import { usePreventBackNavigation } from "./usePreventBackNavigation.js";
|
|
|
11
11
|
const BaseCanvasInnerComponent = (props)=>{
|
|
12
12
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
13
13
|
const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
14
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints,
|
|
14
|
+
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
15
15
|
const isInteractive = 'readonly' !== mode;
|
|
16
16
|
const isDesignMode = 'design' === mode;
|
|
17
17
|
const [reactFlowInstance, setReactFlowInstance] = useState();
|
|
@@ -19,7 +19,7 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
19
19
|
const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
|
|
20
20
|
usePreventBackNavigation();
|
|
21
21
|
useMaintainNodesInView(maintainNodesInView, fitViewOptions);
|
|
22
|
-
useToolbarActionStore(mode, onToolbarAction, breakpoints
|
|
22
|
+
useToolbarActionStore(mode, onToolbarAction, breakpoints);
|
|
23
23
|
const handleInit = useCallback((instance)=>{
|
|
24
24
|
setReactFlowInstance(instance);
|
|
25
25
|
onInit?.(instance);
|
|
@@ -28,7 +28,6 @@ export interface BaseCanvasProps<NodeType extends Node = Node, EdgeType extends
|
|
|
28
28
|
onToolbarAction?: ToolbarActionHandler;
|
|
29
29
|
breakpoints?: Set<string>;
|
|
30
30
|
isDarkMode?: boolean;
|
|
31
|
-
collapsed?: Set<string>;
|
|
32
31
|
}
|
|
33
32
|
export interface EnsureNodesInViewOptions {
|
|
34
33
|
padding?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
|
|
@@ -65,7 +65,6 @@ const BaseNodeComponent = (props)=>{
|
|
|
65
65
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
66
66
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
67
67
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
68
|
-
const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
|
|
69
68
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
70
69
|
type,
|
|
71
70
|
nodeTypeRegistry
|
|
@@ -89,15 +88,9 @@ const BaseNodeComponent = (props)=>{
|
|
|
89
88
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
90
89
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
91
90
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
92
|
-
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display,
|
|
93
|
-
...data.display,
|
|
94
|
-
nodeId: id,
|
|
95
|
-
collapsed
|
|
96
|
-
}), [
|
|
91
|
+
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, data.display), [
|
|
97
92
|
manifest,
|
|
98
|
-
data.display
|
|
99
|
-
id,
|
|
100
|
-
collapsed
|
|
93
|
+
data.display
|
|
101
94
|
]);
|
|
102
95
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
103
96
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -110,11 +103,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
110
103
|
const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
111
104
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
112
105
|
if (!manifest) return [];
|
|
113
|
-
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration,
|
|
114
|
-
...data,
|
|
115
|
-
nodeId: id,
|
|
116
|
-
collapsed
|
|
117
|
-
});
|
|
106
|
+
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, data);
|
|
118
107
|
return resolved.map((group)=>({
|
|
119
108
|
position: group.position,
|
|
120
109
|
handles: group.handles.map((h)=>({
|
|
@@ -139,8 +128,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
139
128
|
}, [
|
|
140
129
|
toolbarConfigProp,
|
|
141
130
|
manifest,
|
|
142
|
-
statusContext
|
|
143
|
-
collapsed
|
|
131
|
+
statusContext
|
|
144
132
|
]);
|
|
145
133
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
146
134
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA0f1B,eAAO,MAAM,QAAQ,8CArfa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAqfhB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { ApIcon } from "../../../material/components/index.js";
|
|
|
5
5
|
import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
6
6
|
import { DEFAULT_NODE_SIZE } from "../../constants.js";
|
|
7
7
|
import { useNodeTypeRegistry } from "../../core/index.js";
|
|
8
|
-
import {
|
|
8
|
+
import { useNodeExecutionState } from "../../hooks/index.js";
|
|
9
9
|
import { resolveAdornments } from "../../utils/adornment-resolver.js";
|
|
10
10
|
import { getIcon } from "../../utils/icon-registry.js";
|
|
11
11
|
import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
|
|
@@ -37,7 +37,6 @@ const BaseNodeComponent = (props)=>{
|
|
|
37
37
|
const isConnecting = useStore(selectIsConnecting);
|
|
38
38
|
const { multipleNodesSelected } = useSelectionState();
|
|
39
39
|
const { isDarkMode } = useCanvasTheme();
|
|
40
|
-
const { collapsed } = getToolbarActionStore();
|
|
41
40
|
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
42
41
|
type,
|
|
43
42
|
nodeTypeRegistry
|
|
@@ -61,15 +60,9 @@ const BaseNodeComponent = (props)=>{
|
|
|
61
60
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
62
61
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
63
62
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
64
|
-
const display = useMemo(()=>resolveDisplay(manifest?.display,
|
|
65
|
-
...data.display,
|
|
66
|
-
nodeId: id,
|
|
67
|
-
collapsed
|
|
68
|
-
}), [
|
|
63
|
+
const display = useMemo(()=>resolveDisplay(manifest?.display, data.display), [
|
|
69
64
|
manifest,
|
|
70
|
-
data.display
|
|
71
|
-
id,
|
|
72
|
-
collapsed
|
|
65
|
+
data.display
|
|
73
66
|
]);
|
|
74
67
|
const Icon = useMemo(()=>{
|
|
75
68
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -82,11 +75,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
82
75
|
const handleConfigurations = useMemo(()=>{
|
|
83
76
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
84
77
|
if (!manifest) return [];
|
|
85
|
-
const resolved = resolveHandles(manifest.handleConfiguration,
|
|
86
|
-
...data,
|
|
87
|
-
nodeId: id,
|
|
88
|
-
collapsed
|
|
89
|
-
});
|
|
78
|
+
const resolved = resolveHandles(manifest.handleConfiguration, data);
|
|
90
79
|
return resolved.map((group)=>({
|
|
91
80
|
position: group.position,
|
|
92
81
|
handles: group.handles.map((h)=>({
|
|
@@ -111,8 +100,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
111
100
|
}, [
|
|
112
101
|
toolbarConfigProp,
|
|
113
102
|
manifest,
|
|
114
|
-
statusContext
|
|
115
|
-
collapsed
|
|
103
|
+
statusContext
|
|
116
104
|
]);
|
|
117
105
|
const adornments = useMemo(()=>{
|
|
118
106
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -32,7 +32,10 @@ const external_react_namespaceObject = require("react");
|
|
|
32
32
|
const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
|
|
33
33
|
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
34
34
|
const external_index_cjs_namespaceObject = require("./index.cjs");
|
|
35
|
+
const ToolbarActionContext_cjs_namespaceObject = require("../../hooks/ToolbarActionContext.cjs");
|
|
35
36
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
37
|
+
const { collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
38
|
+
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
36
39
|
const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
|
|
37
40
|
const node = (0, react_namespaceObject.useNodesData)(nodeId);
|
|
38
41
|
const handleElements = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
@@ -41,7 +44,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
41
44
|
const elements = resolvedHandles.map((config, i)=>{
|
|
42
45
|
const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
|
|
43
46
|
const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
|
|
44
|
-
const enhancedHandles = config.handles.map((handle)=>({
|
|
47
|
+
const enhancedHandles = config.handles.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
|
|
45
48
|
...handle,
|
|
46
49
|
onAction: handle.onAction || handleAction
|
|
47
50
|
}));
|
|
@@ -1 +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;
|
|
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;AAIzD,eAAO,MAAM,gBAAgB,GAAI,wJAW9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,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;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,wFAiEA,CAAC"}
|
|
@@ -4,7 +4,10 @@ import { useMemo } from "react";
|
|
|
4
4
|
import { resolveHandles } from "../../utils/manifest-resolver.js";
|
|
5
5
|
import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
|
|
6
6
|
import { ButtonHandles } from "./index.js";
|
|
7
|
+
import { getToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
|
|
7
8
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
9
|
+
const { collapsed } = getToolbarActionStore();
|
|
10
|
+
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
8
11
|
const connectedHandleIds = useConnectedHandles(nodeId);
|
|
9
12
|
const node = useNodesData(nodeId);
|
|
10
13
|
const handleElements = useMemo(()=>{
|
|
@@ -13,7 +16,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
13
16
|
const elements = resolvedHandles.map((config, i)=>{
|
|
14
17
|
const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
|
|
15
18
|
const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
|
|
16
|
-
const enhancedHandles = config.handles.map((handle)=>({
|
|
19
|
+
const enhancedHandles = config.handles.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
|
|
17
20
|
...handle,
|
|
18
21
|
onAction: handle.onAction || handleAction
|
|
19
22
|
}));
|
|
@@ -36,9 +36,8 @@ const external_react_namespaceObject = require("react");
|
|
|
36
36
|
const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
|
|
37
37
|
const external_ListView_styles_cjs_namespaceObject = require("./ListView.styles.cjs");
|
|
38
38
|
const IconContainerMemoized = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(external_ListView_styles_cjs_namespaceObject.IconContainer);
|
|
39
|
-
const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ index, style, ariaAttributes, renderedItems, isLoading, onItemClick, onItemHover })=>{
|
|
39
|
+
const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ index, style, ariaAttributes, renderedItems, isLoading, isDarkMode, onItemClick, onItemHover })=>{
|
|
40
40
|
const renderItem = renderedItems[index];
|
|
41
|
-
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
42
41
|
const buttonStyle = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
43
42
|
...style,
|
|
44
43
|
padding: 0,
|
|
@@ -131,6 +130,7 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
|
|
|
131
130
|
});
|
|
132
131
|
});
|
|
133
132
|
const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ items, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search_off', isLoading = false, enableSections = true }) {
|
|
133
|
+
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
134
134
|
const renderedItems = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
135
135
|
const result = [];
|
|
136
136
|
if (0 === items.length) return result;
|
|
@@ -166,11 +166,13 @@ const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)
|
|
|
166
166
|
const rowProps = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
167
167
|
renderedItems,
|
|
168
168
|
isLoading,
|
|
169
|
+
isDarkMode,
|
|
169
170
|
onItemClick,
|
|
170
171
|
onItemHover
|
|
171
172
|
}), [
|
|
172
173
|
renderedItems,
|
|
173
174
|
isLoading,
|
|
175
|
+
isDarkMode,
|
|
174
176
|
onItemClick,
|
|
175
177
|
onItemHover
|
|
176
178
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ,IAC9B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAuGD,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,wCAA0B,CAAC,SAAS,QAAQ,sGAQ9D,aAAa,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ,IAC9B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAuGD,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,wCAA0B,CAAC,SAAS,QAAQ,sGAQ9D,aAAa,CAAC,CAAC,CAAC,8CAkFjB,CAAC"}
|
|
@@ -8,9 +8,8 @@ import { memo, useCallback, useMemo } from "react";
|
|
|
8
8
|
import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
|
|
9
9
|
import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
|
|
10
10
|
const IconContainerMemoized = /*#__PURE__*/ memo(IconContainer);
|
|
11
|
-
const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, renderedItems, isLoading, onItemClick, onItemHover })=>{
|
|
11
|
+
const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, renderedItems, isLoading, isDarkMode, onItemClick, onItemHover })=>{
|
|
12
12
|
const renderItem = renderedItems[index];
|
|
13
|
-
const { isDarkMode } = useCanvasTheme();
|
|
14
13
|
const buttonStyle = useMemo(()=>({
|
|
15
14
|
...style,
|
|
16
15
|
padding: 0,
|
|
@@ -103,6 +102,7 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
|
|
|
103
102
|
});
|
|
104
103
|
});
|
|
105
104
|
const ListView_ListView = /*#__PURE__*/ memo(function({ items, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search_off', isLoading = false, enableSections = true }) {
|
|
105
|
+
const { isDarkMode } = useCanvasTheme();
|
|
106
106
|
const renderedItems = useMemo(()=>{
|
|
107
107
|
const result = [];
|
|
108
108
|
if (0 === items.length) return result;
|
|
@@ -138,11 +138,13 @@ const ListView_ListView = /*#__PURE__*/ memo(function({ items, onItemClick, onIt
|
|
|
138
138
|
const rowProps = useMemo(()=>({
|
|
139
139
|
renderedItems,
|
|
140
140
|
isLoading,
|
|
141
|
+
isDarkMode,
|
|
141
142
|
onItemClick,
|
|
142
143
|
onItemHover
|
|
143
144
|
}), [
|
|
144
145
|
renderedItems,
|
|
145
146
|
isLoading,
|
|
147
|
+
isDarkMode,
|
|
146
148
|
onItemClick,
|
|
147
149
|
onItemHover
|
|
148
150
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;
|
|
1
|
+
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;WAyB07E,CAAC;;yBArBz7E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
AgentDiagramIcon: ()=>AgentDiagramIcon
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const AgentDiagramIcon = ({ w = 18, h = 18 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
|
|
31
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
32
|
+
width: w,
|
|
33
|
+
height: h,
|
|
34
|
+
viewBox: "0 0 18 18",
|
|
35
|
+
fill: "none",
|
|
36
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
37
|
+
d: "M10.5 0C11.6046 0 12.5 0.895431 12.5 2V5C12.5 6.10457 11.6046 7 10.5 7H9.75V8.25H13.5C13.9243 8.25 14.3527 8.38943 14.687 8.66797C15.0253 8.94989 15.25 9.36485 15.25 9.8335V11H16C17.1046 11 18 11.8954 18 13V16C18 17.1046 17.1046 18 16 18H13C11.8954 18 11 17.1046 11 16V13C11 11.8954 11.8954 11 13 11H13.75V9.8457C13.7471 9.84124 13.7409 9.83186 13.7271 9.82031C13.6863 9.78635 13.606 9.75 13.5 9.75H4.5C4.39396 9.75 4.3137 9.78635 4.27295 9.82031C4.2591 9.83186 4.25287 9.84124 4.25 9.8457V11H5C6.10457 11 7 11.8954 7 13V16C7 17.1046 6.10457 18 5 18H2C0.895431 18 0 17.1046 0 16V13C0 11.8954 0.895431 11 2 11H2.75V9.8335C2.75 9.36485 2.97468 8.94989 3.31299 8.66797C3.64729 8.38943 4.07566 8.25 4.5 8.25H8.25V7H7.5C6.39543 7 5.5 6.10457 5.5 5V2C5.5 0.895431 6.39543 0 7.5 0H10.5ZM2 12.5C1.72386 12.5 1.5 12.7239 1.5 13V16C1.5 16.2761 1.72386 16.5 2 16.5H5C5.27614 16.5 5.5 16.2761 5.5 16V13C5.5 12.7239 5.27614 12.5 5 12.5H2ZM13 12.5C12.7239 12.5 12.5 12.7239 12.5 13V16C12.5 16.2761 12.7239 16.5 13 16.5H16C16.2761 16.5 16.5 16.2761 16.5 16V13C16.5 12.7239 16.2761 12.5 16 12.5H13ZM7.5 1.5C7.22386 1.5 7 1.72386 7 2V5C7 5.27614 7.22386 5.5 7.5 5.5H10.5C10.7761 5.5 11 5.27614 11 5V2C11 1.72386 10.7761 1.5 10.5 1.5H7.5Z",
|
|
38
|
+
fill: "currentColor"
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
exports.AgentDiagramIcon = __webpack_exports__.AgentDiagramIcon;
|
|
42
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
43
|
+
"AgentDiagramIcon"
|
|
44
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
45
|
+
Object.defineProperty(exports, '__esModule', {
|
|
46
|
+
value: true
|
|
47
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AgentDiagramIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/AgentDiagramIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,WAG9B;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,4CAO9C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
const AgentDiagramIcon = ({ w = 18, h = 18 })=>/*#__PURE__*/ jsx("svg", {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
width: w,
|
|
5
|
+
height: h,
|
|
6
|
+
viewBox: "0 0 18 18",
|
|
7
|
+
fill: "none",
|
|
8
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
9
|
+
d: "M10.5 0C11.6046 0 12.5 0.895431 12.5 2V5C12.5 6.10457 11.6046 7 10.5 7H9.75V8.25H13.5C13.9243 8.25 14.3527 8.38943 14.687 8.66797C15.0253 8.94989 15.25 9.36485 15.25 9.8335V11H16C17.1046 11 18 11.8954 18 13V16C18 17.1046 17.1046 18 16 18H13C11.8954 18 11 17.1046 11 16V13C11 11.8954 11.8954 11 13 11H13.75V9.8457C13.7471 9.84124 13.7409 9.83186 13.7271 9.82031C13.6863 9.78635 13.606 9.75 13.5 9.75H4.5C4.39396 9.75 4.3137 9.78635 4.27295 9.82031C4.2591 9.83186 4.25287 9.84124 4.25 9.8457V11H5C6.10457 11 7 11.8954 7 13V16C7 17.1046 6.10457 18 5 18H2C0.895431 18 0 17.1046 0 16V13C0 11.8954 0.895431 11 2 11H2.75V9.8335C2.75 9.36485 2.97468 8.94989 3.31299 8.66797C3.64729 8.38943 4.07566 8.25 4.5 8.25H8.25V7H7.5C6.39543 7 5.5 6.10457 5.5 5V2C5.5 0.895431 6.39543 0 7.5 0H10.5ZM2 12.5C1.72386 12.5 1.5 12.7239 1.5 13V16C1.5 16.2761 1.72386 16.5 2 16.5H5C5.27614 16.5 5.5 16.2761 5.5 16V13C5.5 12.7239 5.27614 12.5 5 12.5H2ZM13 12.5C12.7239 12.5 12.5 12.7239 12.5 13V16C12.5 16.2761 12.7239 16.5 13 16.5H16C16.2761 16.5 16.5 16.2761 16.5 16V13C16.5 12.7239 16.2761 12.5 16 12.5H13ZM7.5 1.5C7.22386 1.5 7 1.72386 7 2V5C7 5.27614 7.22386 5.5 7.5 5.5H10.5C10.7761 5.5 11 5.27614 11 5V2C11 1.72386 10.7761 1.5 10.5 1.5H7.5Z",
|
|
10
|
+
fill: "currentColor"
|
|
11
|
+
})
|
|
12
|
+
});
|
|
13
|
+
export { AgentDiagramIcon };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
UiPathIcon: ()=>UiPathIcon
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const UiPathIcon = ({ w = 24, h = 24 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
|
|
31
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
32
|
+
width: w,
|
|
33
|
+
height: h,
|
|
34
|
+
viewBox: "0 0 24 24",
|
|
35
|
+
fill: "none",
|
|
36
|
+
children: [
|
|
37
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
|
|
38
|
+
width: "24",
|
|
39
|
+
height: "24",
|
|
40
|
+
rx: "4",
|
|
41
|
+
fill: "var(--color-brand-primary)"
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
44
|
+
d: "M13.8961 6.61204H13.6081C12.8401 6.61204 12.3601 7.08004 12.3601 7.84804V13.98C12.3601 16.884 11.4721 18.072 9.28813 18.072C7.10413 18.072 6.21613 16.884 6.21613 13.956V7.83604C6.21613 7.06804 5.73613 6.60004 4.96813 6.60004H4.68013C3.91213 6.60004 3.43213 7.06804 3.43213 7.83604V13.968C3.43213 18.396 5.40013 20.64 9.28813 20.64C13.1761 20.64 15.1441 18.396 15.1441 13.968V7.83604C15.1441 7.06804 14.6641 6.60004 13.8961 6.60004V6.61204Z",
|
|
45
|
+
fill: "white"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
48
|
+
d: "M18.6602 10.344H18.4082C17.7057 10.344 17.1362 10.9135 17.1362 11.616V19.392C17.1362 20.0945 17.7057 20.664 18.4082 20.664H18.6602C19.3627 20.664 19.9322 20.0945 19.9322 19.392V11.616C19.9322 10.9135 19.3627 10.344 18.6602 10.344Z",
|
|
49
|
+
fill: "white"
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
52
|
+
d: "M22.0201 5.53201C20.2441 5.24401 18.8401 3.85201 18.5521 2.07601C18.5521 2.04001 18.5041 2.04001 18.4921 2.07601C18.2041 3.85201 16.8001 5.25601 15.0241 5.53201C14.9881 5.53201 14.9881 5.58001 15.0241 5.59201C16.8001 5.88001 18.2041 7.27201 18.4921 9.04801C18.4921 9.08401 18.5401 9.08401 18.5521 9.04801C18.8401 7.27201 20.2441 5.86801 22.0201 5.59201C22.0561 5.59201 22.0561 5.54401 22.0201 5.53201Z",
|
|
53
|
+
fill: "white"
|
|
54
|
+
})
|
|
55
|
+
]
|
|
56
|
+
});
|
|
57
|
+
exports.UiPathIcon = __webpack_exports__.UiPathIcon;
|
|
58
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
59
|
+
"UiPathIcon"
|
|
60
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
61
|
+
Object.defineProperty(exports, '__esModule', {
|
|
62
|
+
value: true
|
|
63
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiPathIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/UiPathIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,UAAoB;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,4CAgB1F,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
const UiPathIcon = ({ w = 24, h = 24 })=>/*#__PURE__*/ jsxs("svg", {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
width: w,
|
|
5
|
+
height: h,
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
fill: "none",
|
|
8
|
+
children: [
|
|
9
|
+
/*#__PURE__*/ jsx("rect", {
|
|
10
|
+
width: "24",
|
|
11
|
+
height: "24",
|
|
12
|
+
rx: "4",
|
|
13
|
+
fill: "var(--color-brand-primary)"
|
|
14
|
+
}),
|
|
15
|
+
/*#__PURE__*/ jsx("path", {
|
|
16
|
+
d: "M13.8961 6.61204H13.6081C12.8401 6.61204 12.3601 7.08004 12.3601 7.84804V13.98C12.3601 16.884 11.4721 18.072 9.28813 18.072C7.10413 18.072 6.21613 16.884 6.21613 13.956V7.83604C6.21613 7.06804 5.73613 6.60004 4.96813 6.60004H4.68013C3.91213 6.60004 3.43213 7.06804 3.43213 7.83604V13.968C3.43213 18.396 5.40013 20.64 9.28813 20.64C13.1761 20.64 15.1441 18.396 15.1441 13.968V7.83604C15.1441 7.06804 14.6641 6.60004 13.8961 6.60004V6.61204Z",
|
|
17
|
+
fill: "white"
|
|
18
|
+
}),
|
|
19
|
+
/*#__PURE__*/ jsx("path", {
|
|
20
|
+
d: "M18.6602 10.344H18.4082C17.7057 10.344 17.1362 10.9135 17.1362 11.616V19.392C17.1362 20.0945 17.7057 20.664 18.4082 20.664H18.6602C19.3627 20.664 19.9322 20.0945 19.9322 19.392V11.616C19.9322 10.9135 19.3627 10.344 18.6602 10.344Z",
|
|
21
|
+
fill: "white"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ jsx("path", {
|
|
24
|
+
d: "M22.0201 5.53201C20.2441 5.24401 18.8401 3.85201 18.5521 2.07601C18.5521 2.04001 18.5041 2.04001 18.4921 2.07601C18.2041 3.85201 16.8001 5.25601 15.0241 5.53201C14.9881 5.53201 14.9881 5.58001 15.0241 5.59201C16.8001 5.88001 18.2041 7.27201 18.4921 9.04801C18.4921 9.08401 18.5401 9.08401 18.5521 9.04801C18.8401 7.27201 20.2441 5.86801 22.0201 5.59201C22.0561 5.59201 22.0561 5.54401 22.0201 5.53201Z",
|
|
25
|
+
fill: "white"
|
|
26
|
+
})
|
|
27
|
+
]
|
|
28
|
+
});
|
|
29
|
+
export { UiPathIcon };
|
|
@@ -24,6 +24,7 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
AgentDiagramIcon: ()=>external_AgentDiagramIcon_cjs_namespaceObject.AgentDiagramIcon,
|
|
27
28
|
SwitchIcon: ()=>external_SwitchIcon_cjs_namespaceObject.SwitchIcon,
|
|
28
29
|
AnthropicIcon: ()=>external_AnthropicIcon_cjs_namespaceObject.AnthropicIcon,
|
|
29
30
|
DataTransformMapIcon: ()=>external_DataTransformMapIcon_cjs_namespaceObject.DataTransformMapIcon,
|
|
@@ -54,6 +55,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
54
55
|
ZoomInIcon: ()=>external_ZoomInIcon_cjs_namespaceObject.ZoomInIcon,
|
|
55
56
|
DataTransformFlattenIcon: ()=>external_DataTransformFlattenIcon_cjs_namespaceObject.DataTransformFlattenIcon,
|
|
56
57
|
AutonomousAgentIcon: ()=>external_AutonomousAgentIcon_cjs_namespaceObject.AutonomousAgentIcon,
|
|
58
|
+
UiPathIcon: ()=>external_UiPathIcon_cjs_namespaceObject.UiPathIcon,
|
|
57
59
|
CaseManagementProject: ()=>external_CaseManagementProject_cjs_namespaceObject.CaseManagementProject,
|
|
58
60
|
AgentIcon: ()=>external_AgentIcon_cjs_namespaceObject.AgentIcon,
|
|
59
61
|
WebAppProject: ()=>external_WebAppProject_cjs_namespaceObject.WebAppProject,
|
|
@@ -63,6 +65,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
63
65
|
CodedAgentIcon: ()=>external_CodedAgentIcon_cjs_namespaceObject.CodedAgentIcon,
|
|
64
66
|
TimelineProgressIcon: ()=>external_TimelineProgressIcon_cjs_namespaceObject.TimelineProgressIcon
|
|
65
67
|
});
|
|
68
|
+
const external_AgentDiagramIcon_cjs_namespaceObject = require("./AgentDiagramIcon.cjs");
|
|
66
69
|
const external_AgentIcon_cjs_namespaceObject = require("./AgentIcon.cjs");
|
|
67
70
|
const external_AgentProject_cjs_namespaceObject = require("./AgentProject.cjs");
|
|
68
71
|
const external_AnthropicIcon_cjs_namespaceObject = require("./AnthropicIcon.cjs");
|
|
@@ -97,10 +100,12 @@ const external_SwitchIcon_cjs_namespaceObject = require("./SwitchIcon.cjs");
|
|
|
97
100
|
const external_TimelinePauseIcon_cjs_namespaceObject = require("./TimelinePauseIcon.cjs");
|
|
98
101
|
const external_TimelinePlayIcon_cjs_namespaceObject = require("./TimelinePlayIcon.cjs");
|
|
99
102
|
const external_TimelineProgressIcon_cjs_namespaceObject = require("./TimelineProgressIcon.cjs");
|
|
103
|
+
const external_UiPathIcon_cjs_namespaceObject = require("./UiPathIcon.cjs");
|
|
100
104
|
const external_WebAppProject_cjs_namespaceObject = require("./WebAppProject.cjs");
|
|
101
105
|
const external_ZoomInIcon_cjs_namespaceObject = require("./ZoomInIcon.cjs");
|
|
102
106
|
const external_ZoomOutIcon_cjs_namespaceObject = require("./ZoomOutIcon.cjs");
|
|
103
107
|
const external_ZoomToFitIcon_cjs_namespaceObject = require("./ZoomToFitIcon.cjs");
|
|
108
|
+
exports.AgentDiagramIcon = __webpack_exports__.AgentDiagramIcon;
|
|
104
109
|
exports.AgentIcon = __webpack_exports__.AgentIcon;
|
|
105
110
|
exports.AgentProject = __webpack_exports__.AgentProject;
|
|
106
111
|
exports.AnthropicIcon = __webpack_exports__.AnthropicIcon;
|
|
@@ -135,11 +140,13 @@ exports.SwitchIcon = __webpack_exports__.SwitchIcon;
|
|
|
135
140
|
exports.TimelinePauseIcon = __webpack_exports__.TimelinePauseIcon;
|
|
136
141
|
exports.TimelinePlayIcon = __webpack_exports__.TimelinePlayIcon;
|
|
137
142
|
exports.TimelineProgressIcon = __webpack_exports__.TimelineProgressIcon;
|
|
143
|
+
exports.UiPathIcon = __webpack_exports__.UiPathIcon;
|
|
138
144
|
exports.WebAppProject = __webpack_exports__.WebAppProject;
|
|
139
145
|
exports.ZoomInIcon = __webpack_exports__.ZoomInIcon;
|
|
140
146
|
exports.ZoomOutIcon = __webpack_exports__.ZoomOutIcon;
|
|
141
147
|
exports.ZoomToFitIcon = __webpack_exports__.ZoomToFitIcon;
|
|
142
148
|
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
149
|
+
"AgentDiagramIcon",
|
|
143
150
|
"AgentIcon",
|
|
144
151
|
"AgentProject",
|
|
145
152
|
"AnthropicIcon",
|
|
@@ -174,6 +181,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
|
174
181
|
"TimelinePauseIcon",
|
|
175
182
|
"TimelinePlayIcon",
|
|
176
183
|
"TimelineProgressIcon",
|
|
184
|
+
"UiPathIcon",
|
|
177
185
|
"WebAppProject",
|
|
178
186
|
"ZoomInIcon",
|
|
179
187
|
"ZoomOutIcon",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { AgentDiagramIcon } from './AgentDiagramIcon';
|
|
1
2
|
export { AgentIcon } from './AgentIcon';
|
|
2
3
|
export { AgentProject } from './AgentProject';
|
|
3
4
|
export { AnthropicIcon } from './AnthropicIcon';
|
|
@@ -32,6 +33,7 @@ export { SwitchIcon } from './SwitchIcon';
|
|
|
32
33
|
export { TimelinePauseIcon } from './TimelinePauseIcon';
|
|
33
34
|
export { TimelinePlayIcon } from './TimelinePlayIcon';
|
|
34
35
|
export { TimelineProgressIcon } from './TimelineProgressIcon';
|
|
36
|
+
export { UiPathIcon } from './UiPathIcon';
|
|
35
37
|
export { WebAppProject } from './WebAppProject';
|
|
36
38
|
export { ZoomInIcon } from './ZoomInIcon';
|
|
37
39
|
export { ZoomOutIcon } from './ZoomOutIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { AgentDiagramIcon } from "./AgentDiagramIcon.js";
|
|
1
2
|
import { AgentIcon } from "./AgentIcon.js";
|
|
2
3
|
import { AgentProject } from "./AgentProject.js";
|
|
3
4
|
import { AnthropicIcon } from "./AnthropicIcon.js";
|
|
@@ -32,8 +33,9 @@ import { SwitchIcon } from "./SwitchIcon.js";
|
|
|
32
33
|
import { TimelinePauseIcon } from "./TimelinePauseIcon.js";
|
|
33
34
|
import { TimelinePlayIcon } from "./TimelinePlayIcon.js";
|
|
34
35
|
import { TimelineProgressIcon } from "./TimelineProgressIcon.js";
|
|
36
|
+
import { UiPathIcon } from "./UiPathIcon.js";
|
|
35
37
|
import { WebAppProject } from "./WebAppProject.js";
|
|
36
38
|
import { ZoomInIcon } from "./ZoomInIcon.js";
|
|
37
39
|
import { ZoomOutIcon } from "./ZoomOutIcon.js";
|
|
38
40
|
import { ZoomToFitIcon } from "./ZoomToFitIcon.js";
|
|
39
|
-
export { AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DataTransformExtractIcon, DataTransformFilterIcon, DataTransformFlattenIcon, DataTransformGroupIcon, DataTransformIcon, DataTransformMapIcon, DecisionIcon, FlaskRunIcon, GoogleIcon, HealthScoreIcon, HumanIcon, LoopIcon, McpIcon, MemoryIcon, OpenAIIcon, OrganizeIcon, RpaProject, ScriptTaskIcon, SwitchIcon, TimelinePauseIcon, TimelinePlayIcon, TimelineProgressIcon, WebAppProject, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon };
|
|
41
|
+
export { AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DataTransformExtractIcon, DataTransformFilterIcon, DataTransformFlattenIcon, DataTransformGroupIcon, DataTransformIcon, DataTransformMapIcon, DecisionIcon, FlaskRunIcon, GoogleIcon, HealthScoreIcon, HumanIcon, LoopIcon, McpIcon, MemoryIcon, OpenAIIcon, OrganizeIcon, RpaProject, ScriptTaskIcon, SwitchIcon, TimelinePauseIcon, TimelinePlayIcon, TimelineProgressIcon, UiPathIcon, WebAppProject, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon };
|
|
@@ -76,6 +76,14 @@ const iconRegistry = {
|
|
|
76
76
|
w: w ?? 24,
|
|
77
77
|
h: h ?? 24,
|
|
78
78
|
color: color
|
|
79
|
+
}),
|
|
80
|
+
uipath: ({ w, h })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.UiPathIcon, {
|
|
81
|
+
w: w ?? 24,
|
|
82
|
+
h: h ?? 24
|
|
83
|
+
}),
|
|
84
|
+
'agent-diagram': ({ w, h })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.AgentDiagramIcon, {
|
|
85
|
+
w: w ?? 24,
|
|
86
|
+
h: h ?? 24
|
|
79
87
|
})
|
|
80
88
|
};
|
|
81
89
|
function kebabToPascal(str) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;AAsD/F,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAkCrD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,eAAO,MAAM,QAAQ,qDAInB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { icons } from "lucide-react";
|
|
3
3
|
import { memo, useMemo } from "react";
|
|
4
|
-
import { AgentProject, ApiProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, DataAndTools, DecisionIcon, FlaskRunIcon, RpaProject, SwitchIcon, WebAppProject } from "../icons/index.js";
|
|
4
|
+
import { AgentDiagramIcon, AgentProject, ApiProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, DataAndTools, DecisionIcon, FlaskRunIcon, RpaProject, SwitchIcon, UiPathIcon, WebAppProject } from "../icons/index.js";
|
|
5
5
|
const iconRegistry = {
|
|
6
6
|
agent: ({ w, h })=>/*#__PURE__*/ jsx(AgentProject, {
|
|
7
7
|
w: w ?? 29,
|
|
@@ -47,6 +47,14 @@ const iconRegistry = {
|
|
|
47
47
|
w: w ?? 24,
|
|
48
48
|
h: h ?? 24,
|
|
49
49
|
color: color
|
|
50
|
+
}),
|
|
51
|
+
uipath: ({ w, h })=>/*#__PURE__*/ jsx(UiPathIcon, {
|
|
52
|
+
w: w ?? 24,
|
|
53
|
+
h: h ?? 24
|
|
54
|
+
}),
|
|
55
|
+
'agent-diagram': ({ w, h })=>/*#__PURE__*/ jsx(AgentDiagramIcon, {
|
|
56
|
+
w: w ?? 24,
|
|
57
|
+
h: h ?? 24
|
|
50
58
|
})
|
|
51
59
|
};
|
|
52
60
|
function kebabToPascal(str) {
|
|
@@ -26,16 +26,18 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
27
|
replaceTemplateVars: ()=>replaceTemplateVars,
|
|
28
28
|
resolveDisplay: ()=>resolveDisplay,
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
resolveVisibility: ()=>resolveVisibility,
|
|
30
|
+
resolveHandles: ()=>resolveHandles
|
|
31
31
|
});
|
|
32
|
+
const index_cjs_namespaceObject = require("../hooks/index.cjs");
|
|
32
33
|
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
33
34
|
if (!manifestDisplay) return {
|
|
34
35
|
icon: 'help-circle',
|
|
35
36
|
shape: 'square',
|
|
36
37
|
label: instanceDisplay?.label || 'Unknown Node'
|
|
37
38
|
};
|
|
38
|
-
const
|
|
39
|
+
const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
|
|
40
|
+
const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
|
|
39
41
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
40
42
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
41
43
|
return {
|
|
@@ -60,7 +62,6 @@ function replaceTemplateVars(template, vars) {
|
|
|
60
62
|
});
|
|
61
63
|
}
|
|
62
64
|
function resolveHandles(handleGroups, context) {
|
|
63
|
-
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
64
65
|
return handleGroups.map((group)=>{
|
|
65
66
|
const handles = group.handles.flatMap((handle)=>{
|
|
66
67
|
if (handle.repeat) {
|
|
@@ -76,26 +77,20 @@ function resolveHandles(handleGroups, context) {
|
|
|
76
77
|
[itemVar]: item,
|
|
77
78
|
[indexVar]: index
|
|
78
79
|
};
|
|
79
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
80
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
81
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
82
80
|
return {
|
|
83
81
|
...handle,
|
|
84
82
|
id: replaceTemplateVars(handle.id, vars),
|
|
85
83
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
86
|
-
visible,
|
|
84
|
+
visible: resolveVisibility(handle.visible, context),
|
|
87
85
|
repeat: void 0,
|
|
88
86
|
itemVar: void 0,
|
|
89
87
|
indexVar: void 0
|
|
90
88
|
};
|
|
91
89
|
});
|
|
92
90
|
}
|
|
93
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
94
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
95
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
96
91
|
return {
|
|
97
92
|
...handle,
|
|
98
|
-
visible
|
|
93
|
+
visible: resolveVisibility(handle.visible, context)
|
|
99
94
|
};
|
|
100
95
|
});
|
|
101
96
|
return {
|
|
@@ -5,8 +5,6 @@ import type { HandleActionEvent } from '../components/ButtonHandle/ButtonHandle'
|
|
|
5
5
|
export interface ResolutionContext {
|
|
6
6
|
display?: DisplayConfig;
|
|
7
7
|
inputs?: Record<string, unknown>;
|
|
8
|
-
nodeId?: string;
|
|
9
|
-
collapsed?: Set<string>;
|
|
10
8
|
}
|
|
11
9
|
export type ResolvedDisplay = DisplayConfig & {
|
|
12
10
|
label: string;
|
|
@@ -33,7 +31,6 @@ interface TemplateVars {
|
|
|
33
31
|
}
|
|
34
32
|
export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
|
|
35
33
|
nodeId?: string;
|
|
36
|
-
collapsed?: Set<string>;
|
|
37
34
|
}) | undefined): ResolvedDisplay;
|
|
38
35
|
export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
|
|
39
36
|
export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GAClE,eAAe,CAwBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAmDvB"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
import { getToolbarActionStore } from "../hooks/index.js";
|
|
1
2
|
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
2
3
|
if (!manifestDisplay) return {
|
|
3
4
|
icon: 'help-circle',
|
|
4
5
|
shape: 'square',
|
|
5
6
|
label: instanceDisplay?.label || 'Unknown Node'
|
|
6
7
|
};
|
|
7
|
-
const
|
|
8
|
+
const { collapsed } = getToolbarActionStore();
|
|
9
|
+
const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
|
|
8
10
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
9
11
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
10
12
|
return {
|
|
@@ -29,7 +31,6 @@ function replaceTemplateVars(template, vars) {
|
|
|
29
31
|
});
|
|
30
32
|
}
|
|
31
33
|
function resolveHandles(handleGroups, context) {
|
|
32
|
-
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
33
34
|
return handleGroups.map((group)=>{
|
|
34
35
|
const handles = group.handles.flatMap((handle)=>{
|
|
35
36
|
if (handle.repeat) {
|
|
@@ -45,26 +46,20 @@ function resolveHandles(handleGroups, context) {
|
|
|
45
46
|
[itemVar]: item,
|
|
46
47
|
[indexVar]: index
|
|
47
48
|
};
|
|
48
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
49
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
50
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
51
49
|
return {
|
|
52
50
|
...handle,
|
|
53
51
|
id: replaceTemplateVars(handle.id, vars),
|
|
54
52
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
55
|
-
visible,
|
|
53
|
+
visible: resolveVisibility(handle.visible, context),
|
|
56
54
|
repeat: void 0,
|
|
57
55
|
itemVar: void 0,
|
|
58
56
|
indexVar: void 0
|
|
59
57
|
};
|
|
60
58
|
});
|
|
61
59
|
}
|
|
62
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
63
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
64
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
65
60
|
return {
|
|
66
61
|
...handle,
|
|
67
|
-
visible
|
|
62
|
+
visible: resolveVisibility(handle.visible, context)
|
|
68
63
|
};
|
|
69
64
|
});
|
|
70
65
|
return {
|
|
@@ -141,8 +141,23 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
141
141
|
}
|
|
142
142
|
function resolveToolbar(manifest, context, nodeData) {
|
|
143
143
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
144
|
-
const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
145
|
-
|
|
144
|
+
const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
145
|
+
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
146
|
+
modeDefaults = {
|
|
147
|
+
...modeDefaults,
|
|
148
|
+
actions: modeDefaults?.actions?.map((action)=>{
|
|
149
|
+
const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
|
|
150
|
+
switch(action.id){
|
|
151
|
+
case 'collapse':
|
|
152
|
+
return {
|
|
153
|
+
...action,
|
|
154
|
+
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
155
|
+
};
|
|
156
|
+
default:
|
|
157
|
+
return action;
|
|
158
|
+
}
|
|
159
|
+
})
|
|
160
|
+
};
|
|
146
161
|
const nodeExtensions = manifestToolbarExtensions?.[mode];
|
|
147
162
|
const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
|
|
148
163
|
const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));
|
|
@@ -2,6 +2,8 @@ import type { NodeManifest, NodeStatusContext, NodeToolbarConfig } from '../inde
|
|
|
2
2
|
interface ExtendedNodeContext extends NodeStatusContext {
|
|
3
3
|
permissions?: string[];
|
|
4
4
|
}
|
|
5
|
-
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: Record<string, unknown>
|
|
5
|
+
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: (Record<string, unknown> & {
|
|
6
|
+
nodeId?: string;
|
|
7
|
+
}) | undefined): NodeToolbarConfig | undefined;
|
|
6
8
|
export {};
|
|
7
9
|
//# sourceMappingURL=toolbar-resolver.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA0ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA0ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GACrE,iBAAiB,GAAG,SAAS,CAmD/B"}
|
|
@@ -113,8 +113,23 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
113
113
|
}
|
|
114
114
|
function resolveToolbar(manifest, context, nodeData) {
|
|
115
115
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
116
|
-
const { mode } = getToolbarActionStore();
|
|
117
|
-
|
|
116
|
+
const { mode, collapsed } = getToolbarActionStore();
|
|
117
|
+
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
118
|
+
modeDefaults = {
|
|
119
|
+
...modeDefaults,
|
|
120
|
+
actions: modeDefaults?.actions?.map((action)=>{
|
|
121
|
+
const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
|
|
122
|
+
switch(action.id){
|
|
123
|
+
case 'collapse':
|
|
124
|
+
return {
|
|
125
|
+
...action,
|
|
126
|
+
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
127
|
+
};
|
|
128
|
+
default:
|
|
129
|
+
return action;
|
|
130
|
+
}
|
|
131
|
+
})
|
|
132
|
+
};
|
|
118
133
|
const nodeExtensions = manifestToolbarExtensions?.[mode];
|
|
119
134
|
const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
|
|
120
135
|
const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));
|