@uipath/apollo-react 4.5.1 → 4.5.2-pr525.171b58a

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 (82) hide show
  1. package/dist/canvas/components/BaseNode/BaseNode.cjs +55 -74
  2. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  3. package/dist/canvas/components/BaseNode/BaseNode.js +50 -69
  4. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.cjs +67 -0
  5. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.d.ts +9 -0
  6. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.d.ts.map +1 -0
  7. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.js +33 -0
  8. package/dist/canvas/components/BaseNode/BaseNodeContainer.cjs +87 -0
  9. package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts +23 -0
  10. package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts.map +1 -0
  11. package/dist/canvas/components/BaseNode/BaseNodeContainer.js +50 -0
  12. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.cjs +65 -0
  13. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.d.ts +14 -0
  14. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.d.ts.map +1 -0
  15. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.js +31 -0
  16. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.cjs +67 -0
  17. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.d.ts +9 -0
  18. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.d.ts.map +1 -0
  19. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.js +33 -0
  20. package/dist/canvas/components/BaseNode/BaseNodeTextContainer.cjs +51 -0
  21. package/dist/canvas/components/BaseNode/BaseNodeTextContainer.d.ts +9 -0
  22. package/dist/canvas/components/BaseNode/BaseNodeTextContainer.d.ts.map +1 -0
  23. package/dist/canvas/components/BaseNode/BaseNodeTextContainer.js +17 -0
  24. package/dist/canvas/components/BaseNode/NodeLabel.cjs +48 -18
  25. package/dist/canvas/components/BaseNode/NodeLabel.d.ts +1 -1
  26. package/dist/canvas/components/BaseNode/NodeLabel.d.ts.map +1 -1
  27. package/dist/canvas/components/BaseNode/NodeLabel.js +44 -14
  28. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +4 -7
  29. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
  30. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +4 -7
  31. package/dist/canvas/constants.cjs +60 -0
  32. package/dist/canvas/constants.d.ts +15 -0
  33. package/dist/canvas/constants.d.ts.map +1 -1
  34. package/dist/canvas/constants.js +16 -1
  35. package/dist/canvas/index.cjs +39 -35
  36. package/dist/canvas/index.d.ts +1 -0
  37. package/dist/canvas/index.d.ts.map +1 -1
  38. package/dist/canvas/index.js +1 -0
  39. package/dist/canvas/styles/reactflow-reset.css +12 -0
  40. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  41. package/dist/material/components/ap-chat/components/message/suggestions/chat-suggestions.cjs +1 -0
  42. package/dist/material/components/ap-chat/components/message/suggestions/chat-suggestions.d.ts.map +1 -1
  43. package/dist/material/components/ap-chat/components/message/suggestions/chat-suggestions.js +1 -0
  44. package/dist/material/components/ap-tool-call/ApToolCall.cjs +127 -41
  45. package/dist/material/components/ap-tool-call/ApToolCall.d.ts.map +1 -1
  46. package/dist/material/components/ap-tool-call/ApToolCall.js +123 -38
  47. package/dist/material/components/ap-tool-call/ApToolCall.types.cjs +23 -1
  48. package/dist/material/components/ap-tool-call/ApToolCall.types.d.ts +9 -1
  49. package/dist/material/components/ap-tool-call/ApToolCall.types.d.ts.map +1 -1
  50. package/dist/material/components/ap-tool-call/ApToolCall.types.js +6 -0
  51. package/dist/material/components/ap-tool-call/assets/spanIcons.cjs +221 -0
  52. package/dist/material/components/ap-tool-call/assets/spanIcons.d.ts +2 -0
  53. package/dist/material/components/ap-tool-call/assets/spanIcons.d.ts.map +1 -0
  54. package/dist/material/components/ap-tool-call/assets/spanIcons.js +187 -0
  55. package/dist/material/components/ap-tool-call/components/NestedValue.d.ts +4 -0
  56. package/dist/material/components/ap-tool-call/components/NestedValue.d.ts.map +1 -0
  57. package/dist/material/components/ap-tool-call/{ToolCallSection.cjs → components/ToolCallSection.cjs} +5 -1
  58. package/dist/material/components/ap-tool-call/components/ToolCallSection.d.ts +4 -0
  59. package/dist/material/components/ap-tool-call/components/ToolCallSection.d.ts.map +1 -0
  60. package/dist/material/components/ap-tool-call/{ToolCallSection.js → components/ToolCallSection.js} +5 -1
  61. package/dist/material/components/ap-tool-call/index.cjs +8 -4
  62. package/dist/material/components/ap-tool-call/index.d.ts +4 -3
  63. package/dist/material/components/ap-tool-call/index.d.ts.map +1 -1
  64. package/dist/material/components/ap-tool-call/index.js +4 -3
  65. package/dist/material/components/ap-tool-call/locales/en.cjs +1 -1
  66. package/dist/material/components/ap-tool-call/locales/en.d.ts.map +1 -1
  67. package/dist/material/components/ap-tool-call/locales/en.js +1 -1
  68. package/dist/material/components/ap-tool-call/utils/traceIconUtils.cjs +254 -0
  69. package/dist/material/components/ap-tool-call/utils/traceIconUtils.d.ts +3 -0
  70. package/dist/material/components/ap-tool-call/utils/traceIconUtils.d.ts.map +1 -0
  71. package/dist/material/components/ap-tool-call/utils/traceIconUtils.js +220 -0
  72. package/package.json +2 -2
  73. package/dist/canvas/components/BaseNode/BaseNode.styles.cjs +0 -410
  74. package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts +0 -75
  75. package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts.map +0 -1
  76. package/dist/canvas/components/BaseNode/BaseNode.styles.js +0 -342
  77. package/dist/material/components/ap-tool-call/NestedValue.d.ts +0 -4
  78. package/dist/material/components/ap-tool-call/NestedValue.d.ts.map +0 -1
  79. package/dist/material/components/ap-tool-call/ToolCallSection.d.ts +0 -4
  80. package/dist/material/components/ap-tool-call/ToolCallSection.d.ts.map +0 -1
  81. /package/dist/material/components/ap-tool-call/{NestedValue.cjs → components/NestedValue.cjs} +0 -0
  82. /package/dist/material/components/ap-tool-call/{NestedValue.js → components/NestedValue.js} +0 -0
