@uipath/apollo-react 3.29.2 → 3.30.0-pr163.a99bafa
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/AgentCanvas/nodes/AgentNode.cjs +42 -25
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +42 -25
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +52 -32
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +52 -32
- 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 +1 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +19 -5
- package/dist/canvas/components/BaseNode/BaseNode.d.ts +3 -2
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +20 -6
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +0 -28
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.cjs +45 -0
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts +31 -0
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -0
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.js +8 -0
- package/dist/canvas/components/BaseNode/index.cjs +12 -3
- package/dist/canvas/components/BaseNode/index.d.ts +1 -0
- package/dist/canvas/components/BaseNode/index.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/index.js +1 -0
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +1 -4
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +1 -4
- package/dist/canvas/components/CodedAgent/CodedAgentFlow.cjs +112 -82
- package/dist/canvas/components/CodedAgent/CodedAgentFlow.d.ts.map +1 -1
- package/dist/canvas/components/CodedAgent/CodedAgentFlow.js +112 -82
- package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.cjs +24 -15
- package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.d.ts.map +1 -1
- package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.js +24 -15
- package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.cjs +1 -2
- package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.js +1 -2
- package/dist/canvas/utils/manifest-resolver.cjs +12 -7
- package/dist/canvas/utils/manifest-resolver.d.ts +3 -0
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +10 -5
- package/dist/canvas/utils/toolbar-resolver.cjs +2 -17
- package/dist/canvas/utils/toolbar-resolver.d.ts +1 -3
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +2 -17
- package/package.json +2 -2
|
@@ -34,11 +34,13 @@ const external_react_namespaceObject = require("react");
|
|
|
34
34
|
const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../../FloatingCanvasPanel/index.cjs");
|
|
35
35
|
const external_types_cjs_namespaceObject = require("../../../types.cjs");
|
|
36
36
|
const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
|
|
37
|
+
const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
|
|
37
38
|
const external_AgentFlow_constants_cjs_namespaceObject = require("../AgentFlow.constants.cjs");
|
|
38
39
|
const agent_flow_store_cjs_namespaceObject = require("../store/agent-flow-store.cjs");
|
|
39
40
|
const external_AgentNode_styles_cjs_namespaceObject = require("./AgentNode.styles.cjs");
|
|
40
41
|
const HOVER_DELAY_MS = 500;
|
|
41
42
|
const HOVER_HIDE_DELAY_MS = 300;
|
|
43
|
+
const alwaysShowNotches = ()=>true;
|
|
42
44
|
const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
|
|
43
45
|
const { id, data, selected = false, mode = 'design', hasMemory = false, hasContext = false, hasEscalation = false, hasTool = false, hasMcp = false, mcpEnabled = true, hasError = false, hasSuccess = false, hasRunning = false, onAddResource, onAddInstructions, translations, enableMemory, enableInstructions = false, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroupVersion, ...nodeProps } = props;
|
|
44
46
|
const { actOnSuggestion } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
|
|
@@ -446,35 +448,50 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
|
|
|
446
448
|
translations,
|
|
447
449
|
isConversational
|
|
448
450
|
]);
|
|
451
|
+
const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
452
|
+
executionStatusOverride: executionStatus,
|
|
453
|
+
suggestionType,
|
|
454
|
+
handleConfigurations,
|
|
455
|
+
toolbarConfig,
|
|
456
|
+
footerVariant,
|
|
457
|
+
iconComponent: agentIcon,
|
|
458
|
+
footerComponent: instructionsFooter,
|
|
459
|
+
subLabelComponent: subLabelWithHealthScore,
|
|
460
|
+
shouldShowAddButtonFn,
|
|
461
|
+
shouldShowButtonHandleNotchesFn: alwaysShowNotches
|
|
462
|
+
}), [
|
|
463
|
+
executionStatus,
|
|
464
|
+
suggestionType,
|
|
465
|
+
handleConfigurations,
|
|
466
|
+
toolbarConfig,
|
|
467
|
+
footerVariant,
|
|
468
|
+
agentIcon,
|
|
469
|
+
instructionsFooter,
|
|
470
|
+
subLabelWithHealthScore,
|
|
471
|
+
shouldShowAddButtonFn
|
|
472
|
+
]);
|
|
449
473
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
450
474
|
onMouseEnter: handleMouseEnter,
|
|
451
475
|
onMouseLeave: handleMouseLeave,
|
|
452
476
|
children: [
|
|
453
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
toolbarConfig: toolbarConfig,
|
|
472
|
-
footerVariant: footerVariant,
|
|
473
|
-
iconComponent: agentIcon,
|
|
474
|
-
footerComponent: instructionsFooter,
|
|
475
|
-
subLabelComponent: subLabelWithHealthScore,
|
|
476
|
-
shouldShowAddButtonFn: shouldShowAddButtonFn,
|
|
477
|
-
shouldShowButtonHandleNotchesFn: ()=>true
|
|
477
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
|
|
478
|
+
value: baseNodeConfig,
|
|
479
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
|
|
480
|
+
...nodeProps,
|
|
481
|
+
id: id,
|
|
482
|
+
type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
|
|
483
|
+
data: {
|
|
484
|
+
...data,
|
|
485
|
+
display: {
|
|
486
|
+
label: name,
|
|
487
|
+
subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
|
|
488
|
+
shape: 'rectangle',
|
|
489
|
+
background: 'var(--uix-canvas-background)',
|
|
490
|
+
iconBackground: 'var(--uix-canvas-background-secondary)'
|
|
491
|
+
}
|
|
492
|
+
},
|
|
493
|
+
selected: selected
|
|
494
|
+
})
|
|
478
495
|
}),
|
|
479
496
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_FloatingCanvasPanel_index_cjs_namespaceObject.FloatingCanvasPanel, {
|
|
480
497
|
open: showSettingsPreview,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAKhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAKhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,KAAK,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAgjBD,eAAO,MAAM,gBAAgB,8CApDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAoD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -6,11 +6,13 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
|
6
6
|
import { FloatingCanvasPanel } from "../../FloatingCanvasPanel/index.js";
|
|
7
7
|
import { DefaultSuggestionTranslations } from "../../../types.js";
|
|
8
8
|
import { BaseNode } from "../../BaseNode/BaseNode.js";
|
|
9
|
+
import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
|
|
9
10
|
import { ResourceNodeType } from "../AgentFlow.constants.js";
|
|
10
11
|
import { useAgentFlowStore } from "../store/agent-flow-store.js";
|
|
11
12
|
import { AddInstructionsButton, HealthScoreBadge, InstructionsLabel, InstructionsLine, InstructionsPreview, SettingsPreviewContainer, SettingsPreviewHeader, SettingsPreviewSubtitle, SettingsPreviewTitle, SettingsPromptBox, SettingsRow, SettingsRowLabel, SettingsRowValue, SettingsSection, SettingsSectionLabel, SettingsSectionValue, SubLabelContainer } from "./AgentNode.styles.js";
|
|
12
13
|
const HOVER_DELAY_MS = 500;
|
|
13
14
|
const HOVER_HIDE_DELAY_MS = 300;
|
|
15
|
+
const alwaysShowNotches = ()=>true;
|
|
14
16
|
const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
|
|
15
17
|
const { id, data, selected = false, mode = 'design', hasMemory = false, hasContext = false, hasEscalation = false, hasTool = false, hasMcp = false, mcpEnabled = true, hasError = false, hasSuccess = false, hasRunning = false, onAddResource, onAddInstructions, translations, enableMemory, enableInstructions = false, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroupVersion, ...nodeProps } = props;
|
|
16
18
|
const { actOnSuggestion } = useAgentFlowStore();
|
|
@@ -418,35 +420,50 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
|
|
|
418
420
|
translations,
|
|
419
421
|
isConversational
|
|
420
422
|
]);
|
|
423
|
+
const baseNodeConfig = useMemo(()=>({
|
|
424
|
+
executionStatusOverride: executionStatus,
|
|
425
|
+
suggestionType,
|
|
426
|
+
handleConfigurations,
|
|
427
|
+
toolbarConfig,
|
|
428
|
+
footerVariant,
|
|
429
|
+
iconComponent: agentIcon,
|
|
430
|
+
footerComponent: instructionsFooter,
|
|
431
|
+
subLabelComponent: subLabelWithHealthScore,
|
|
432
|
+
shouldShowAddButtonFn,
|
|
433
|
+
shouldShowButtonHandleNotchesFn: alwaysShowNotches
|
|
434
|
+
}), [
|
|
435
|
+
executionStatus,
|
|
436
|
+
suggestionType,
|
|
437
|
+
handleConfigurations,
|
|
438
|
+
toolbarConfig,
|
|
439
|
+
footerVariant,
|
|
440
|
+
agentIcon,
|
|
441
|
+
instructionsFooter,
|
|
442
|
+
subLabelWithHealthScore,
|
|
443
|
+
shouldShowAddButtonFn
|
|
444
|
+
]);
|
|
421
445
|
return /*#__PURE__*/ jsxs("div", {
|
|
422
446
|
onMouseEnter: handleMouseEnter,
|
|
423
447
|
onMouseLeave: handleMouseLeave,
|
|
424
448
|
children: [
|
|
425
|
-
/*#__PURE__*/ jsx(
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
toolbarConfig: toolbarConfig,
|
|
444
|
-
footerVariant: footerVariant,
|
|
445
|
-
iconComponent: agentIcon,
|
|
446
|
-
footerComponent: instructionsFooter,
|
|
447
|
-
subLabelComponent: subLabelWithHealthScore,
|
|
448
|
-
shouldShowAddButtonFn: shouldShowAddButtonFn,
|
|
449
|
-
shouldShowButtonHandleNotchesFn: ()=>true
|
|
449
|
+
/*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
|
|
450
|
+
value: baseNodeConfig,
|
|
451
|
+
children: /*#__PURE__*/ jsx(BaseNode, {
|
|
452
|
+
...nodeProps,
|
|
453
|
+
id: id,
|
|
454
|
+
type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
|
|
455
|
+
data: {
|
|
456
|
+
...data,
|
|
457
|
+
display: {
|
|
458
|
+
label: name,
|
|
459
|
+
subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
|
|
460
|
+
shape: 'rectangle',
|
|
461
|
+
background: 'var(--uix-canvas-background)',
|
|
462
|
+
iconBackground: 'var(--uix-canvas-background-secondary)'
|
|
463
|
+
}
|
|
464
|
+
},
|
|
465
|
+
selected: selected
|
|
466
|
+
})
|
|
450
467
|
}),
|
|
451
468
|
/*#__PURE__*/ jsx(FloatingCanvasPanel, {
|
|
452
469
|
open: showSettingsPreview,
|
|
@@ -34,9 +34,11 @@ const components_index_cjs_namespaceObject = require("../../../../material/compo
|
|
|
34
34
|
const external_react_namespaceObject = require("react");
|
|
35
35
|
const external_types_cjs_namespaceObject = require("../../../types.cjs");
|
|
36
36
|
const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
|
|
37
|
+
const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
|
|
37
38
|
const ExecutionStatusIcon_cjs_namespaceObject = require("../../ExecutionStatusIcon/ExecutionStatusIcon.cjs");
|
|
38
39
|
const ToolResourceIcon_index_cjs_namespaceObject = require("../components/ToolResourceIcon/index.cjs");
|
|
39
40
|
const agent_flow_store_cjs_namespaceObject = require("../store/agent-flow-store.cjs");
|
|
41
|
+
const alwaysShowNotches = ()=>true;
|
|
40
42
|
const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ data, selected, id, mode, hasError = false, hasSuccess = false, hasRunning = false, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, translations, suggestionTranslations, suggestionGroupVersion, ...nodeProps })=>{
|
|
41
43
|
const { nodes: _nodes, deleteNode, actOnSuggestion } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
|
|
42
44
|
const edges = (0, agent_flow_store_cjs_namespaceObject.useEdges)();
|
|
@@ -431,38 +433,56 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
|
|
|
431
433
|
return 'uipath.resource.tool';
|
|
432
434
|
}
|
|
433
435
|
};
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
suggestionType
|
|
456
|
-
|
|
457
|
-
handleConfigurations
|
|
458
|
-
toolbarConfig
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
436
|
+
const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
437
|
+
labelTooltip: displayTooltips ? data.description : void 0,
|
|
438
|
+
labelBackgroundColor: 'var(--uix-canvas-background-secondary)',
|
|
439
|
+
disabled: isDisabled,
|
|
440
|
+
executionStatusOverride: executionStatus,
|
|
441
|
+
suggestionType,
|
|
442
|
+
iconComponent: resourceIcon,
|
|
443
|
+
handleConfigurations,
|
|
444
|
+
toolbarConfig,
|
|
445
|
+
adornments: {
|
|
446
|
+
topLeft: breakpointAdornment,
|
|
447
|
+
topRight: statusAdornment,
|
|
448
|
+
bottomLeft: suggestionAdornment,
|
|
449
|
+
bottomRight: guardrailsAdornment
|
|
450
|
+
},
|
|
451
|
+
shouldShowButtonHandleNotchesFn: alwaysShowNotches
|
|
452
|
+
}), [
|
|
453
|
+
displayTooltips,
|
|
454
|
+
data.description,
|
|
455
|
+
isDisabled,
|
|
456
|
+
executionStatus,
|
|
457
|
+
suggestionType,
|
|
458
|
+
resourceIcon,
|
|
459
|
+
handleConfigurations,
|
|
460
|
+
toolbarConfig,
|
|
461
|
+
breakpointAdornment,
|
|
462
|
+
statusAdornment,
|
|
463
|
+
suggestionAdornment,
|
|
464
|
+
guardrailsAdornment
|
|
465
|
+
]);
|
|
466
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
|
|
467
|
+
value: baseNodeConfig,
|
|
468
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
|
|
469
|
+
...nodeProps,
|
|
470
|
+
type: getResourceNodeType(),
|
|
471
|
+
data: {
|
|
472
|
+
...data,
|
|
473
|
+
display: {
|
|
474
|
+
iconBackground: 'var(--uix-canvas-background-secondary)',
|
|
475
|
+
label: data.name,
|
|
476
|
+
subLabel: data.originalName,
|
|
477
|
+
shape: 'circle'
|
|
478
|
+
}
|
|
479
|
+
},
|
|
480
|
+
id: id,
|
|
481
|
+
selected: selected,
|
|
482
|
+
draggable: false,
|
|
483
|
+
selectable: true,
|
|
484
|
+
deletable: !isSuggestion
|
|
485
|
+
})
|
|
466
486
|
});
|
|
467
487
|
});
|
|
468
488
|
exports.ResourceNode = __webpack_exports__.ResourceNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAexB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,2QAmBpB,iBAAiB,6CAmbrB,CAAC"}
|
|
@@ -6,9 +6,11 @@ import { ApIcon } from "../../../../material/components/index.js";
|
|
|
6
6
|
import { memo, useCallback, useMemo } from "react";
|
|
7
7
|
import { DefaultSuggestionTranslations } from "../../../types.js";
|
|
8
8
|
import { BaseNode } from "../../BaseNode/BaseNode.js";
|
|
9
|
+
import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
|
|
9
10
|
import { ExecutionStatusIcon } from "../../ExecutionStatusIcon/ExecutionStatusIcon.js";
|
|
10
11
|
import { ToolResourceIcon } from "../components/ToolResourceIcon/index.js";
|
|
11
12
|
import { useAgentFlowStore, useEdges } from "../store/agent-flow-store.js";
|
|
13
|
+
const alwaysShowNotches = ()=>true;
|
|
12
14
|
const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError = false, hasSuccess = false, hasRunning = false, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, translations, suggestionTranslations, suggestionGroupVersion, ...nodeProps })=>{
|
|
13
15
|
const { nodes: _nodes, deleteNode, actOnSuggestion } = useAgentFlowStore();
|
|
14
16
|
const edges = useEdges();
|
|
@@ -403,38 +405,56 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
|
|
|
403
405
|
return 'uipath.resource.tool';
|
|
404
406
|
}
|
|
405
407
|
};
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
suggestionType
|
|
428
|
-
|
|
429
|
-
handleConfigurations
|
|
430
|
-
toolbarConfig
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
408
|
+
const baseNodeConfig = useMemo(()=>({
|
|
409
|
+
labelTooltip: displayTooltips ? data.description : void 0,
|
|
410
|
+
labelBackgroundColor: 'var(--uix-canvas-background-secondary)',
|
|
411
|
+
disabled: isDisabled,
|
|
412
|
+
executionStatusOverride: executionStatus,
|
|
413
|
+
suggestionType,
|
|
414
|
+
iconComponent: resourceIcon,
|
|
415
|
+
handleConfigurations,
|
|
416
|
+
toolbarConfig,
|
|
417
|
+
adornments: {
|
|
418
|
+
topLeft: breakpointAdornment,
|
|
419
|
+
topRight: statusAdornment,
|
|
420
|
+
bottomLeft: suggestionAdornment,
|
|
421
|
+
bottomRight: guardrailsAdornment
|
|
422
|
+
},
|
|
423
|
+
shouldShowButtonHandleNotchesFn: alwaysShowNotches
|
|
424
|
+
}), [
|
|
425
|
+
displayTooltips,
|
|
426
|
+
data.description,
|
|
427
|
+
isDisabled,
|
|
428
|
+
executionStatus,
|
|
429
|
+
suggestionType,
|
|
430
|
+
resourceIcon,
|
|
431
|
+
handleConfigurations,
|
|
432
|
+
toolbarConfig,
|
|
433
|
+
breakpointAdornment,
|
|
434
|
+
statusAdornment,
|
|
435
|
+
suggestionAdornment,
|
|
436
|
+
guardrailsAdornment
|
|
437
|
+
]);
|
|
438
|
+
return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
|
|
439
|
+
value: baseNodeConfig,
|
|
440
|
+
children: /*#__PURE__*/ jsx(BaseNode, {
|
|
441
|
+
...nodeProps,
|
|
442
|
+
type: getResourceNodeType(),
|
|
443
|
+
data: {
|
|
444
|
+
...data,
|
|
445
|
+
display: {
|
|
446
|
+
iconBackground: 'var(--uix-canvas-background-secondary)',
|
|
447
|
+
label: data.name,
|
|
448
|
+
subLabel: data.originalName,
|
|
449
|
+
shape: 'circle'
|
|
450
|
+
}
|
|
451
|
+
},
|
|
452
|
+
id: id,
|
|
453
|
+
selected: selected,
|
|
454
|
+
draggable: false,
|
|
455
|
+
selectable: true,
|
|
456
|
+
deletable: !isSuggestion
|
|
457
|
+
})
|
|
438
458
|
});
|
|
439
459
|
});
|
|
440
460
|
export { ResourceNode };
|
|
@@ -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, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
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, collapsed, 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, collapsed);
|
|
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;AAwMzE,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, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
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, collapsed, 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, collapsed);
|
|
23
23
|
const handleInit = useCallback((instance)=>{
|
|
24
24
|
setReactFlowInstance(instance);
|
|
25
25
|
onInit?.(instance);
|
|
@@ -28,6 +28,7 @@ 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>;
|
|
31
32
|
}
|
|
32
33
|
export interface EnsureNodesInViewOptions {
|
|
33
34
|
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;IAMrB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;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"}
|
|
@@ -46,10 +46,12 @@ const SmartHandle_cjs_namespaceObject = require("../ButtonHandle/SmartHandle.cjs
|
|
|
46
46
|
const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
|
|
47
47
|
const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
|
|
48
48
|
const external_BaseNode_styles_cjs_namespaceObject = require("./BaseNode.styles.cjs");
|
|
49
|
+
const external_BaseNodeConfigContext_cjs_namespaceObject = require("./BaseNodeConfigContext.cjs");
|
|
49
50
|
const external_NodeLabel_cjs_namespaceObject = require("./NodeLabel.cjs");
|
|
50
51
|
const selectIsConnecting = (state)=>!!state.connectionClickStartHandle;
|
|
51
52
|
const BaseNodeComponent = (props)=>{
|
|
52
|
-
const { type, data, selected, id, dragging, width, height
|
|
53
|
+
const { type, data, selected, id, dragging, width, height } = props;
|
|
54
|
+
const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
|
|
53
55
|
const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
|
|
54
56
|
const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
55
57
|
const containerRef = (0, external_react_namespaceObject.useRef)(null);
|
|
@@ -63,6 +65,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
63
65
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
64
66
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
65
67
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
68
|
+
const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
|
|
66
69
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
67
70
|
type,
|
|
68
71
|
nodeTypeRegistry
|
|
@@ -86,9 +89,15 @@ const BaseNodeComponent = (props)=>{
|
|
|
86
89
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
87
90
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
88
91
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
89
|
-
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display,
|
|
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
|
+
}), [
|
|
90
97
|
manifest,
|
|
91
|
-
data.display
|
|
98
|
+
data.display,
|
|
99
|
+
id,
|
|
100
|
+
collapsed
|
|
92
101
|
]);
|
|
93
102
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
94
103
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -101,7 +110,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
101
110
|
const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
102
111
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
103
112
|
if (!manifest) return [];
|
|
104
|
-
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration,
|
|
113
|
+
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
|
|
114
|
+
...data,
|
|
115
|
+
nodeId: id,
|
|
116
|
+
collapsed
|
|
117
|
+
});
|
|
105
118
|
return resolved.map((group)=>({
|
|
106
119
|
position: group.position,
|
|
107
120
|
handles: group.handles.map((h)=>({
|
|
@@ -126,7 +139,8 @@ const BaseNodeComponent = (props)=>{
|
|
|
126
139
|
}, [
|
|
127
140
|
toolbarConfigProp,
|
|
128
141
|
manifest,
|
|
129
|
-
statusContext
|
|
142
|
+
statusContext,
|
|
143
|
+
collapsed
|
|
130
144
|
]);
|
|
131
145
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
132
146
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
1
|
+
import type { Node, NodeProps } from '../../xyflow/react.ts';
|
|
2
|
+
import type { BaseNodeData } from './BaseNode.types';
|
|
3
|
+
export declare const BaseNode: import("react").MemoExoticComponent<(props: NodeProps<Node<BaseNodeData>>) => import("react/jsx-runtime").JSX.Element>;
|
|
3
4
|
//# sourceMappingURL=BaseNode.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"
|
|
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;AAggB1B,eAAO,MAAM,QAAQ,8CA3fa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA2fhB,CAAC"}
|