Use select componsition to style pf3 select

[Hyperkid123]

Changes

• use traditional css styling instead of css in js
• use composite components
• the searchable variant is now using PF dropdown as a base of the select to avoid positioning the input by css
• main logic was moved to common package
• async has to stay package-specific to due to the dropdown base (sorry can't do anything about that) and constant re-initializing if the component in searchable variant
• fixed some PF styling inconsistency

@rvsia @skateman this was a lot of refactoring and lof of the internal logic has changed. I would appreciate it if you could test this very thoroughly since there is a high chance that I've missed something. Even though the tests might pass I would like to test it manually.

[codecov]

Codecov Report

Merging #272 into master will increase coverage by 0.9%.
The diff coverage is 92.56%.

@@            Coverage Diff            @@
##           master     #272     +/-   ##
=========================================
+ Coverage   81.54%   82.45%   +0.9%     
=========================================
  Files          88       93      +5     
  Lines        1783     1824     +41     
  Branches      604      607      +3     
=========================================
+ Hits         1454     1504     +50     
+ Misses        329      320      -9

Impacted Files	Coverage Δ
...f3-component-mapper/src/form-fields/form-fields.js	95.34% <ø> (ø)	⬆️
packages/common/src/utils/fn-to-string.js	100% <100%> (ø)
...t-mapper/src/form-fields/select/clear-indicator.js	100% <100%> (ø)
...apper/src/form-fields/select/dropdown-indicator.js	100% <100%> (ø)
...-component-mapper/src/form-fields/select/option.js	100% <100%> (ø)
packages/common/src/prop-types-templates.js	100% <100%> (ø)
...3-component-mapper/src/form-fields/select/index.js	92.47% <91.35%> (-3.45%)	⬇️
packages/common/src/select/index.js	92.3% <92.3%> (ø)
... and 4 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update cf5b39b...333b9b6. Read the comment docs.

[skateman]

Tested in DDF editor, no issues 👍

[rvsia]

Looks great! 🏆

[rvsia]

@Hyperkid123 Looks great, however, the code coverage decreased too much. Could you add some test to increase it please?

[Hyperkid123]

i will once i am able

[Hyperkid123]

🎉 This PR is included in version 1.25.0 🎉

The release is available on

• react-form-renderer (@latest dist-tag)

• pf3-component-mapper (@latest dist-tag)

• pf4-component-mapper (@latest dist-tag)

• mui-component-mapper (@latest dist-tag)

Demo can be found here!