Derive onSelectionChange and onValueChange from onChange

[zbeyens]

Problem
onChange currently triggers for all changes: value and selection. When I only want to listen to value changes, this is not optimal.

Solution
Keep onChange and add onSelectionChange to listen to selection change only and onValueChange to listen to value change only.

Bounty: udecode/plate#2700

[rishi-raj-jain]

@zbeyens @12joan

onValueChange from useStateSelector where type of op is set_selection would the right logic, right?

[zbeyens]

The goal is to listen to value change only, all operations except set_selection. We want to avoid using useSlateSelector for optimization.

[rishi-raj-jain]

Ah so totally a different hook.

[zbeyens]

1. The onSelectionChange function should only listen to the set_selection operation, not all operations.
2. Conversely, the onValueChange function should only listen to the other operations, excluding set_selection.

The solution needs to be built exactly like onChange prop. No hook is expected:

• Slate prop: onValueChange
• Slate prop: onSelectionChange
• editor method: editor.onValueChange
• editor method: editor.onSelectionChange

Tip: you can start from

slate/packages/slate-react/src/plugin/with-react.ts

Lines 363 to 367 in ff7db22

	const onContextChange = EDITOR_TO_ON_CHANGE.get(e)
	if (onContextChange) {
	onContextChange()
	}

and call onSelectionChange if options.operation.type === 'set_selection', else onValueChange by passing a new parameter to onContextChange to call the corresponding callback.