@xyflow/react 12.4.3 → 12.5.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 (114) hide show
  1. package/dist/base.css +8 -4
  2. package/dist/esm/additional-components/Background/types.d.ts +20 -4
  3. package/dist/esm/additional-components/Background/types.d.ts.map +1 -1
  4. package/dist/esm/additional-components/Controls/types.d.ts +33 -9
  5. package/dist/esm/additional-components/Controls/types.d.ts.map +1 -1
  6. package/dist/esm/additional-components/MiniMap/MiniMap.d.ts.map +1 -1
  7. package/dist/esm/additional-components/NodeToolbar/types.d.ts +8 -2
  8. package/dist/esm/additional-components/NodeToolbar/types.d.ts.map +1 -1
  9. package/dist/esm/components/EdgeLabelRenderer/index.d.ts +31 -29
  10. package/dist/esm/components/EdgeLabelRenderer/index.d.ts.map +1 -1
  11. package/dist/esm/components/EdgeWrapper/index.d.ts +1 -1
  12. package/dist/esm/components/EdgeWrapper/index.d.ts.map +1 -1
  13. package/dist/esm/components/Edges/BezierEdge.d.ts +26 -0
  14. package/dist/esm/components/Edges/BezierEdge.d.ts.map +1 -1
  15. package/dist/esm/components/Edges/EdgeAnchor.d.ts +3 -0
  16. package/dist/esm/components/Edges/EdgeAnchor.d.ts.map +1 -1
  17. package/dist/esm/components/Edges/EdgeText.d.ts +18 -18
  18. package/dist/esm/components/Edges/EdgeText.d.ts.map +1 -1
  19. package/dist/esm/components/Edges/SmoothStepEdge.d.ts +26 -0
  20. package/dist/esm/components/Edges/SmoothStepEdge.d.ts.map +1 -1
  21. package/dist/esm/components/Edges/StepEdge.d.ts +26 -0
  22. package/dist/esm/components/Edges/StepEdge.d.ts.map +1 -1
  23. package/dist/esm/components/Edges/StraightEdge.d.ts +24 -0
  24. package/dist/esm/components/Edges/StraightEdge.d.ts.map +1 -1
  25. package/dist/esm/components/Handle/index.d.ts +1 -1
  26. package/dist/esm/components/Handle/index.d.ts.map +1 -1
  27. package/dist/esm/components/SelectionListener/index.d.ts +4 -4
  28. package/dist/esm/components/SelectionListener/index.d.ts.map +1 -1
  29. package/dist/esm/container/Pane/index.d.ts.map +1 -1
  30. package/dist/esm/container/ReactFlow/index.d.ts +1 -1
  31. package/dist/esm/hooks/useKeyPress.d.ts +1 -0
  32. package/dist/esm/hooks/useKeyPress.d.ts.map +1 -1
  33. package/dist/esm/hooks/useNodeConnections.d.ts +1 -1
  34. package/dist/esm/hooks/useOnSelectionChange.d.ts +4 -4
  35. package/dist/esm/hooks/useOnSelectionChange.d.ts.map +1 -1
  36. package/dist/esm/hooks/useReactFlow.d.ts.map +1 -1
  37. package/dist/esm/hooks/useViewportHelper.d.ts.map +1 -1
  38. package/dist/esm/index.d.ts +1 -1
  39. package/dist/esm/index.d.ts.map +1 -1
  40. package/dist/esm/index.js +427 -341
  41. package/dist/esm/index.mjs +427 -341
  42. package/dist/esm/store/index.d.ts +9 -9
  43. package/dist/esm/store/index.d.ts.map +1 -1
  44. package/dist/esm/store/initialState.d.ts +9 -9
  45. package/dist/esm/store/initialState.d.ts.map +1 -1
  46. package/dist/esm/types/component-props.d.ts +1 -1
  47. package/dist/esm/types/component-props.d.ts.map +1 -1
  48. package/dist/esm/types/edges.d.ts +23 -3
  49. package/dist/esm/types/edges.d.ts.map +1 -1
  50. package/dist/esm/types/general.d.ts +8 -19
  51. package/dist/esm/types/general.d.ts.map +1 -1
  52. package/dist/esm/types/instance.d.ts +2 -2
  53. package/dist/esm/types/instance.d.ts.map +1 -1
  54. package/dist/esm/types/store.d.ts +5 -7
  55. package/dist/esm/types/store.d.ts.map +1 -1
  56. package/dist/esm/utils/general.d.ts +1 -1
  57. package/dist/esm/utils/general.d.ts.map +1 -1
  58. package/dist/style.css +8 -4
  59. package/dist/umd/additional-components/Background/types.d.ts +20 -4
  60. package/dist/umd/additional-components/Background/types.d.ts.map +1 -1
  61. package/dist/umd/additional-components/Controls/types.d.ts +33 -9
  62. package/dist/umd/additional-components/Controls/types.d.ts.map +1 -1
  63. package/dist/umd/additional-components/MiniMap/MiniMap.d.ts.map +1 -1
  64. package/dist/umd/additional-components/NodeToolbar/types.d.ts +8 -2
  65. package/dist/umd/additional-components/NodeToolbar/types.d.ts.map +1 -1
  66. package/dist/umd/components/EdgeLabelRenderer/index.d.ts +31 -29
  67. package/dist/umd/components/EdgeLabelRenderer/index.d.ts.map +1 -1
  68. package/dist/umd/components/EdgeWrapper/index.d.ts +1 -1
  69. package/dist/umd/components/EdgeWrapper/index.d.ts.map +1 -1
  70. package/dist/umd/components/Edges/BezierEdge.d.ts +26 -0
  71. package/dist/umd/components/Edges/BezierEdge.d.ts.map +1 -1
  72. package/dist/umd/components/Edges/EdgeAnchor.d.ts +3 -0
  73. package/dist/umd/components/Edges/EdgeAnchor.d.ts.map +1 -1
  74. package/dist/umd/components/Edges/EdgeText.d.ts +18 -18
  75. package/dist/umd/components/Edges/EdgeText.d.ts.map +1 -1
  76. package/dist/umd/components/Edges/SmoothStepEdge.d.ts +26 -0
  77. package/dist/umd/components/Edges/SmoothStepEdge.d.ts.map +1 -1
  78. package/dist/umd/components/Edges/StepEdge.d.ts +26 -0
  79. package/dist/umd/components/Edges/StepEdge.d.ts.map +1 -1
  80. package/dist/umd/components/Edges/StraightEdge.d.ts +24 -0
  81. package/dist/umd/components/Edges/StraightEdge.d.ts.map +1 -1
  82. package/dist/umd/components/Handle/index.d.ts +1 -1
  83. package/dist/umd/components/Handle/index.d.ts.map +1 -1
  84. package/dist/umd/components/SelectionListener/index.d.ts +4 -4
  85. package/dist/umd/components/SelectionListener/index.d.ts.map +1 -1
  86. package/dist/umd/container/Pane/index.d.ts.map +1 -1
  87. package/dist/umd/container/ReactFlow/index.d.ts +1 -1
  88. package/dist/umd/hooks/useKeyPress.d.ts +1 -0
  89. package/dist/umd/hooks/useKeyPress.d.ts.map +1 -1
  90. package/dist/umd/hooks/useNodeConnections.d.ts +1 -1
  91. package/dist/umd/hooks/useOnSelectionChange.d.ts +4 -4
  92. package/dist/umd/hooks/useOnSelectionChange.d.ts.map +1 -1
  93. package/dist/umd/hooks/useReactFlow.d.ts.map +1 -1
  94. package/dist/umd/hooks/useViewportHelper.d.ts.map +1 -1
  95. package/dist/umd/index.d.ts +1 -1
  96. package/dist/umd/index.d.ts.map +1 -1
  97. package/dist/umd/index.js +2 -2
  98. package/dist/umd/store/index.d.ts +9 -9
  99. package/dist/umd/store/index.d.ts.map +1 -1
  100. package/dist/umd/store/initialState.d.ts +9 -9
  101. package/dist/umd/store/initialState.d.ts.map +1 -1
  102. package/dist/umd/types/component-props.d.ts +1 -1
  103. package/dist/umd/types/component-props.d.ts.map +1 -1
  104. package/dist/umd/types/edges.d.ts +23 -3
  105. package/dist/umd/types/edges.d.ts.map +1 -1
  106. package/dist/umd/types/general.d.ts +8 -19
  107. package/dist/umd/types/general.d.ts.map +1 -1
  108. package/dist/umd/types/instance.d.ts +2 -2
  109. package/dist/umd/types/instance.d.ts.map +1 -1
  110. package/dist/umd/types/store.d.ts +5 -7
  111. package/dist/umd/types/store.d.ts.map +1 -1
  112. package/dist/umd/utils/general.d.ts +1 -1
  113. package/dist/umd/utils/general.d.ts.map +1 -1
  114. package/package.json +3 -3
