@uipath/apollo-react 6.75.0 → 6.77.0
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 +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +2 -1
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +2 -1
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +2 -0
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -1
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.cjs +188 -0
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.d.ts +18 -0
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.js +154 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.cjs +470 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.d.ts +3 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.js +436 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.cjs +18 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.d.ts +76 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.js +0 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.cjs +220 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.js +186 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.cjs +57 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.js +23 -0
- package/dist/canvas/components/CanvasDiffView/diffById.cjs +110 -0
- package/dist/canvas/components/CanvasDiffView/diffById.d.ts +15 -0
- package/dist/canvas/components/CanvasDiffView/diffById.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/diffById.js +76 -0
- package/dist/canvas/components/CanvasDiffView/index.cjs +93 -0
- package/dist/canvas/components/CanvasDiffView/index.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/index.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/index.js +6 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.cjs +116 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.js +79 -0
- package/dist/canvas/components/Edges/CanvasEdge.cjs +5 -1
- package/dist/canvas/components/Edges/CanvasEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/CanvasEdge.js +5 -1
- package/dist/canvas/components/Edges/shared/constants.cjs +1 -0
- package/dist/canvas/components/Edges/shared/constants.d.ts +1 -0
- package/dist/canvas/components/Edges/shared/constants.d.ts.map +1 -1
- package/dist/canvas/components/Edges/shared/constants.js +1 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.cjs +4 -1
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts +2 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts.map +1 -1
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.js +4 -1
- package/dist/canvas/components/Edges/shared/types.d.ts +2 -0
- package/dist/canvas/components/Edges/shared/types.d.ts.map +1 -1
- package/dist/canvas/components/Guardrails/__fixtures__/definitions-wire.fixtures.d.ts +3 -0
- package/dist/canvas/components/Guardrails/__fixtures__/definitions-wire.fixtures.d.ts.map +1 -1
- package/dist/canvas/components/Guardrails/__fixtures__/host-copy-baselines.d.ts.map +1 -1
- package/dist/canvas/components/Guardrails/centralized-guardrail-utils.cjs +12 -1
- package/dist/canvas/components/Guardrails/centralized-guardrail-utils.d.ts.map +1 -1
- package/dist/canvas/components/Guardrails/centralized-guardrail-utils.js +12 -1
- package/dist/canvas/components/Guardrails/centralized-types.d.ts.map +1 -1
- package/dist/canvas/components/Guardrails/definitions-copy.cjs +174 -1
- package/dist/canvas/components/Guardrails/definitions-copy.d.ts.map +1 -1
- package/dist/canvas/components/Guardrails/definitions-copy.js +174 -1
- package/dist/canvas/components/index.cjs +69 -62
- package/dist/canvas/components/index.d.ts +1 -0
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +1 -0
- package/dist/canvas/locales/en.cjs +1 -1
- package/dist/canvas/locales/en.d.ts.map +1 -1
- package/dist/canvas/locales/en.js +1 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/package.json +2 -2
|
@@ -52,7 +52,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
|
|
|
52
52
|
const showSettingsPreview = isNodeHovered || isPanelHovered;
|
|
53
53
|
const { name, definition, suggestionId } = data;
|
|
54
54
|
const isSuggestion = data.isSuggestion ?? false;
|
|
55
|
-
const suggestionType = isSuggestion ? data.suggestionType :
|
|
55
|
+
const suggestionType = isSuggestion ? data.suggestionType : null;
|
|
56
56
|
const isConversational = definition?.metadata?.isConversational === true;
|
|
57
57
|
const suggestTranslations = suggestionTranslations ?? external_types_cjs_namespaceObject.DefaultSuggestionTranslations;
|
|
58
58
|
const agentIcon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
@@ -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;AAIhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAIxB,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,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,GAAG,KAAK,KAAK,IAAI,CAAC;IAClG,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;
|
|
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;AAIhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAIxB,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,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,GAAG,KAAK,KAAK,IAAI,CAAC;IAClG,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;AAkkBD,eAAO,MAAM,gBAAgB,8CAxDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAwD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -24,7 +24,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
|
|
|
24
24
|
const showSettingsPreview = isNodeHovered || isPanelHovered;
|
|
25
25
|
const { name, definition, suggestionId } = data;
|
|
26
26
|
const isSuggestion = data.isSuggestion ?? false;
|
|
27
|
-
const suggestionType = isSuggestion ? data.suggestionType :
|
|
27
|
+
const suggestionType = isSuggestion ? data.suggestionType : null;
|
|
28
28
|
const isConversational = definition?.metadata?.isConversational === true;
|
|
29
29
|
const suggestTranslations = suggestionTranslations ?? DefaultSuggestionTranslations;
|
|
30
30
|
const agentIcon = useMemo(()=>{
|
|
@@ -56,7 +56,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
|
|
|
56
56
|
const isDisabled = data.isDisabled ?? false;
|
|
57
57
|
const isSuggestion = data.isSuggestion ?? false;
|
|
58
58
|
const suggestionId = data.suggestionId;
|
|
59
|
-
const suggestionType = isSuggestion ? data.suggestionType :
|
|
59
|
+
const suggestionType = isSuggestion ? data.suggestionType : null;
|
|
60
60
|
const suggestTranslations = suggestionTranslations ?? external_types_cjs_namespaceObject.DefaultSuggestionTranslations;
|
|
61
61
|
const errorAction = data.errorAction ?? void 0;
|
|
62
62
|
const handleClickEnable = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAGA,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;AAcxB,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,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClF,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,0RAoBpB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAGA,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;AAcxB,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,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClF,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,0RAoBpB,iBAAiB,6CA4brB,CAAC"}
|
|
@@ -28,7 +28,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
|
|
|
28
28
|
const isDisabled = data.isDisabled ?? false;
|
|
29
29
|
const isSuggestion = data.isSuggestion ?? false;
|
|
30
30
|
const suggestionId = data.suggestionId;
|
|
31
|
-
const suggestionType = isSuggestion ? data.suggestionType :
|
|
31
|
+
const suggestionType = isSuggestion ? data.suggestionType : null;
|
|
32
32
|
const suggestTranslations = suggestionTranslations ?? DefaultSuggestionTranslations;
|
|
33
33
|
const errorAction = data.errorAction ?? void 0;
|
|
34
34
|
const handleClickEnable = useCallback(()=>{
|
|
@@ -74,7 +74,8 @@ const getIntrinsicHeight = (hasFooter, footerVariant)=>{
|
|
|
74
74
|
};
|
|
75
75
|
const BaseNodeComponent = (props)=>{
|
|
76
76
|
const { type, data, selected, id, dragging, width, parentId } = props;
|
|
77
|
-
const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, labelPlaceholder, subLabelPlaceholder, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
|
|
77
|
+
const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType: suggestionTypeOverride, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, labelPlaceholder, subLabelPlaceholder, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
|
|
78
|
+
const suggestionType = null === suggestionTypeOverride ? void 0 : suggestionTypeOverride ?? data.suggestionType;
|
|
78
79
|
const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
|
|
79
80
|
const { updateNodeData, updateNode, getNode } = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
80
81
|
const containerRef = (0, external_react_namespaceObject.useRef)(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAmDhF,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":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAmDhF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAmtB1B,eAAO,MAAM,QAAQ,8CA9qBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA8qBmB,CAAC"}
|
|
@@ -46,7 +46,8 @@ const getIntrinsicHeight = (hasFooter, footerVariant)=>{
|
|
|
46
46
|
};
|
|
47
47
|
const BaseNodeComponent = (props)=>{
|
|
48
48
|
const { type, data, selected, id, dragging, width, parentId } = props;
|
|
49
|
-
const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, labelPlaceholder, subLabelPlaceholder, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
|
|
49
|
+
const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType: suggestionTypeOverride, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, labelPlaceholder, subLabelPlaceholder, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
|
|
50
|
+
const suggestionType = null === suggestionTypeOverride ? void 0 : suggestionTypeOverride ?? data.suggestionType;
|
|
50
51
|
const updateNodeInternals = useUpdateNodeInternals();
|
|
51
52
|
const { updateNodeData, updateNode, getNode } = useReactFlow();
|
|
52
53
|
const containerRef = useRef(null);
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import type { NodeShape } from '../../schema';
|
|
2
|
+
import type { SuggestionType } from '../../types';
|
|
2
3
|
import type { ExecutionState } from '../../types/execution';
|
|
3
4
|
import type { ValidationState } from '../../types/validation';
|
|
4
5
|
export type FooterVariant = 'none' | 'button' | 'single' | 'double';
|
|
5
6
|
export interface BaseNodeData extends Record<string, unknown> {
|
|
7
|
+
suggestionType?: SuggestionType;
|
|
6
8
|
display?: {
|
|
7
9
|
label?: string;
|
|
8
10
|
canvasLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAO3D,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QAMf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;IAM1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAOtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -20,7 +20,7 @@ export interface BaseNodeOverrideConfig {
|
|
|
20
20
|
toolbarConfig?: NodeToolbarConfig | null;
|
|
21
21
|
handleConfigurations?: HandleGroupManifest[];
|
|
22
22
|
adornments?: NodeAdornments;
|
|
23
|
-
suggestionType?: 'add' | 'update' | 'delete';
|
|
23
|
+
suggestionType?: 'add' | 'update' | 'delete' | null;
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
executionStatusOverride?: ElementStatusValues;
|
|
26
26
|
labelTooltip?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAI5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}
|
|
@@ -0,0 +1,188 @@
|
|
|
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 ("u" > 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
|
+
ApolloCanvasDiffPane: ()=>ApolloCanvasDiffPane
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
|
|
31
|
+
const external_react_namespaceObject = require("react");
|
|
32
|
+
const index_cjs_namespaceObject = require("../../core/index.cjs");
|
|
33
|
+
const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
|
|
34
|
+
const BaseCanvas_constants_cjs_namespaceObject = require("../BaseCanvas/BaseCanvas.constants.cjs");
|
|
35
|
+
const external_applyDiffHighlight_cjs_namespaceObject = require("./applyDiffHighlight.cjs");
|
|
36
|
+
const VIEWPORT_EPSILON = 1e-3;
|
|
37
|
+
const DIFF_PANE_FIT_VIEW_OPTIONS = {
|
|
38
|
+
...BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions,
|
|
39
|
+
padding: 0.2,
|
|
40
|
+
maxZoom: BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom["default"]
|
|
41
|
+
};
|
|
42
|
+
function viewportsClose(a, b) {
|
|
43
|
+
return !!a && !!b && Math.abs(a.x - b.x) < VIEWPORT_EPSILON && Math.abs(a.y - b.y) < VIEWPORT_EPSILON && Math.abs(a.zoom - b.zoom) < VIEWPORT_EPSILON;
|
|
44
|
+
}
|
|
45
|
+
function carryMeasurements(previous, next) {
|
|
46
|
+
const previousById = new Map(previous.map((node)=>[
|
|
47
|
+
node.id,
|
|
48
|
+
node
|
|
49
|
+
]));
|
|
50
|
+
return next.map((node)=>{
|
|
51
|
+
const prior = previousById.get(node.id);
|
|
52
|
+
if (!prior || node.measured || !prior.measured) return node;
|
|
53
|
+
return {
|
|
54
|
+
...node,
|
|
55
|
+
measured: prior.measured,
|
|
56
|
+
width: node.width ?? prior.width,
|
|
57
|
+
height: node.height ?? prior.height
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
function useLocalLayoutNodes(nodes) {
|
|
62
|
+
const [layoutNodes, setLayoutNodes] = (0, external_react_namespaceObject.useState)(nodes);
|
|
63
|
+
const [sourceNodes, setSourceNodes] = (0, external_react_namespaceObject.useState)(nodes);
|
|
64
|
+
if (sourceNodes !== nodes) {
|
|
65
|
+
setSourceNodes(nodes);
|
|
66
|
+
setLayoutNodes((previous)=>carryMeasurements(previous, nodes));
|
|
67
|
+
}
|
|
68
|
+
const onNodesChange = (0, external_react_namespaceObject.useCallback)((changes)=>{
|
|
69
|
+
const layoutChanges = changes.filter((change)=>'select' !== change.type && 'remove' !== change.type && 'add' !== change.type);
|
|
70
|
+
if (layoutChanges.length > 0) setLayoutNodes((current)=>(0, react_cjs_namespaceObject.applyNodeChanges)(layoutChanges, current));
|
|
71
|
+
}, []);
|
|
72
|
+
return [
|
|
73
|
+
layoutNodes,
|
|
74
|
+
onNodesChange
|
|
75
|
+
];
|
|
76
|
+
}
|
|
77
|
+
function DiffPaneCanvas({ nodes, edges, highlight, selectedNodeId, onSelectNode, viewport, onViewportChange, fitViewOnMount, nodeTypes, edgeTypes, canvasProps, children }) {
|
|
78
|
+
const { fitView, getViewport, setViewport } = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
79
|
+
const marked = (0, external_react_namespaceObject.useMemo)(()=>(0, external_applyDiffHighlight_cjs_namespaceObject.applyDiffHighlight)(nodes, edges, highlight), [
|
|
80
|
+
nodes,
|
|
81
|
+
edges,
|
|
82
|
+
highlight
|
|
83
|
+
]);
|
|
84
|
+
const [layoutNodes, handleNodesChange] = useLocalLayoutNodes(marked.nodes);
|
|
85
|
+
const renderedNodes = (0, external_react_namespaceObject.useMemo)(()=>layoutNodes.map((node)=>{
|
|
86
|
+
const selected = node.id === selectedNodeId;
|
|
87
|
+
return !!node.selected === selected ? node : {
|
|
88
|
+
...node,
|
|
89
|
+
selected
|
|
90
|
+
};
|
|
91
|
+
}), [
|
|
92
|
+
layoutNodes,
|
|
93
|
+
selectedNodeId
|
|
94
|
+
]);
|
|
95
|
+
const userOnNodeClick = canvasProps?.onNodeClick;
|
|
96
|
+
const handleNodeClick = (0, external_react_namespaceObject.useCallback)((event, node)=>{
|
|
97
|
+
onSelectNode(node.id);
|
|
98
|
+
userOnNodeClick?.(event, node);
|
|
99
|
+
}, [
|
|
100
|
+
onSelectNode,
|
|
101
|
+
userOnNodeClick
|
|
102
|
+
]);
|
|
103
|
+
const userOnPaneClick = canvasProps?.onPaneClick;
|
|
104
|
+
const handlePaneClick = (0, external_react_namespaceObject.useCallback)((event)=>{
|
|
105
|
+
onSelectNode(void 0);
|
|
106
|
+
userOnPaneClick?.(event);
|
|
107
|
+
}, [
|
|
108
|
+
onSelectNode,
|
|
109
|
+
userOnPaneClick
|
|
110
|
+
]);
|
|
111
|
+
const initialViewport = (0, external_react_namespaceObject.useRef)(viewport).current;
|
|
112
|
+
const fitViewOptions = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
113
|
+
...DIFF_PANE_FIT_VIEW_OPTIONS,
|
|
114
|
+
...canvasProps?.fitViewOptions
|
|
115
|
+
}), [
|
|
116
|
+
canvasProps?.fitViewOptions
|
|
117
|
+
]);
|
|
118
|
+
const nodesInitialized = (0, react_cjs_namespaceObject.useNodesInitialized)();
|
|
119
|
+
const fitPending = (0, external_react_namespaceObject.useRef)(fitViewOnMount);
|
|
120
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
121
|
+
if (!fitPending.current || !nodesInitialized) return;
|
|
122
|
+
fitPending.current = false;
|
|
123
|
+
fitView({
|
|
124
|
+
...fitViewOptions,
|
|
125
|
+
duration: 0
|
|
126
|
+
});
|
|
127
|
+
}, [
|
|
128
|
+
nodesInitialized,
|
|
129
|
+
fitView,
|
|
130
|
+
fitViewOptions
|
|
131
|
+
]);
|
|
132
|
+
const appliedViewport = (0, external_react_namespaceObject.useRef)(void 0);
|
|
133
|
+
const userOnMove = canvasProps?.onMove;
|
|
134
|
+
const handleMove = (0, external_react_namespaceObject.useCallback)((event, next)=>{
|
|
135
|
+
userOnMove?.(event, next);
|
|
136
|
+
if (viewportsClose(appliedViewport.current, next)) return;
|
|
137
|
+
appliedViewport.current = void 0;
|
|
138
|
+
onViewportChange(next);
|
|
139
|
+
}, [
|
|
140
|
+
onViewportChange,
|
|
141
|
+
userOnMove
|
|
142
|
+
]);
|
|
143
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
144
|
+
if (!viewport || viewportsClose(getViewport(), viewport)) return;
|
|
145
|
+
appliedViewport.current = viewport;
|
|
146
|
+
setViewport(viewport);
|
|
147
|
+
}, [
|
|
148
|
+
viewport,
|
|
149
|
+
getViewport,
|
|
150
|
+
setViewport
|
|
151
|
+
]);
|
|
152
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
|
|
153
|
+
...canvasProps,
|
|
154
|
+
fitViewOptions: fitViewOptions,
|
|
155
|
+
viewport: void 0,
|
|
156
|
+
onViewportChange: void 0,
|
|
157
|
+
maintainNodesInView: void 0,
|
|
158
|
+
defaultViewport: initialViewport,
|
|
159
|
+
mode: "view",
|
|
160
|
+
nodes: renderedNodes,
|
|
161
|
+
edges: marked.edges,
|
|
162
|
+
nodeTypes: nodeTypes,
|
|
163
|
+
edgeTypes: edgeTypes,
|
|
164
|
+
onNodesChange: handleNodesChange,
|
|
165
|
+
onNodeClick: handleNodeClick,
|
|
166
|
+
onPaneClick: handlePaneClick,
|
|
167
|
+
onMove: handleMove,
|
|
168
|
+
children: children
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
function ApolloCanvasDiffPane(props) {
|
|
172
|
+
const canvas = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
|
|
173
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DiffPaneCanvas, {
|
|
174
|
+
...props
|
|
175
|
+
})
|
|
176
|
+
});
|
|
177
|
+
return props.manifest ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.NodeRegistryProvider, {
|
|
178
|
+
manifest: props.manifest,
|
|
179
|
+
children: canvas
|
|
180
|
+
}) : canvas;
|
|
181
|
+
}
|
|
182
|
+
exports.ApolloCanvasDiffPane = __webpack_exports__.ApolloCanvasDiffPane;
|
|
183
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
184
|
+
"ApolloCanvasDiffPane"
|
|
185
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
186
|
+
Object.defineProperty(exports, '__esModule', {
|
|
187
|
+
value: true
|
|
188
|
+
});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Edge, EdgeTypes, Node, NodeTypes } from '../../xyflow/react.ts';
|
|
2
|
+
import { type ReactNode } from 'react';
|
|
3
|
+
import type { CategoryManifest, NodeManifest } from '../../schema/node-definition';
|
|
4
|
+
import { type BaseCanvasProps } from '../BaseCanvas';
|
|
5
|
+
import type { DiffPaneContext } from './CanvasDiffView.types';
|
|
6
|
+
export type ApolloCanvasDiffPaneCanvasProps<N extends Node, E extends Edge> = Omit<BaseCanvasProps<N, E>, 'nodes' | 'edges' | 'mode' | 'nodeTypes' | 'edgeTypes' | 'children' | 'onNodesChange' | 'fitView' | 'defaultViewport' | 'viewport' | 'onViewportChange' | 'maintainNodesInView'>;
|
|
7
|
+
export interface ApolloCanvasDiffPaneProps<N extends Node = Node, E extends Edge = Edge> extends Omit<DiffPaneContext<N, E>, 'side' | 'changePhases'> {
|
|
8
|
+
nodeTypes?: NodeTypes;
|
|
9
|
+
edgeTypes?: EdgeTypes;
|
|
10
|
+
manifest?: {
|
|
11
|
+
nodes: NodeManifest[];
|
|
12
|
+
categories: CategoryManifest[];
|
|
13
|
+
};
|
|
14
|
+
canvasProps?: ApolloCanvasDiffPaneCanvasProps<N, E>;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export declare function ApolloCanvasDiffPane<N extends Node = Node, E extends Edge = Edge>(props: ApolloCanvasDiffPaneProps<N, E>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=ApolloCanvasDiffPane.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ApolloCanvasDiffPane.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,SAAS,EACT,IAAI,EAGJ,SAAS,EAEV,MAAM,0CAA0C,CAAC;AAOlD,OAAO,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAC;AAE1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,wBAAwB,CAAC;AA6D5E,MAAM,MAAM,+BAA+B,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,IAAI,IAAI,IAAI,CAChF,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EACnB,OAAO,GACP,OAAO,GACP,MAAM,GACN,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,GACf,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,kBAAkB,GAClB,qBAAqB,CACxB,CAAC;AAGF,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EAAE,CAAC,SAAS,IAAI,GAAG,IAAI,CACrF,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,EAAE,CAAC;QAAC,UAAU,EAAE,gBAAgB,EAAE,CAAA;KAAE,CAAC;IAErE,WAAW,CAAC,EAAE,+BAA+B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuHD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EAAE,CAAC,SAAS,IAAI,GAAG,IAAI,EAC/E,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,2CAYvC"}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ReactFlowProvider, applyNodeChanges, useNodesInitialized, useReactFlow } from "../../xyflow/react.js";
|
|
3
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
4
|
+
import { NodeRegistryProvider } from "../../core/index.js";
|
|
5
|
+
import { BaseCanvas } from "../BaseCanvas/index.js";
|
|
6
|
+
import { BASE_CANVAS_DEFAULTS } from "../BaseCanvas/BaseCanvas.constants.js";
|
|
7
|
+
import { applyDiffHighlight } from "./applyDiffHighlight.js";
|
|
8
|
+
const VIEWPORT_EPSILON = 1e-3;
|
|
9
|
+
const DIFF_PANE_FIT_VIEW_OPTIONS = {
|
|
10
|
+
...BASE_CANVAS_DEFAULTS.fitViewOptions,
|
|
11
|
+
padding: 0.2,
|
|
12
|
+
maxZoom: BASE_CANVAS_DEFAULTS.zoom["default"]
|
|
13
|
+
};
|
|
14
|
+
function viewportsClose(a, b) {
|
|
15
|
+
return !!a && !!b && Math.abs(a.x - b.x) < VIEWPORT_EPSILON && Math.abs(a.y - b.y) < VIEWPORT_EPSILON && Math.abs(a.zoom - b.zoom) < VIEWPORT_EPSILON;
|
|
16
|
+
}
|
|
17
|
+
function carryMeasurements(previous, next) {
|
|
18
|
+
const previousById = new Map(previous.map((node)=>[
|
|
19
|
+
node.id,
|
|
20
|
+
node
|
|
21
|
+
]));
|
|
22
|
+
return next.map((node)=>{
|
|
23
|
+
const prior = previousById.get(node.id);
|
|
24
|
+
if (!prior || node.measured || !prior.measured) return node;
|
|
25
|
+
return {
|
|
26
|
+
...node,
|
|
27
|
+
measured: prior.measured,
|
|
28
|
+
width: node.width ?? prior.width,
|
|
29
|
+
height: node.height ?? prior.height
|
|
30
|
+
};
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function useLocalLayoutNodes(nodes) {
|
|
34
|
+
const [layoutNodes, setLayoutNodes] = useState(nodes);
|
|
35
|
+
const [sourceNodes, setSourceNodes] = useState(nodes);
|
|
36
|
+
if (sourceNodes !== nodes) {
|
|
37
|
+
setSourceNodes(nodes);
|
|
38
|
+
setLayoutNodes((previous)=>carryMeasurements(previous, nodes));
|
|
39
|
+
}
|
|
40
|
+
const onNodesChange = useCallback((changes)=>{
|
|
41
|
+
const layoutChanges = changes.filter((change)=>'select' !== change.type && 'remove' !== change.type && 'add' !== change.type);
|
|
42
|
+
if (layoutChanges.length > 0) setLayoutNodes((current)=>applyNodeChanges(layoutChanges, current));
|
|
43
|
+
}, []);
|
|
44
|
+
return [
|
|
45
|
+
layoutNodes,
|
|
46
|
+
onNodesChange
|
|
47
|
+
];
|
|
48
|
+
}
|
|
49
|
+
function DiffPaneCanvas({ nodes, edges, highlight, selectedNodeId, onSelectNode, viewport, onViewportChange, fitViewOnMount, nodeTypes, edgeTypes, canvasProps, children }) {
|
|
50
|
+
const { fitView, getViewport, setViewport } = useReactFlow();
|
|
51
|
+
const marked = useMemo(()=>applyDiffHighlight(nodes, edges, highlight), [
|
|
52
|
+
nodes,
|
|
53
|
+
edges,
|
|
54
|
+
highlight
|
|
55
|
+
]);
|
|
56
|
+
const [layoutNodes, handleNodesChange] = useLocalLayoutNodes(marked.nodes);
|
|
57
|
+
const renderedNodes = useMemo(()=>layoutNodes.map((node)=>{
|
|
58
|
+
const selected = node.id === selectedNodeId;
|
|
59
|
+
return !!node.selected === selected ? node : {
|
|
60
|
+
...node,
|
|
61
|
+
selected
|
|
62
|
+
};
|
|
63
|
+
}), [
|
|
64
|
+
layoutNodes,
|
|
65
|
+
selectedNodeId
|
|
66
|
+
]);
|
|
67
|
+
const userOnNodeClick = canvasProps?.onNodeClick;
|
|
68
|
+
const handleNodeClick = useCallback((event, node)=>{
|
|
69
|
+
onSelectNode(node.id);
|
|
70
|
+
userOnNodeClick?.(event, node);
|
|
71
|
+
}, [
|
|
72
|
+
onSelectNode,
|
|
73
|
+
userOnNodeClick
|
|
74
|
+
]);
|
|
75
|
+
const userOnPaneClick = canvasProps?.onPaneClick;
|
|
76
|
+
const handlePaneClick = useCallback((event)=>{
|
|
77
|
+
onSelectNode(void 0);
|
|
78
|
+
userOnPaneClick?.(event);
|
|
79
|
+
}, [
|
|
80
|
+
onSelectNode,
|
|
81
|
+
userOnPaneClick
|
|
82
|
+
]);
|
|
83
|
+
const initialViewport = useRef(viewport).current;
|
|
84
|
+
const fitViewOptions = useMemo(()=>({
|
|
85
|
+
...DIFF_PANE_FIT_VIEW_OPTIONS,
|
|
86
|
+
...canvasProps?.fitViewOptions
|
|
87
|
+
}), [
|
|
88
|
+
canvasProps?.fitViewOptions
|
|
89
|
+
]);
|
|
90
|
+
const nodesInitialized = useNodesInitialized();
|
|
91
|
+
const fitPending = useRef(fitViewOnMount);
|
|
92
|
+
useEffect(()=>{
|
|
93
|
+
if (!fitPending.current || !nodesInitialized) return;
|
|
94
|
+
fitPending.current = false;
|
|
95
|
+
fitView({
|
|
96
|
+
...fitViewOptions,
|
|
97
|
+
duration: 0
|
|
98
|
+
});
|
|
99
|
+
}, [
|
|
100
|
+
nodesInitialized,
|
|
101
|
+
fitView,
|
|
102
|
+
fitViewOptions
|
|
103
|
+
]);
|
|
104
|
+
const appliedViewport = useRef(void 0);
|
|
105
|
+
const userOnMove = canvasProps?.onMove;
|
|
106
|
+
const handleMove = useCallback((event, next)=>{
|
|
107
|
+
userOnMove?.(event, next);
|
|
108
|
+
if (viewportsClose(appliedViewport.current, next)) return;
|
|
109
|
+
appliedViewport.current = void 0;
|
|
110
|
+
onViewportChange(next);
|
|
111
|
+
}, [
|
|
112
|
+
onViewportChange,
|
|
113
|
+
userOnMove
|
|
114
|
+
]);
|
|
115
|
+
useEffect(()=>{
|
|
116
|
+
if (!viewport || viewportsClose(getViewport(), viewport)) return;
|
|
117
|
+
appliedViewport.current = viewport;
|
|
118
|
+
setViewport(viewport);
|
|
119
|
+
}, [
|
|
120
|
+
viewport,
|
|
121
|
+
getViewport,
|
|
122
|
+
setViewport
|
|
123
|
+
]);
|
|
124
|
+
return /*#__PURE__*/ jsx(BaseCanvas, {
|
|
125
|
+
...canvasProps,
|
|
126
|
+
fitViewOptions: fitViewOptions,
|
|
127
|
+
viewport: void 0,
|
|
128
|
+
onViewportChange: void 0,
|
|
129
|
+
maintainNodesInView: void 0,
|
|
130
|
+
defaultViewport: initialViewport,
|
|
131
|
+
mode: "view",
|
|
132
|
+
nodes: renderedNodes,
|
|
133
|
+
edges: marked.edges,
|
|
134
|
+
nodeTypes: nodeTypes,
|
|
135
|
+
edgeTypes: edgeTypes,
|
|
136
|
+
onNodesChange: handleNodesChange,
|
|
137
|
+
onNodeClick: handleNodeClick,
|
|
138
|
+
onPaneClick: handlePaneClick,
|
|
139
|
+
onMove: handleMove,
|
|
140
|
+
children: children
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
function ApolloCanvasDiffPane(props) {
|
|
144
|
+
const canvas = /*#__PURE__*/ jsx(ReactFlowProvider, {
|
|
145
|
+
children: /*#__PURE__*/ jsx(DiffPaneCanvas, {
|
|
146
|
+
...props
|
|
147
|
+
})
|
|
148
|
+
});
|
|
149
|
+
return props.manifest ? /*#__PURE__*/ jsx(NodeRegistryProvider, {
|
|
150
|
+
manifest: props.manifest,
|
|
151
|
+
children: canvas
|
|
152
|
+
}) : canvas;
|
|
153
|
+
}
|
|
154
|
+
export { ApolloCanvasDiffPane };
|