Moved useColorPicker to services

[mridulgogia]

Summary

#2895
Moved useColorPicker from src-docs/src/views/color_picker/utils.js ->src/services
Summarize your PR. If it includes design elements include a screenshot or gif.

Checklist

• Check against all themes for compatibility in both light and dark modes
• Checked in mobile
• Checked in IE11 and Firefox
• Props have proper autodocs
• Added documentation examples
• Added or updated jest tests
• Checked for breaking changes and labeled appropriately
• Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately

[kibanamachine]

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

[anishagg17]

someone is already working on this issue PR: #2918

[thompsongl]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3067/

[thompsongl]

Thanks for this, @mridulgogia

Moving and renaming to useColorPickerState looks good.

I think we need to add to the API of useColorStop to have it be worthwhile as a global export:

• Rename to useColorStopsState for consistency
• Like useColorPickerState, useColorStopsState should accept an array of ColorStops so consumers can initialize with a given state.

[thompsongl]

jenkins test this

[thompsongl]

Just about ready.

The name should be useColorStopsState, not useColorStopState (the component is name EuiColorStops, so consistency is important).

After that and fixing the merge conflict, this will be ready to merge

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3067/

[thompsongl]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3067/

[thompsongl]

Just noticed this, sorry.

The function signature changed from (useRandomColor: boolean) to (initialColorStops: colorStopsType[], useRandomColor: boolean) so any example that was using useColorStopsState(true) now causes errors.
You'll need to update the files where this service is used to pass the correct params.

[thompsongl]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3067/

[thompsongl]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3067/