unmounting custom controls

[DedaDev]

This PR is addressing #1407 and this issue

Creating a custom control inside useEffect would throw the error 'Button with this name already exists'. This occurs because there was no option to remove the custom button from the toolbar when a component unmounts.

codesandbox

This is a crucial feature for the React app as it removes custom components from both the toolbar and the UI. Currently, we only have the removeControls function, which removes controls from the UI.

[Falke-Design]

Let us add in L.PM.Toolbar the new method deleteControl and make it only callable there. The custom control creation is called over map.pm.Toolbar too.

We don't need a option to delete all controls at once. The user can keep track of the custom controls by him self.

Please revert your changes and add the following code in Toolbar and adjust the type definition.

  deleteControl(name) {
    const btnName = this._btnNameMapping(name);
    if (this.buttons[btnName]) {
      this.buttons[btnName].remove();
      delete this.buttons[btnName];
    }
  }

[DedaDev]

The user can keep track of the custom controls by him self.

Yeah, that is actually a better approach.
Updated 👍