@@ -1,45 +1,47 @@
1
1
  import type { ReactNode } from 'react';
2
+ export type EdgeLabelRendererProps = {
3
+ children: ReactNode;
4
+ };
2
5
  /**
3
6
  * Edges are SVG-based. If you want to render more complex labels you can use the
4
7
  * `<EdgeLabelRenderer />` component to access a div based renderer. This component
5
8
  * is a portal that renders the label in a `<div />` that is positioned on top of
6
- * the edges. You can see an example usage of the component in the [edge label renderer](/examples/edges/edge-label-renderer) example.
9
+ * the edges. You can see an example usage of the component in the
10
+ * [edge label renderer example](/examples/edges/edge-label-renderer).
7
11
  * @public
8
12
  *
9
13
  * @example
10
- *```jsx
11
- *import React from 'react';
12
- *import { getBezierPath, EdgeLabelRenderer, BaseEdge } from '@xyflow/react';
14
+ * ```jsx
15
+ * import React from 'react';
16
+ * import { getBezierPath, EdgeLabelRenderer, BaseEdge } from '@xyflow/react';
13
17
  *
14
- *export function CustomEdge({ id, data, ...props }) {
15
- * const [edgePath, labelX, labelY] = getBezierPath(props);
18
+ * export function CustomEdge({ id, data, ...props }) {
19
+ * const [edgePath, labelX, labelY] = getBezierPath(props);
16
20
  *
17
- * return (
18
- * <>
19
- * <BaseEdge id={id} path={edgePath} />
20
- * <EdgeLabelRenderer>
21
- * <div
22
- * style={{
23
- * position: 'absolute',
24
- * transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
25
- * background: '#ffcc00',
26
- * padding: 10,
27
- * }}
28
- * className="nodrag nopan"
29
- * >
30
- * {data.label}
31
- * </div>
32
- * </EdgeLabelRenderer>
33
- * </>
34
- * );
35
- *};
36
- *```
21
+ * return (
22
+ * <>
23
+ * <BaseEdge id={id} path={edgePath} />
24
+ * <EdgeLabelRenderer>
25
+ * <div
26
+ * style={{
27
+ * position: 'absolute',
28
+ * transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
29
+ * background: '#ffcc00',
30
+ * padding: 10,
31
+ * }}
32
+ * className="nodrag nopan"
33
+ * >
34
+ * {data.label}
35
+ * </div>
36
+ * </EdgeLabelRenderer>
37
+ * </>
38
+ * );
39
+ * };
40
+ * ```
37
41
  *
38
42
  * @remarks The `<EdgeLabelRenderer />` has no pointer events by default. If you want to
39
43
  * add mouse interactions you need to set the style `pointerEvents: all` and add
40
44
  * the `nopan` class on the label or the element you want to interact with.
41
45
  */
