annotatingEnabled is not reactive and cannot be changed upon initial mouting

[oleksandr-danylchenko]

Issue

The annotatingEnabled property, used by the SelectionHandler, gets populated only once upon creating the text annotator instance.

text-annotator-js/packages/text-annotator/src/TextAnnotator.ts

Lines 29 to 32 in e6d3f33

	export const createTextAnnotator = <E extends unknown = TextAnnotation>(
	container: HTMLElement,
	options: TextAnnotatorOptions<E> = {}
	): TextAnnotator<E> => {

text-annotator-js/packages/text-annotator/src/TextAnnotator.ts

Lines 36 to 38 in e6d3f33

	const opts = fillDefaults<E>(options, {
	annotatingEnabled: true
	});

text-annotator-js/packages/text-annotator/src/TextAnnotator.ts

Line 73 in e6d3f33

const selectionHandler = SelectionHandler(container, state, opts.annotatingEnabled, opts.offsetReferenceSelector);

And, unfortunately, there's no callback exposed to update that value during the lifespan of the annotator. Additionally, passing different values for the annotatingEnabled as props in the React component- will do nothing 🤷🏻‍♂️

Suggested Changes

Following the example of "API addition: method to change userSelectAction" change, we can add the setUserSelectAction and preserve the currentAnnotatingEnabled within the SelectionHandler