feat(ui): add type filter toggles
This commit is contained in:
48
node_modules/@xyflow/react/dist/umd/hooks/useUpdateNodeInternals.d.ts
generated
vendored
Normal file
48
node_modules/@xyflow/react/dist/umd/hooks/useUpdateNodeInternals.d.ts
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
import type { UpdateNodeInternals } from '@xyflow/system';
|
||||
/**
|
||||
* When you programmatically add or remove handles to a node or update a node's
|
||||
* handle position, you need to let React Flow know about it using this hook. This
|
||||
* will update the internal dimensions of the node and properly reposition handles
|
||||
* on the canvas if necessary.
|
||||
*
|
||||
* @public
|
||||
* @returns Use this function to tell React Flow to update the internal state of one or more nodes
|
||||
* that you have changed programmatically.
|
||||
*
|
||||
* @example
|
||||
* ```jsx
|
||||
*import { useCallback, useState } from 'react';
|
||||
*import { Handle, useUpdateNodeInternals } from '@xyflow/react';
|
||||
*
|
||||
*export default function RandomHandleNode({ id }) {
|
||||
* const updateNodeInternals = useUpdateNodeInternals();
|
||||
* const [handleCount, setHandleCount] = useState(0);
|
||||
* const randomizeHandleCount = useCallback(() => {
|
||||
* setHandleCount(Math.floor(Math.random() * 10));
|
||||
* updateNodeInternals(id);
|
||||
* }, [id, updateNodeInternals]);
|
||||
*
|
||||
* return (
|
||||
* <>
|
||||
* {Array.from({ length: handleCount }).map((_, index) => (
|
||||
* <Handle
|
||||
* key={index}
|
||||
* type="target"
|
||||
* position="left"
|
||||
* id={`handle-${index}`}
|
||||
* />
|
||||
* ))}
|
||||
*
|
||||
* <div>
|
||||
* <button onClick={randomizeHandleCount}>Randomize handle count</button>
|
||||
* <p>There are {handleCount} handles on this node.</p>
|
||||
* </div>
|
||||
* </>
|
||||
* );
|
||||
*}
|
||||
*```
|
||||
* @remarks This hook can only be used in a component that is a child of a
|
||||
*{@link ReactFlowProvider} or a {@link ReactFlow} component.
|
||||
*/
|
||||
export declare function useUpdateNodeInternals(): UpdateNodeInternals;
|
||||
//# sourceMappingURL=useUpdateNodeInternals.d.ts.map
|
||||
Reference in New Issue
Block a user