42
- export declare function EdgeLabelRenderer({ children }: {
43
- children: ReactNode;
44
- }): import("react").ReactPortal | null;
46
+ export declare function EdgeLabelRenderer({ children }: EdgeLabelRendererProps): import("react").ReactPortal | null;
45
47
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeLabelRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sCAQtE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeLabelRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,sCAQrE"}
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { JSX } from 'react';
2
2
  import type { Edge, EdgeWrapperProps } from '../../types';
3
3
  export declare function EdgeWrapper<EdgeType extends Edge = Edge>({ id, edgesFocusable, edgesReconnectable, elementsSelectable, onClick, onDoubleClick, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, reconnectRadius, onReconnect, onReconnectStart, onReconnectEnd, rfId, edgeTypes, noPanClassName, onError, disableKeyboardA11y, }: EdgeWrapperProps<EdgeType>): JSX.Element | null;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeWrapper/index.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,wBAAgB,WAAW,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACxD,EAAE,EACF,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,SAAS,EACT,cAAc,EACd,OAAO,EACP,mBAAmB,GACpB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiOjD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8D,GAAG,EAAE,MAAM,OAAO,CAAC;AAexF,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,wBAAgB,WAAW,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACxD,EAAE,EACF,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,SAAS,EACT,cAAc,EACd,OAAO,EACP,mBAAmB,GACpB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiOjD"}
