In arcgis-sketch component How to set all availableCreateTools (freehandpolyline, freehandpolygon, text)

Question

How can I configure all availableCreateTools, such as freehand polyline, freehand polygon, and text?

Currently, I'm able to access all other tools except the three mentioned above.

I followed Sketch | ArcGIS Maps SDK for JavaScript

Below are the details:

ArcGIS Javascript SDK 4.32.13

React 19.0.0

NOTE: I am not using Typescript. instead, I am writing code in .jsx file.

Case-1: Below is the code snippet being used to initialize the sketch component:

const sketchElement = sketchRef.current;
            sketchElement.view = mapView;
            sketchElement.availableCreateTools = [
                "point",
                "multipoint",
                "freehandPolyline",   // Not showing
                "polyline",
                "freehandPolygon", // Not showing
                "polygon",
                "rectangle",
                "circle",
                "text" // Not showing
            ];
            sketchElement.layer = sketchLayer;

I’ve also attempted the second approach as outlined below. Case 2: This is the code snippet used to initialize the sketch component.

<arcgis-sketch
  ref={sketchRef}
  layout="vertical"
  creation-mode="update"
  scale="m"
  toolbar-kind="docked"
  show-create-tools-freehand-polyline
  show-create-tools-freehand-polygon

/>

Despite trying both approaches, the freehand polyline, freehand polygon, and text buttons are still not appearing in the Sketch UI. Any insights?

JeffreyThompson2 · Answer

@JoseBanuelos The text interface also needs a way for the user to change the value of the TextSymbol. It is practically useless without this option. Controls for color, size and other options would also be nice, but are not absolutely necessary.

JoseBanuelos · Answer

Hello,

In order to display the FreehandPolyline, FreehandPolygon, and Text create tools in <arcgis-sketch />, you need to set the `availableCreateTools` and the following props:

* `show-create-tools-freehand-polygon`
* `show-create-tools-freehand-polyline
* `show-create-tools-text`

Here is a test app to show this: https://codepen.io/banuelosj/pen/wBgZoLL?editors=1000

Note: The freehand tools will display with the segment tools for lines and polygons. So you need to select the line or polygon tools first to see the freehand line segments.

We are working on improving the documentation for the text create tool this release, and then in the near future the entire API for setting your create tools. We understand that the requirement to view these tools is to set props in 2 places. AvailableCreateTools and their corresponding props. This is not a good API, so we are working on improving this where you only have to worry about setting the create tools in one place to use them in Sketch.

Thanks,

Jose

JeffreyThompson2 · Answer

@ReneRubalcava Tools that are known not to work should not be documented as if they do.