Added Prop `hideUnavailableVariations` that enables hiding unavailable variations from DOM

[mihaidanieldumitru]

What problem is this solving?

Some clients have products with many variations that are unavailable at a time and they want to hide these variations and not with CSS because the showMore button still remains with the total number of variations.

How to test it?

Workspace Link 1 Workspace Link 2

Screenshots or example usage:

  "sku-selector": {
    "props": {
      "visibility": "more-than-one",
      "sortVariationsByLabel": true,
      "hideUnavailableVariations": true
    }
  },

Before

After

[vtex-io-ci-cd[bot]]

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

• [ ] Patch (backwards-compatible bug fixes)

• [ ] Minor (backwards-compatible functionality)

• [ ] Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

• [ ] No thanks, I would rather do it manually 😞