@@ -1,6 +1,32 @@
1
1
  /// <reference types="react" />
2
2
  import type { BezierEdgeProps } from '../../types';
3
+ /**
4
+ * Component that can be used inside a custom edge to render a bezier curve.
5
+ *
6
+ * @public
7
+ * @example
8
+ *
9
+ * ```tsx
10
+ * import { BezierEdge } from '@xyflow/react';
11
+ *
12
+ * function CustomEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition }) {
13
+ * return (
14
+ * <BezierEdge
15
+ * sourceX={sourceX}
16
+ * sourceY={sourceY}
17
+ * targetX={targetX}
18
+ * targetY={targetY}
19
+ * sourcePosition={sourcePosition}
20
+ * targetPosition={targetPosition}
21
+ * />
22
+ * );
23
+ * }
24
+ * ```
25
+ */
3
26
  declare const BezierEdge: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, pathOptions, interactionWidth, }: BezierEdgeProps) => import("react/jsx-runtime").JSX.Element>;
27
+ /**
28
+ * @internal
29
+ */
4
30
  declare const BezierEdgeInternal: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, pathOptions, interactionWidth, }: BezierEdgeProps) => import("react/jsx-runtime").JSX.Element>;
5
31
  export { BezierEdge, BezierEdgeInternal };
6
32
  //# sourceMappingURL=BezierEdge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BezierEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/BezierEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AA2DnD,QAAA,MAAM,UAAU,qQAnCT,eAAe,6CAmCoC,CAAC;AAC3D,QAAA,MAAM,kBAAkB,qQApCjB,eAAe,6CAoC2C,CAAC;AAKlE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"BezierEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/BezierEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AA2DnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,UAAU,qQA1DT,eAAe,6CA0DoC,CAAC;AAE3D;;GAEG;AACH,QAAA,MAAM,kBAAkB,qQA/DjB,eAAe,6CA+D2C,CAAC;AAKlE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
@@ -10,5 +10,8 @@ export interface EdgeAnchorProps extends SVGAttributes<SVGGElement> {
10
10
  onMouseOut: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
11
11
  type: string;
12
12
  }
13
+ /**
14
+ * @internal
15
+ */
13
16
  export declare function EdgeAnchor({ position, centerX, centerY, radius, onMouseDown, onMouseEnter, onMouseOut, type, }: EdgeAnchorProps): import("react/jsx-runtime").JSX.Element;
14
17
  //# sourceMappingURL=EdgeAnchor.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EdgeAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/EdgeAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAc1C,MAAM,WAAW,eAAgB,SAAQ,aAAa,CAAC,WAAW,CAAC;IACjE,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,YAAY,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;CACd;AAID,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,IAAI,GACL,EAAE,eAAe,2CAcjB"}
