Selection Tool

Import the Action

Start by importing the action:

import { WeaveSelectionToolAction } from "@inditextech/weave-sdk";

Register the Action

Then register the action on the Weave class instance.

const instance = new Weave({
  ...
  actions: [
    ...,
    new WeaveSelectionToolAction(), 
  ]
})

Setup the action trigger

Setup on a button or any element on the UI the user can interact with on the action event:

instance.triggerAction("selectionTool");

For example on a button on React:

import React from "react";
import { useWeave } from "@inditextech/weave-react";

const MySelectionToolTriggerComponent = () => {
  const instance = useWeave((state) => state.instance);

  const triggerTool = React.useCallback(() => {
    instance.triggerAction("selectionTool");
  }, [instance]);

  return <button onClick={triggerTool}>Selection Tool</button>;
};

Trigger the action

Finally a final user trigger the UI element that launches the action.

When enabled, it allows users to interactively select nodes using the Nodes Selection plugin. This action doesn’t handle selection logic itself—instead, it simply activates or deactivates selection capabilities in the UI.