@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.
Files changed (77) hide show
  1. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs +1 -1
  2. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
  3. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +1 -1
  4. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +1 -1
  5. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
  6. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +1 -1
  7. package/dist/canvas/components/BaseNode/BaseNode.cjs +2 -1
  8. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  9. package/dist/canvas/components/BaseNode/BaseNode.js +2 -1
  10. package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +2 -0
  11. package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
  12. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts +1 -1
  13. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -1
  14. package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.cjs +188 -0
  15. package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.d.ts +18 -0
  16. package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.d.ts.map +1 -0
  17. package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.js +154 -0
  18. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.cjs +470 -0
  19. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.d.ts +3 -0
  20. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.d.ts.map +1 -0
  21. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.js +436 -0
  22. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.cjs +18 -0
  23. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.d.ts +76 -0
  24. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.d.ts.map +1 -0
  25. package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.js +0 -0
  26. package/dist/canvas/components/CanvasDiffView/CodeDiffView.cjs +220 -0
  27. package/dist/canvas/components/CanvasDiffView/CodeDiffView.d.ts +7 -0
  28. package/dist/canvas/components/CanvasDiffView/CodeDiffView.d.ts.map +1 -0
  29. package/dist/canvas/components/CanvasDiffView/CodeDiffView.js +186 -0
  30. package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.cjs +57 -0
  31. package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.d.ts +7 -0
  32. package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.d.ts.map +1 -0
  33. package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.js +23 -0
  34. package/dist/canvas/components/CanvasDiffView/diffById.cjs +110 -0
  35. package/dist/canvas/components/CanvasDiffView/diffById.d.ts +15 -0
  36. package/dist/canvas/components/CanvasDiffView/diffById.d.ts.map +1 -0
  37. package/dist/canvas/components/CanvasDiffView/diffById.js +76 -0
  38. package/dist/canvas/components/CanvasDiffView/index.cjs +93 -0
  39. package/dist/canvas/components/CanvasDiffView/index.d.ts +7 -0
  40. package/dist/canvas/components/CanvasDiffView/index.d.ts.map +1 -0
  41. package/dist/canvas/components/CanvasDiffView/index.js +6 -0
  42. package/dist/canvas/components/CanvasDiffView/lineDiff.cjs +116 -0
  43. package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts +7 -0
  44. package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts.map +1 -0
  45. package/dist/canvas/components/CanvasDiffView/lineDiff.js +79 -0
  46. package/dist/canvas/components/Edges/CanvasEdge.cjs +5 -1
  47. package/dist/canvas/components/Edges/CanvasEdge.d.ts.map +1 -1
  48. package/dist/canvas/components/Edges/CanvasEdge.js +5 -1
  49. package/dist/canvas/components/Edges/shared/constants.cjs +1 -0
  50. package/dist/canvas/components/Edges/shared/constants.d.ts +1 -0
  51. package/dist/canvas/components/Edges/shared/constants.d.ts.map +1 -1
  52. package/dist/canvas/components/Edges/shared/constants.js +1 -0
  53. package/dist/canvas/components/Edges/shared/resolveEdgeColor.cjs +4 -1
  54. package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts +2 -0
  55. package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts.map +1 -1
  56. package/dist/canvas/components/Edges/shared/resolveEdgeColor.js +4 -1
  57. package/dist/canvas/components/Edges/shared/types.d.ts +2 -0
  58. package/dist/canvas/components/Edges/shared/types.d.ts.map +1 -1
  59. package/dist/canvas/components/Guardrails/__fixtures__/definitions-wire.fixtures.d.ts +3 -0
  60. package/dist/canvas/components/Guardrails/__fixtures__/definitions-wire.fixtures.d.ts.map +1 -1
  61. package/dist/canvas/components/Guardrails/__fixtures__/host-copy-baselines.d.ts.map +1 -1
  62. package/dist/canvas/components/Guardrails/centralized-guardrail-utils.cjs +12 -1
  63. package/dist/canvas/components/Guardrails/centralized-guardrail-utils.d.ts.map +1 -1
  64. package/dist/canvas/components/Guardrails/centralized-guardrail-utils.js +12 -1
  65. package/dist/canvas/components/Guardrails/centralized-types.d.ts.map +1 -1
  66. package/dist/canvas/components/Guardrails/definitions-copy.cjs +174 -1
  67. package/dist/canvas/components/Guardrails/definitions-copy.d.ts.map +1 -1
  68. package/dist/canvas/components/Guardrails/definitions-copy.js +174 -1
  69. package/dist/canvas/components/index.cjs +69 -62
  70. package/dist/canvas/components/index.d.ts +1 -0
  71. package/dist/canvas/components/index.d.ts.map +1 -1
  72. package/dist/canvas/components/index.js +1 -0
  73. package/dist/canvas/locales/en.cjs +1 -1
  74. package/dist/canvas/locales/en.d.ts.map +1 -1
  75. package/dist/canvas/locales/en.js +1 -1
  76. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  77. 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 : void 0;
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;AAikBD,eAAO,MAAM,gBAAgB,8CAxDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAwD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,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;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 : void 0;
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 : void 0;
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,6CA2brB,CAAC"}
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 : void 0;
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;AAgtB1B,eAAO,MAAM,QAAQ,8CA3qBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA2qBmB,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;IAC3D,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"}
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;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;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"}
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 };