1
+ {"version":3,"file":"EdgeAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/EdgeAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAc1C,MAAM,WAAW,eAAgB,SAAQ,aAAa,CAAC,WAAW,CAAC;IACjE,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,YAAY,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;CACd;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,IAAI,GACL,EAAE,eAAe,2CAcjB"}
@@ -8,26 +8,26 @@ declare namespace EdgeTextComponent {
8
8
  * You can use the `<EdgeText />` component as a helper component to display text
9
9
  * within your custom edges.
10
10
  *
11
- *@public
11
+ * @public
12
12
  *
13
- *@example
14
- *```jsx
15
- *import { EdgeText } from '@xyflow/react';
13
+ * @example
14
+ * ```jsx
15
+ * import { EdgeText } from '@xyflow/react';
16
16
  *
17
- *export function CustomEdgeLabel({ label }) {
18
- * return (
19
- * <EdgeText
20
- * x={100}
21
- * y={100}
22
- * label={label}
23
- * labelStyle={{ fill: 'white' }}
24
- * labelShowBg
25
- * labelBgStyle={{ fill: 'red' }}
26
- * labelBgPadding={[2, 4]}
27
- * labelBgBorderRadius={2}
28
- * />
29
- * );
30
- *}
17
+ * export function CustomEdgeLabel({ label }) {
18
+ * return (
19
+ * <EdgeText
20
+ * x={100}
21
+ * y={100}
22
+ * label={label}
23
+ * labelStyle={{ fill: 'white' }}
24
+ * labelShowBg
25
+ * labelBgStyle={{ fill: 'red' }}
26
+ * labelBgPadding={[2, 4]}
27
+ * labelBgBorderRadius={2}
28
+ * />
29
+ * );
30
+ * }
31
31
  *```
32
32
  */
33
33
  export declare const EdgeText: import("react").MemoExoticComponent<typeof EdgeTextComponent>;
@@ -1 +1 @@
1
- {"version":3,"file":"EdgeText.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/EdgeText.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,iBAAS,iBAAiB,CAAC,EACzB,CAAC,EACD,CAAC,EACD,KAAK,EACL,UAAe,EACf,WAAkB,EAClB,YAAiB,EACjB,cAAuB,EACvB,mBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,kDAqDf;kBAjEQ,iBAAiB;;;AAqE1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
1
+ {"version":3,"file":"EdgeText.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/EdgeText.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,iBAAS,iBAAiB,CAAC,EACzB,CAAC,EACD,CAAC,EACD,KAAK,EACL,UAAU,EACV,WAAkB,EAClB,YAAY,EACZ,cAAuB,EACvB,mBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,kDAqDf;kBAjEQ,iBAAiB;;;AAqE1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
@@ -1,6 +1,32 @@
1
1
  /// <reference types="react" />
2
2
  import type { SmoothStepEdgeProps } from '../../types';
3
+ /**
4
+ * Component that can be used inside a custom edge to render a smooth step edge.
5
+ *
6
+ * @public
7
+ * @example
8
+ *
9
+ * ```tsx
10
+ * import { SmoothStepEdge } from '@xyflow/react';
11
+ *
12
+ * function CustomEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition }) {
13
+ * return (
14
+ * <SmoothStepEdge
15
+ * sourceX={sourceX}
16
+ * sourceY={sourceY}
17
+ * targetX={targetX}
18
+ * targetY={targetY}
19
+ * sourcePosition={sourcePosition}
20
+ * targetPosition={targetPosition}
21
+ * />
22
+ * );
23
+ * }
24
+ * ```
25
+ */
3
26
  declare const SmoothStepEdge: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, interactionWidth, }: SmoothStepEdgeProps) => import("react/jsx-runtime").JSX.Element>;
27
+ /**
28
+ * @internal
29
+ */
4
30
  declare const SmoothStepEdgeInternal: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, interactionWidth, }: SmoothStepEdgeProps) => import("react/jsx-runtime").JSX.Element>;
5
31
  export { SmoothStepEdge, SmoothStepEdgeInternal };
6
32
  //# sourceMappingURL=SmoothStepEdge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SmoothStepEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/SmoothStepEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AA4DvD,QAAA,MAAM,cAAc,qQApCb,mBAAmB,6CAoCwC,CAAC;AACnE,QAAA,MAAM,sBAAsB,qQArCrB,mBAAmB,6CAqC+C,CAAC;AAK1E,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}
1
+ {"version":3,"file":"SmoothStepEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/SmoothStepEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AA4DvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,cAAc,qQA3Db,mBAAmB,6CA2DwC,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,sBAAsB,qQAhErB,mBAAmB,6CAgE+C,CAAC;AAK1E,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}
@@ -1,6 +1,32 @@
1
1
  /// <reference types="react" />
2
2
  import type { StepEdgeProps } from '../../types';
3
+ /**
4
+ * Component that can be used inside a custom edge to render a step edge.
5
+ *
6
+ * @public
7
+ * @example
8
+ *
9
+ * ```tsx
10
+ * import { StepEdge } from '@xyflow/react';
11
+ *
12
+ * function CustomEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition }) {
13
+ * return (
14
+ * <StepEdge
15
+ * sourceX={sourceX}
16
+ * sourceY={sourceY}
17
+ * targetX={targetX}
18
+ * targetY={targetY}
19
+ * sourcePosition={sourcePosition}
20
+ * targetPosition={targetPosition}
21
+ * />
22
+ * );
23
+ * }
24
+ * ```
25
+ */
3
26
  declare const StepEdge: import("react").MemoExoticComponent<({ id, ...props }: StepEdgeProps) => import("react/jsx-runtime").JSX.Element>;
27
+ /**
28
+ * @internal
29
+ */
4
30
  declare const StepEdgeInternal: import("react").MemoExoticComponent<({ id, ...props }: StepEdgeProps) => import("react/jsx-runtime").JSX.Element>;
5
31
  export { StepEdge, StepEdgeInternal };
6
32
  //# sourceMappingURL=StepEdge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StepEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/StepEdge.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAoBjD,QAAA,MAAM,QAAQ,yDAhBmB,aAAa,6CAgBQ,CAAC;AACvD,QAAA,MAAM,gBAAgB,yDAjBW,aAAa,6CAiBe,CAAC;AAK9D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"StepEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/StepEdge.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAoBjD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,QAAQ,yDAvCmB,aAAa,6CAuCQ,CAAC;AAEvD;;GAEG;AACH,QAAA,MAAM,gBAAgB,yDA5CW,aAAa,6CA4Ce,CAAC;AAK9D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,6 +1,30 @@
1
1
  /// <reference types="react" />
2
2
  import type { StraightEdgeProps } from '../../types';
3
+ /**
4
+ * Component that can be used inside a custom edge to render a straight line.
5
+ *
6
+ * @public
7
+ * @example
8
+ *
9
+ * ```tsx
10
+ * import { StraightEdge } from '@xyflow/react';
11
+ *
12
+ * function CustomEdge({ sourceX, sourceY, targetX, targetY }) {
13
+ * return (
14
+ * <StraightEdge
15
+ * sourceX={sourceX}
16
+ * sourceY={sourceY}
17
+ * targetX={targetX}
18
+ * targetY={targetY}
19
+ * />
20
+ * );
21
+ * }
22
+ * ```
23
+ */
3
24
  declare const StraightEdge: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: StraightEdgeProps) => import("react/jsx-runtime").JSX.Element>;
25
+ /**
26
+ * @internal
27
+ */
4
28
  declare const StraightEdgeInternal: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, interactionWidth, }: StraightEdgeProps) => import("react/jsx-runtime").JSX.Element>;
5
29
  export { StraightEdge, StraightEdgeInternal };
6
30
  //# sourceMappingURL=StraightEdge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StraightEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/StraightEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAgDrD,QAAA,MAAM,YAAY,wNA3BX,iBAAiB,6CA2BsC,CAAC;AAC/D,QAAA,MAAM,oBAAoB,wNA5BnB,iBAAiB,6CA4B6C,CAAC;AAKtE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"StraightEdge.d.ts","sourceRoot":"","sources":["../../../src/components/Edges/StraightEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAgDrD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,YAAY,wNAhDX,iBAAiB,6CAgDsC,CAAC;AAE/D;;GAEG;AACH,QAAA,MAAM,oBAAoB,wNArDnB,iBAAiB,6CAqD6C,CAAC;AAKtE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
@@ -35,5 +35,5 @@ export type HandleProps = HandlePropsSystem & Omit<HTMLAttributes<HTMLDivElement
35
35
  export declare const Handle: import("react").MemoExoticComponent<(props: HandlePropsSystem & Omit<HTMLAttributes<HTMLDivElement>, "id"> & {
36
36
  /** Callback called when connection is made */
37
37
  onConnect?: OnConnect | undefined;
38
- } & import("react").RefAttributes<HTMLDivElement>) => JSX.Element>;
38
+ } & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element>;
39
39
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Handle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAOL,KAAK,WAAW,IAAI,iBAAiB,EAIrC,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAOxB;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG;IAC3C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AA0NJ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM;IArPf,8CAA8C;;kEAqPU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Handle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAOL,KAAK,WAAW,IAAI,iBAAiB,EAIrC,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAOxB;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG;IAC3C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AA6NJ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM;IAxPf,8CAA8C;;kFAwPU,CAAC"}
@@ -1,7 +1,7 @@
1
- import type { OnSelectionChangeFunc } from '../../types';
2
- type SelectionListenerProps = {
3
- onSelectionChange?: OnSelectionChangeFunc;
1
+ import type { OnSelectionChangeFunc, Node, Edge } from '../../types';
2
+ type SelectionListenerProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
3
+ onSelectionChange?: OnSelectionChangeFunc<NodeType, EdgeType>;
4
4
  };
5
- export declare function SelectionListener({ onSelectionChange }: SelectionListenerProps): import("react/jsx-runtime").JSX.Element | null;
5
+ export declare function SelectionListener<NodeType extends Node = Node, EdgeType extends Edge = Edge>({ onSelectionChange, }: SelectionListenerProps<NodeType, EdgeType>): import("react/jsx-runtime").JSX.Element | null;
6
6
  export {};
7
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionListener/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAkB,qBAAqB,EAAc,MAAM,aAAa,CAAC;AAErF,KAAK,sBAAsB,GAAG;IAC5B,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;CAC3C,CAAC;AAgDF,wBAAgB,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,EAAE,sBAAsB,kDAQ9E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionListener/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAkB,qBAAqB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAErF,KAAK,sBAAsB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI;IACxF,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;CAC/D,CAAC;AAkDF,wBAAgB,iBAAiB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EAC5F,iBAAiB,GAClB,EAAE,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC,kDAQ5C"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/Pane/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,aAAa,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,OAAO,CACT,IAAI,CACF,cAAc,EACZ,eAAe,GACf,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,mBAAmB,GACnB,cAAc,GACd,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,CACpB,CACF,CAAC;AAoBF,wBAAgB,IAAI,CAAC,EACnB,WAAW,EACX,mBAAmB,EACnB,aAAkC,EAClC,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,QAAQ,GACT,EAAE,SAAS,2CAwMX"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/Pane/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,aAAa,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,OAAO,CACT,IAAI,CACF,cAAc,EACZ,eAAe,GACf,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,mBAAmB,GACnB,cAAc,GACd,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,CACpB,CACF,CAAC;AAqBF,wBAAgB,IAAI,CAAC,EACnB,WAAW,EACX,mBAAmB,EACnB,aAAkC,EAClC,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,QAAQ,GACT,EAAE,SAAS,2CAyMX"}
@@ -20,6 +20,6 @@ import type { Edge, Node, ReactFlowProps } from '../../types';
20
20
  *}
21
21
  *```
