fix(examples): fix IE11 compatibility for e-commerce demo (#4049)

Author: Yannick Croissant

examples/e-commerce/src/ui.ts

@@ -1,9 +1,9 @@
-const filtersButtons = [
-  ...document.querySelectorAll('[data-action="open-overlay"]'),
-];
-const closeOverlayButtons = [
-  ...document.querySelectorAll('[data-action="close-overlay"]'),
-];
+const filtersButtons = Array.prototype.slice.call(
+  document.querySelectorAll('[data-action="open-overlay"]')
+);
+const closeOverlayButtons = Array.prototype.slice.call(
+  document.querySelectorAll('[data-action="close-overlay"]')
+);
 const header = document.querySelector('#header');
 const resultsContainer = document.querySelector('.container-results');
 

examples/e-commerce/src/widgets/HitsPerPage.ts

@@ -24,7 +24,7 @@ export const hitsPerPage = hitsPerPageWidget({
 export function getFallbackHitsPerPageRoutingValue(
   hitsPerPageValue: string
 ): string | undefined {
-  if (items.map(item => item.value).includes(Number(hitsPerPageValue))) {
+  if (items.map(item => item.value).indexOf(Number(hitsPerPageValue)) !== -1) {
     return hitsPerPageValue;
   }
 

examples/e-commerce/src/widgets/SortBy.ts

@@ -24,7 +24,7 @@ export const sortBy = sortByWidget({
 export function getFallbackSortByRoutingValue(
   sortByValue: string
 ): string | undefined {
-  if (items.map(item => item.value).includes(sortByValue)) {
+  if (items.map(item => item.value).indexOf(sortByValue) !== -1) {
     return sortByValue;
   }