CIF-2480: improve bundle product and gift card options

[buuhuu]

Description

The change adds some minor improvements to the bundled products and gift card react components:

• hide/show quantity depending on the configured visible sections
• add a option__input to the div containing the quantity fields of an option, add option__input--fixed-quantity to the same div when the quantity cannot be changed for the input (bundled products)
• add a autoLoadOptions prop that, when set, enables the bundled product react component to load the options immediately without the need to click the "customise" button (bundled products)
• add a summary__title class to the h3 containing the priceinfo and required span (bundled products)

(1) requires a data-show-quantity attribute to be set to the mount point element. This has been newly introduced and would be a breaking change for customers that overwrite the productFullDetail.html. It was done that way in favour of negating the logic and fit the existing behaviour (e.g. data-hide-quantity) to have consistency with the other data attributes and to use a positive language.

Related Issue

CIF-2480

Motivation and Context

Improve the flexibility of the react components for composable product detail experiences

How Has This Been Tested?

Unit tests and locally using wknd+commerce

Screenshots (if appropriate):

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [X] New feature (non-breaking change which adds functionality)
• [X] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• [X] I have signed the Adobe Open Source CLA.
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [X] I have read the CONTRIBUTING document.
• [X] I have added tests to cover my changes and the overall coverage did not decrease.
• [X] All unit tests pass on CircleCi.
• [X] I ran all tests locally and they pass.

[codecov[bot]]

Codecov Report

Merging #934 (5f3b3d5) into master (0ce0e30) will increase coverage by 0.02%. The diff coverage is 100.00%.

@@             Coverage Diff              @@
##             master     #934      +/-   ##
============================================
+ Coverage     89.68%   89.71%   +0.02%     
  Complexity     2125     2125              
============================================
  Files           343      343              
  Lines          9502     9517      +15     
  Branches       1368     1378      +10     
============================================
+ Hits           8522     8538      +16     
+ Misses          700      699       -1     
  Partials        280      280              

Flag	Coverage Δ
integration	52.35% <ø> (ø)
jest	86.49% <100.00%> (+0.11%)	:arrow_up:
karma	95.66% <ø> (ø)
unittests	88.74% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...nents/BundleProductOptions/bundleProductOptions.js	95.28% <100.00%> (+1.73%)	:arrow_up:
.../src/components/GiftCardOptions/giftCardOptions.js	96.15% <100.00%> (+0.32%)	:arrow_up:

---

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 0ce0e30...5f3b3d5. Read the comment docs.