22
22
  */
23
- declare const _default: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ReactFlowProps<NodeType, EdgeType> & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
23
+ declare const _default: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ReactFlowProps<NodeType, EdgeType> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element;
24
24
  export default _default;
25
25
  //# sourceMappingURL=index.d.ts.map
@@ -2,6 +2,7 @@ import { type KeyCode } from '@xyflow/system';
2
2
  export type UseKeyPressOptions = {
3
3
  target?: Window | Document | HTMLElement | ShadowRoot | null;
4
4
  actInsideInputWithModifier?: boolean;
5
+ preventDefault?: boolean;
5
6
  };
6
7
  /**
7
8
  * This hook lets you listen for specific key codes and tells you whether they are
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyPress.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAM9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAOzB,OAAO,GAAE,OAAO,GAAG,IAAW,EAC9B,OAAO,GAAE,kBAA6E,GACrF,OAAO,CAuGT"}
1
+ {"version":3,"file":"useKeyPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyPress.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAM9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAOzB,OAAO,GAAE,OAAO,GAAG,IAAW,EAC9B,OAAO,GAAE,kBAA6E,GACrF,OAAO,CAsGT"}
@@ -23,7 +23,7 @@ type UseNodeConnectionsParams = {
23
23
  *
24
24
  *export default function () {
25
25
  * const connections = useNodeConnections({
26
- * type: 'target',
26
+ * handleType: 'target',
27
27
  * handleId: 'my-handle',
28
28
  * });
29
29
  *
@@ -1,6 +1,6 @@
1
- import type { OnSelectionChangeFunc } from '../types';
2
- export type UseOnSelectionChangeOptions = {
3
- onChange: OnSelectionChangeFunc;
1
+ import type { OnSelectionChangeFunc, Node, Edge } from '../types';
2
+ export type UseOnSelectionChangeOptions<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
3
+ onChange: OnSelectionChangeFunc<NodeType, EdgeType>;
4
4
  };
5
5
  /**
6
6
  * This hook lets you listen for changes to both node and edge selection. As the
@@ -40,5 +40,5 @@ export type UseOnSelectionChangeOptions = {
40
40
  *
41
41
  * @remarks You need to memoize the passed `onChange` handler, otherwise the hook will not work correctly.
42
42
  */
