fix(graphCard): ent-3507 expose start, end for date query

[cdcabrera]

What's included

• fix(graphCard): ent-3507 expose start, end for date query
  • graphCard, expose start, end query to allow alt granularity dropdown
  • openshiftView, productView, Rhel, Satellite, props updates
  • viewReducer, queryTypes, graphCardSelectors, expose start, end query
• feat(toolbarFieldRangedMonthly): ent-3507 select month range
  • dateHelpers, generate a listing of month, date objects
  • select, maxHeight pf prop
  • toolbarFieldRangedMonthly, prior months with date ranges

Notes

• Require setting the granularity date range for graphCard. The new flex graph display monthly ranges for OpenShift are based on daily granularity but are a range for specific months. Since we plan on reusing the graph component we now pass start/beginning and end/ending query params. Relocates the granularity "infer" in the related granularity dropdown component.
• Creates the new dropdown/select for monthly ranges, see below examples. Based on UX/design we place the prior year next to the related months.
  • Future updates include turning this dropdown/select into a divided select based on PF React Select
  • This is a behind the scenes add, currently this component is NOT linked from anywhere

How to test

Coverage and basic unit test check

1. update the NPM packages with $ yarn
2. $ yarn test
3. confirm tests come back without error

Proxy run check

1. update the NPM packages with $ yarn
2. make sure Docker is running, plus on network, then
3. $ yarn start:proxy
4. confirm granularity can still be updated across all products, RHEL, Satellite, and existing OpenShift

Example

Updates issue/story

ent-3507
ent-3324

[codecov-io]

Codecov Report

Merging #589 (aeb1cd8) into ci (6a7b074) will decrease coverage by 0.05%.
The diff coverage is 98.11%.

@@            Coverage Diff             @@
##               ci     #589      +/-   ##
==========================================
- Coverage   94.10%   94.04%   -0.06%     
==========================================
  Files          85       86       +1     
  Lines        2069     2537     +468     
  Branches      523      864     +341     
==========================================
+ Hits         1947     2386     +439     
- Misses        102      131      +29     
  Partials       20       20              

Impacted Files	Coverage Δ
src/components/openshiftView/openshiftView.js	89.79% <ø> (-1.39%)	⬇️
src/components/productView/productView.js	100.00% <ø> (ø)
src/components/productView/productViewRhel.js	85.71% <ø> (-1.79%)	⬇️
src/components/productView/productViewSatellite.js	85.71% <ø> (-1.79%)	⬇️
src/redux/selectors/graphCardSelectors.js	98.14% <ø> (-1.86%)	⬇️
src/redux/types/queryTypes.js	100.00% <ø> (ø)
...rc/components/toolbar/toolbarFieldRangedMonthly.js	91.66% <91.66%> (ø)
src/common/dateHelpers.js	100.00% <100.00%> (ø)
src/components/form/select.js	100.00% <100.00%> (ø)
src/components/graphCard/graphCard.js	90.38% <100.00%> (+1.74%)	⬆️
... and 57 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 6a7b074...aeb1cd8. Read the comment docs.

[cdcabrera]

We have a test branch for handling the toISOString conversions inside dateHelpers. This update still seems viable, but we'll know more once we start using the new toolbarFieldRangedMonthly. We'll revisit it, https://github.com/cdcabrera/curiosity-frontend/tree/20210224-dev-isostring-date-ent-3507