feat: Textbox trigger prop h2oai/q#1220

[mturoci]

Added trigger prop to textbox component.

If the prop is set to true, qd.sync is called on change event. This was done in the same way as other components, but I am not sure if we really want to call it after each character typed. A better solution might be use blur event - gets called after losing focus off input.

@lo5 I am not sure what is the purpose / correct behavior for qd.sync. Right now, it simply resets the form - marks whole page as dirty. This (possible bug) can be seen also when using checkbox with trigger set. After clicking on checkbox, page rerenders, but state is not persisted.

Closes #37

[lo5]

Thanks @mturoci - would be good to implement throttling so that the server doesn't go into hammertime :-)

[mturoci]

Thanks for the review @lo5! I have implemented debouncing for onChange in order to call sync after user stops typing. Throttling would send one sync per interval specified. Debounce will send sync after specified interval of no activity, which is better for our usecase. Let me know what you think.

I have also created piglatin translation example as you advised and rebased on master branch.

@lo5 I am not sure what is the purpose / correct behavior for qd.sync. Right now, it simply resets the form - marks whole page as dirty. This (possible bug) can be seen also when using checkbox with trigger set. After clicking on checkbox, page rerenders, but state is not persisted.

What about this behavior?

[lo5]

Thanks, @mturoci. The trigger bug you observed is probably #44 - will fix tomorrow.

[lo5]

Thanks @mturoci!