43
- export declare function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions): void;
43
+ export declare function useOnSelectionChange<NodeType extends Node = Node, EdgeType extends Edge = Edge>({ onChange, }: UseOnSelectionChangeOptions<NodeType, EdgeType>): void;
44
44
  //# sourceMappingURL=useOnSelectionChange.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useOnSelectionChange.d.ts","sourceRoot":"","sources":["../../src/hooks/useOnSelectionChange.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,2BAA2B,QAY7E"}
1
+ {"version":3,"file":"useOnSelectionChange.d.ts","sourceRoot":"","sources":["../../src/hooks/useOnSelectionChange.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,MAAM,2BAA2B,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI;IACpG,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EAC/F,QAAQ,GACT,EAAE,2BAA2B,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAYjD"}
@@ -1 +1 @@
1
- {"version":3,"file":"useReactFlow.d.ts","sourceRoot":"","sources":["../../src/hooks/useReactFlow.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAgD,MAAM,UAAU,CAAC;AAI5G;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,KAAK,iBAAiB,CAC3G,QAAQ,EACR,QAAQ,CACT,CAsOA"}
1
+ {"version":3,"file":"useReactFlow.d.ts","sourceRoot":"","sources":["../../src/hooks/useReactFlow.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EAKL,MAAM,UAAU,CAAC;AAIlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,KAAK,iBAAiB,CAC3G,QAAQ,EACR,QAAQ,CACT,CAiPA"}
@@ -1 +1 @@
1
- {"version":3,"file":"useViewportHelper.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewportHelper.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,QAAO,uBA0I7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"useViewportHelper.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewportHelper.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,QAAO,uBAoH7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -9,7 +9,7 @@ export { SmoothStepEdge } from './components/Edges/SmoothStepEdge';
9
9
  export { BaseEdge } from './components/Edges/BaseEdge';
10
10
  export { ReactFlowProvider } from './components/ReactFlowProvider';
11
11
  export { Panel, type PanelProps } from './components/Panel';
12
- export { EdgeLabelRenderer } from './components/EdgeLabelRenderer';
12
+ export { EdgeLabelRenderer, type EdgeLabelRendererProps } from './components/EdgeLabelRenderer';
13
13
  export { ViewportPortal } from './components/ViewportPortal';
14
14
  export { useReactFlow } from './hooks/useReactFlow';
15
15
  export { useUpdateNodeInternals } from './hooks/useUpdateNodeInternals';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}