@@ -40,19 +40,16 @@ const external_constants_cjs_namespaceObject = require("../../constants.cjs");
40
40
  const isHorizontalEdge = (position)=>position === react_cjs_namespaceObject.Position.Top || position === react_cjs_namespaceObject.Position.Bottom;
41
41
  const isVerticalEdge = (position)=>position === react_cjs_namespaceObject.Position.Left || position === react_cjs_namespaceObject.Position.Right;
42
42
  const snapToGrid = (value, gridSize = external_constants_cjs_namespaceObject.GRID_SPACING)=>Math.round(value / gridSize) * gridSize;
43
- const calculateGridAlignedHandlePositions = (nodeSize, numHandles, gridSize = external_constants_cjs_namespaceObject.GRID_SPACING)=>{
43
+ const calculateGridAlignedHandlePositions = (nodeSize, numHandles, gridSize = external_constants_cjs_namespaceObject.GRID_SPACING / 2)=>{
44
44
  if (0 === numHandles) return [];
45
45
  if (nodeSize <= 0) return [];
46
46
  const idealSpacing = nodeSize / (numHandles + 1);
47
- const gridAlignedSpacing = Math.round(idealSpacing / gridSize) * gridSize;
47
+ const roundedSpacing = Math.round(idealSpacing / gridSize) * gridSize;
48
+ const gridAlignedSpacing = Math.max(gridSize, roundedSpacing);
48
49
  const totalSpan = (numHandles - 1) * gridAlignedSpacing;
49
50
  const startPosition = (nodeSize - totalSpan) / 2;
50
51
  const positions = [];
51
- for(let i = 0; i < numHandles; i++){
52
- const position = startPosition + i * gridAlignedSpacing;
53
- const snappedPosition = snapToGrid(position, gridSize);
54
- positions.push(snappedPosition);
55
- }
52
+ for(let i = 0; i < numHandles; i++)positions.push(startPosition + i * gridAlignedSpacing);
56
53
  return positions;
57
54
  };
58
55
  const pixelToPercent = (pixelPosition, nodeSize)=>{
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonHandleStyleUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandleStyleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAoB/F,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,WAAU,MAAqB,KAAG,MAE3E,CAAC;AASF,eAAO,MAAM,mCAAmC,GAC9C,UAAU,MAAM,EAChB,YAAY,MAAM,EAClB,WAAU,MAAqB,KAC9B,MAAM,EAuBR,CAAC;AAQF,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,UAAU,MAAM,KAAG,MAGxE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,wCAIxC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,MAMH,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,yCAIzC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAMH,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,uEAMlC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,uEAMrC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,sEAMnC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,sEAMpC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yCAGhC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE,KAAG,MAgBH,CAAC"}
1
+ {"version":3,"file":"ButtonHandleStyleUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandleStyleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAoB/F,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,WAAU,MAAqB,KAAG,MAE3E,CAAC;AAmBF,eAAO,MAAM,mCAAmC,GAC9C,UAAU,MAAM,EAChB,YAAY,MAAM,EAClB,WAAU,MAAyB,KAClC,MAAM,EA4BR,CAAC;AAQF,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,UAAU,MAAM,KAAG,MAGxE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,wCAIxC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,MAMH,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,yCAIzC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAMH,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,uEAMlC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,uEAMrC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,sEAMnC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,sEAMpC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yCAGhC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE,KAAG,MAgBH,CAAC"}
@@ -3,19 +3,16 @@ import { GRID_SPACING } from "../../constants.js";
3
3
  const isHorizontalEdge = (position)=>position === Position.Top || position === Position.Bottom;
4
4
  const isVerticalEdge = (position)=>position === Position.Left || position === Position.Right;
5
5
  const snapToGrid = (value, gridSize = GRID_SPACING)=>Math.round(value / gridSize) * gridSize;
6
- const calculateGridAlignedHandlePositions = (nodeSize, numHandles, gridSize = GRID_SPACING)=>{
6
+ const calculateGridAlignedHandlePositions = (nodeSize, numHandles, gridSize = GRID_SPACING / 2)=>{
7
7
  if (0 === numHandles) return [];
8
8
  if (nodeSize <= 0) return [];
9
9
  const idealSpacing = nodeSize / (numHandles + 1);
10
- const gridAlignedSpacing = Math.round(idealSpacing / gridSize) * gridSize;
10
+ const roundedSpacing = Math.round(idealSpacing / gridSize) * gridSize;
11
+ const gridAlignedSpacing = Math.max(gridSize, roundedSpacing);
11
12
  const totalSpan = (numHandles - 1) * gridAlignedSpacing;
12
13
  const startPosition = (nodeSize - totalSpan) / 2;
13
14
  const positions = [];
14
- for(let i = 0; i < numHandles; i++){
15
- const position = startPosition + i * gridAlignedSpacing;
16
- const snappedPosition = snapToGrid(position, gridSize);
17
- positions.push(snappedPosition);
18
- }
15
+ for(let i = 0; i < numHandles; i++)positions.push(startPosition + i * gridAlignedSpacing);
19
16
  return positions;
20
17
  };
21
18
  const pixelToPercent = (pixelPosition, nodeSize)=>{
@@ -26,7 +26,22 @@ __webpack_require__.r(__webpack_exports__);
26
26
  __webpack_require__.d(__webpack_exports__, {
27
27
  CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
28
28
  DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
29
+ DEFAULT_RECTANGLE_NODE_WIDTH: ()=>DEFAULT_RECTANGLE_NODE_WIDTH,
29
30
  GRID_SPACING: ()=>GRID_SPACING,
31
+ NODE_BADGE_INSET_CIRCLE: ()=>NODE_BADGE_INSET_CIRCLE,
32
+ NODE_BADGE_INSET_SQUARE: ()=>NODE_BADGE_INSET_SQUARE,
33
+ NODE_BADGE_SIZE: ()=>NODE_BADGE_SIZE,
34
+ NODE_CONTAINER_RADIUS_RATIO: ()=>NODE_CONTAINER_RADIUS_RATIO,
35
+ NODE_ERROR_ICON_SIZE: ()=>NODE_ERROR_ICON_SIZE,
36
+ NODE_HEIGHT_DEFAULT: ()=>NODE_HEIGHT_DEFAULT,
37
+ NODE_HEIGHT_FOOTER_BUTTON: ()=>NODE_HEIGHT_FOOTER_BUTTON,
38
+ NODE_HEIGHT_FOOTER_DOUBLE: ()=>NODE_HEIGHT_FOOTER_DOUBLE,
39
+ NODE_HEIGHT_FOOTER_SINGLE: ()=>NODE_HEIGHT_FOOTER_SINGLE,
40
+ NODE_INNER_ICON_RATIO: ()=>NODE_INNER_ICON_RATIO,
41
+ NODE_INNER_RADIUS_RATIO: ()=>NODE_INNER_RADIUS_RATIO,
42
+ NODE_INNER_SHAPE_RATIO: ()=>NODE_INNER_SHAPE_RATIO,
43
+ NODE_TEXT_BOTTOM_OFFSET: ()=>NODE_TEXT_BOTTOM_OFFSET,
44
+ NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES: ()=>NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES,
30
45
  PREVIEW_EDGE_ID: ()=>PREVIEW_EDGE_ID,
31
46
  PREVIEW_NODE_ID: ()=>PREVIEW_NODE_ID
32
47
  });
@@ -35,15 +50,60 @@ const PREVIEW_EDGE_ID = 'preview-edge-id';
35
50
  const DEFAULT_NODE_SIZE = 96;
36
51
  const GRID_SPACING = 16;
37
52
  const CANVAS_COMPACT_BREAKPOINT = 600;
53
+ const DEFAULT_RECTANGLE_NODE_WIDTH = 288;
54
+ const NODE_HEIGHT_DEFAULT = 6 * GRID_SPACING;
55
+ const NODE_HEIGHT_FOOTER_BUTTON = 9 * GRID_SPACING;
56
+ const NODE_HEIGHT_FOOTER_SINGLE = 10 * GRID_SPACING;
57
+ const NODE_HEIGHT_FOOTER_DOUBLE = 11 * GRID_SPACING;
58
+ const NODE_CONTAINER_RADIUS_RATIO = 32 / DEFAULT_NODE_SIZE;
59
+ const NODE_INNER_SHAPE_RATIO = 80 / DEFAULT_NODE_SIZE;
60
+ const NODE_INNER_ICON_RATIO = 40 / DEFAULT_NODE_SIZE;
61
+ const NODE_INNER_RADIUS_RATIO = 24 / DEFAULT_NODE_SIZE;
62
+ const NODE_ERROR_ICON_SIZE = 40;
63
+ const NODE_TEXT_BOTTOM_OFFSET = -8;
64
+ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
65
+ const NODE_BADGE_SIZE = 20;
66
+ const NODE_BADGE_INSET_SQUARE = 6;
67
+ const NODE_BADGE_INSET_CIRCLE = 12;
38
68
  exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
39
69
  exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
70
+ exports.DEFAULT_RECTANGLE_NODE_WIDTH = __webpack_exports__.DEFAULT_RECTANGLE_NODE_WIDTH;
40
71
  exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
72
+ exports.NODE_BADGE_INSET_CIRCLE = __webpack_exports__.NODE_BADGE_INSET_CIRCLE;
73
+ exports.NODE_BADGE_INSET_SQUARE = __webpack_exports__.NODE_BADGE_INSET_SQUARE;
74
+ exports.NODE_BADGE_SIZE = __webpack_exports__.NODE_BADGE_SIZE;
75
+ exports.NODE_CONTAINER_RADIUS_RATIO = __webpack_exports__.NODE_CONTAINER_RADIUS_RATIO;
76
+ exports.NODE_ERROR_ICON_SIZE = __webpack_exports__.NODE_ERROR_ICON_SIZE;
77
+ exports.NODE_HEIGHT_DEFAULT = __webpack_exports__.NODE_HEIGHT_DEFAULT;
78
+ exports.NODE_HEIGHT_FOOTER_BUTTON = __webpack_exports__.NODE_HEIGHT_FOOTER_BUTTON;
79
+ exports.NODE_HEIGHT_FOOTER_DOUBLE = __webpack_exports__.NODE_HEIGHT_FOOTER_DOUBLE;
80
+ exports.NODE_HEIGHT_FOOTER_SINGLE = __webpack_exports__.NODE_HEIGHT_FOOTER_SINGLE;
81
+ exports.NODE_INNER_ICON_RATIO = __webpack_exports__.NODE_INNER_ICON_RATIO;
82
+ exports.NODE_INNER_RADIUS_RATIO = __webpack_exports__.NODE_INNER_RADIUS_RATIO;
83
+ exports.NODE_INNER_SHAPE_RATIO = __webpack_exports__.NODE_INNER_SHAPE_RATIO;
84
+ exports.NODE_TEXT_BOTTOM_OFFSET = __webpack_exports__.NODE_TEXT_BOTTOM_OFFSET;
85
+ exports.NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = __webpack_exports__.NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES;
41
86
  exports.PREVIEW_EDGE_ID = __webpack_exports__.PREVIEW_EDGE_ID;
42
87
  exports.PREVIEW_NODE_ID = __webpack_exports__.PREVIEW_NODE_ID;
43
88
  for(var __rspack_i in __webpack_exports__)if (-1 === [
44
89
  "CANVAS_COMPACT_BREAKPOINT",
45
90
  "DEFAULT_NODE_SIZE",
91
+ "DEFAULT_RECTANGLE_NODE_WIDTH",
46
92
  "GRID_SPACING",
93
+ "NODE_BADGE_INSET_CIRCLE",
94
+ "NODE_BADGE_INSET_SQUARE",
95
+ "NODE_BADGE_SIZE",
96
+ "NODE_CONTAINER_RADIUS_RATIO",
97
+ "NODE_ERROR_ICON_SIZE",
98
+ "NODE_HEIGHT_DEFAULT",
99
+ "NODE_HEIGHT_FOOTER_BUTTON",
100
+ "NODE_HEIGHT_FOOTER_DOUBLE",
101
+ "NODE_HEIGHT_FOOTER_SINGLE",
102
+ "NODE_INNER_ICON_RATIO",
103
+ "NODE_INNER_RADIUS_RATIO",
104
+ "NODE_INNER_SHAPE_RATIO",
105
+ "NODE_TEXT_BOTTOM_OFFSET",
106
+ "NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES",
47
107
  "PREVIEW_EDGE_ID",
48
108
  "PREVIEW_NODE_ID"
49
109
  ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
@@ -3,4 +3,19 @@ export declare const PREVIEW_EDGE_ID = "preview-edge-id";
3
3
  export declare const DEFAULT_NODE_SIZE = 96;
4
4
  export declare const GRID_SPACING = 16;
5
5
  export declare const CANVAS_COMPACT_BREAKPOINT = 600;
6
+ export declare const DEFAULT_RECTANGLE_NODE_WIDTH = 288;
7
+ export declare const NODE_HEIGHT_DEFAULT: number;
8
+ export declare const NODE_HEIGHT_FOOTER_BUTTON: number;
9
+ export declare const NODE_HEIGHT_FOOTER_SINGLE: number;
10
+ export declare const NODE_HEIGHT_FOOTER_DOUBLE: number;
11
+ export declare const NODE_CONTAINER_RADIUS_RATIO: number;
12
+ export declare const NODE_INNER_SHAPE_RATIO: number;
13
+ export declare const NODE_INNER_ICON_RATIO: number;
14
+ export declare const NODE_INNER_RADIUS_RATIO: number;
15
+ export declare const NODE_ERROR_ICON_SIZE = 40;
16
+ export declare const NODE_TEXT_BOTTOM_OFFSET = -8;
17
+ export declare const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
18
+ export declare const NODE_BADGE_SIZE = 20;
19
+ export declare const NODE_BADGE_INSET_SQUARE = 6;
20
+ export declare const NODE_BADGE_INSET_CIRCLE = 12;
6
21
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAG9D,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
@@ -3,4 +3,19 @@ const PREVIEW_EDGE_ID = 'preview-edge-id';
3
3
  const DEFAULT_NODE_SIZE = 96;
4
4
  const GRID_SPACING = 16;
5
5
  const CANVAS_COMPACT_BREAKPOINT = 600;
6
- export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID };
6
+ const DEFAULT_RECTANGLE_NODE_WIDTH = 288;
7
+ const NODE_HEIGHT_DEFAULT = 6 * GRID_SPACING;
8
+ const NODE_HEIGHT_FOOTER_BUTTON = 9 * GRID_SPACING;
9
+ const NODE_HEIGHT_FOOTER_SINGLE = 10 * GRID_SPACING;
10
+ const NODE_HEIGHT_FOOTER_DOUBLE = 11 * GRID_SPACING;
11
+ const NODE_CONTAINER_RADIUS_RATIO = 32 / DEFAULT_NODE_SIZE;
12
+ const NODE_INNER_SHAPE_RATIO = 80 / DEFAULT_NODE_SIZE;
13
+ const NODE_INNER_ICON_RATIO = 40 / DEFAULT_NODE_SIZE;
14
+ const NODE_INNER_RADIUS_RATIO = 24 / DEFAULT_NODE_SIZE;
15
+ const NODE_ERROR_ICON_SIZE = 40;
16
+ const NODE_TEXT_BOTTOM_OFFSET = -8;
17
+ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
18
+ const NODE_BADGE_SIZE = 20;
19
+ const NODE_BADGE_INSET_SQUARE = 6;
20
+ const NODE_BADGE_INSET_CIRCLE = 12;
21
+ export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID };
@@ -24,6 +24,9 @@ var __webpack_modules__ = {
24
24
  "./schema" (module) {
25
25
  module.exports = require("./schema/index.cjs");
26
26
  },
27
+ "./styles/reactflow-reset.css" (module) {
28
+ module.exports = require("./styles/reactflow-reset.css");
29
+ },
27
30
  "./styles/variables.css" (module) {
28
31
  module.exports = require("./styles/variables.css");
29
32
  },
@@ -84,86 +87,87 @@ var __webpack_exports__ = {};
84
87
  (()=>{
85
88
  __webpack_require__.r(__webpack_exports__);
86
89
  __webpack_require__.d(__webpack_exports__, {
87
- Icons: ()=>_icons__rspack_import_6
90
+ Icons: ()=>_icons__rspack_import_7
88
91
  });
89
92
  __webpack_require__("./styles/variables.css");
90
- var _components__rspack_import_1 = __webpack_require__("./components");
93
+ __webpack_require__("./styles/reactflow-reset.css");
94
+ var _components__rspack_import_2 = __webpack_require__("./components");
91
95
  var __rspack_reexport = {};
92
- for(const __rspack_import_key in _components__rspack_import_1)if ([
96
+ for(const __rspack_import_key in _components__rspack_import_2)if ([
93
97
  "Icons",
94
98
  "default"
95
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_components__rspack_import_1[__rspack_import_key];
99
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_components__rspack_import_2[__rspack_import_key];
96
100
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
97
- var _constants__rspack_import_2 = __webpack_require__("./constants");
101
+ var _constants__rspack_import_3 = __webpack_require__("./constants");
98
102
  var __rspack_reexport = {};
99
- for(const __rspack_import_key in _constants__rspack_import_2)if ([
103
+ for(const __rspack_import_key in _constants__rspack_import_3)if ([
100
104
  "Icons",
101
105
  "default"
102
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_constants__rspack_import_2[__rspack_import_key];
106
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_constants__rspack_import_3[__rspack_import_key];
103
107
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
104
- var _controls__rspack_import_3 = __webpack_require__("./controls");
108
+ var _controls__rspack_import_4 = __webpack_require__("./controls");
105
109
  var __rspack_reexport = {};
106
- for(const __rspack_import_key in _controls__rspack_import_3)if ([
110
+ for(const __rspack_import_key in _controls__rspack_import_4)if ([
107
111
  "Icons",
108
112
  "default"
109
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_controls__rspack_import_3[__rspack_import_key];
113
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_controls__rspack_import_4[__rspack_import_key];
110
114
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
111
- var _core__rspack_import_4 = __webpack_require__("./core");
115
+ var _core__rspack_import_5 = __webpack_require__("./core");
112
116
  var __rspack_reexport = {};
113
- for(const __rspack_import_key in _core__rspack_import_4)if ([
117
+ for(const __rspack_import_key in _core__rspack_import_5)if ([
114
118
  "Icons",
115
119
  "default"
116
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_core__rspack_import_4[__rspack_import_key];
120
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_core__rspack_import_5[__rspack_import_key];
117
121
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
118
- var _hooks__rspack_import_5 = __webpack_require__("./hooks");
122
+ var _hooks__rspack_import_6 = __webpack_require__("./hooks");
119
123
  var __rspack_reexport = {};
120
- for(const __rspack_import_key in _hooks__rspack_import_5)if ([
124
+ for(const __rspack_import_key in _hooks__rspack_import_6)if ([
121
125
  "Icons",
122
126
  "default"
123
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hooks__rspack_import_5[__rspack_import_key];
127
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hooks__rspack_import_6[__rspack_import_key];
124
128
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
125
- var _icons__rspack_import_6 = __webpack_require__("./icons");
126
- var _layouts__rspack_import_7 = __webpack_require__("./layouts");
129
+ var _icons__rspack_import_7 = __webpack_require__("./icons");
130
+ var _layouts__rspack_import_8 = __webpack_require__("./layouts");
127
131
  var __rspack_reexport = {};
128
- for(const __rspack_import_key in _layouts__rspack_import_7)if ([
132
+ for(const __rspack_import_key in _layouts__rspack_import_8)if ([
129
133
  "Icons",
130
134
  "default"
131
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_layouts__rspack_import_7[__rspack_import_key];
135
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_layouts__rspack_import_8[__rspack_import_key];
132
136
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
133
- var _schema__rspack_import_8 = __webpack_require__("./schema");
137
+ var _schema__rspack_import_9 = __webpack_require__("./schema");
134
138
  var __rspack_reexport = {};
135
- for(const __rspack_import_key in _schema__rspack_import_8)if ([
139
+ for(const __rspack_import_key in _schema__rspack_import_9)if ([
136
140
  "Icons",
137
141
  "default"
138
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_schema__rspack_import_8[__rspack_import_key];
142
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_schema__rspack_import_9[__rspack_import_key];
139
143
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
140
- var _types__rspack_import_9 = __webpack_require__("./types");
144
+ var _types__rspack_import_10 = __webpack_require__("./types");
141
145
  var __rspack_reexport = {};
142
- for(const __rspack_import_key in _types__rspack_import_9)if ([
146
+ for(const __rspack_import_key in _types__rspack_import_10)if ([
143
147
  "Icons",
144
148
  "default"
145
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_types__rspack_import_9[__rspack_import_key];
149
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_types__rspack_import_10[__rspack_import_key];
146
150
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
147
- var _types_execution__rspack_import_10 = __webpack_require__("./types/execution");
151
+ var _types_execution__rspack_import_11 = __webpack_require__("./types/execution");
148
152
  var __rspack_reexport = {};
149
- for(const __rspack_import_key in _types_execution__rspack_import_10)if ([
153
+ for(const __rspack_import_key in _types_execution__rspack_import_11)if ([
150
154
  "Icons",
151
155
  "default"
152
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_types_execution__rspack_import_10[__rspack_import_key];
156
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_types_execution__rspack_import_11[__rspack_import_key];
153
157
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
154
- var _types_validation__rspack_import_11 = __webpack_require__("./types/validation");
158
+ var _types_validation__rspack_import_12 = __webpack_require__("./types/validation");
155
159
  var __rspack_reexport = {};
156
- for(const __rspack_import_key in _types_validation__rspack_import_11)if ([
160
+ for(const __rspack_import_key in _types_validation__rspack_import_12)if ([
157
161
  "Icons",
158
162
  "default"
159
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_types_validation__rspack_import_11[__rspack_import_key];
163
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_types_validation__rspack_import_12[__rspack_import_key];
160
164
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
161
- var _utils__rspack_import_12 = __webpack_require__("./utils");
165
+ var _utils__rspack_import_13 = __webpack_require__("./utils");
162
166
  var __rspack_reexport = {};
163
- for(const __rspack_import_key in _utils__rspack_import_12)if ([
167
+ for(const __rspack_import_key in _utils__rspack_import_13)if ([
164
168
  "Icons",
165
169
  "default"
166
- ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_utils__rspack_import_12[__rspack_import_key];
170
+ ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_utils__rspack_import_13[__rspack_import_key];
167
171
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
168
172
  })();
169
173
  exports.Icons = __webpack_exports__.Icons;
@@ -1,4 +1,5 @@
1
1
  import './styles/variables.css';
2
+ import './styles/reactflow-reset.css';
2
3
  export * from './components';
3
4
  export * from './constants';
4
5
  export * from './controls';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AAEtC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import "./styles/variables.css";
2
+ import "./styles/reactflow-reset.css";
2
3
  export * from "./components/index.js";
3
4
  export * from "./constants.js";
4
5
  export * from "./controls/index.js";
@@ -0,0 +1,12 @@
1
+ .react-flow__node-default, .react-flow__node-default.selectable:hover, .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible {
2
+ width: auto !important;
3
+ color: inherit !important;
4
+ text-align: inherit !important;
5
+ font-size: inherit !important;
6
+ box-shadow: none !important;
7
+ background: none !important;
8
+ border: none !important;
9
+ border-radius: 0 !important;
10
+ padding: 0 !important;
11
+ }
12
+