Added promise debounce library (with updated typescript) and async validation in Catalog form

[rvsia]

Description

• Adds library for debouncing promises
• Adds 'proof of concept' validation to Catalog form Services > Catalogs > Catalogs > Configuration > New/Edit (it controlls if name is available)
• Updates data-driven-form renderer to suppor function validators
• Updates Typescript to latest and allowed synthetic default export (to support the library)

Before

After

@terezanovotna

[rvsia]

@miq-bot add_label hammer/no, services, react, enhancement

[rvsia]

@Hyperkid123

[terezanovotna]

Awesome!! great job!

[Hyperkid123]

My only worry is that the author will stop supporting that package in near future. But the code seems simple enough to just steal it and move it mi MIQ 😄

We should also mention that if you want the validation to fail you need to return some value (for our components its the error message) from promise and if it should pass you return undefined.

Another thing that we should mention is that using promise based validator with normal function ones, the promise base will "break" them. Meaning that even if classic validator fails, the promise one will be completed when the promise is and that will most likely be after the normal ones which will render them useless. So your async validation will need some extra logic (adding required validation to promise resolution for instance). So what we could do is to actually export the validation functions from data driven forms and use them in promises. Or we can check if some validator is a promise and the hook rest of the validators to run when its resolved, but that another logic for something that will be used rarely.

[Hyperkid123]

@rvsia The validation works but there is a small issue. The validator is triggers even if you change different form field. I would add some memoize function that will remember the last input value and if its the same as current just return the old error message. This way we won't be making extra requests.

Example here: https://codesandbox.io/s/wyq72qxly5
see the simpleMemoize function

Otherwise looks good.

[rvsia]

@Hyperkid123 Data-driven forms updated and it works correctly!

[miq-bot]

Checked commits rvsia/manageiq-ui-classic@946234d~...60dd4eb with ruby 2.3.3, rubocop 0.52.1, haml-lint 0.20.0, and yamllint 1.10.0
0 files checked, 0 offenses detected
Everything looks fine. 👍