feat(templates): use non-experimental dynamic widgets (#544)

FX-657

Author: Haroenv

e2e/__snapshots__/templates.test.js.snap

@@ -5737,7 +5737,7 @@ import {
   Hits,
   SearchBox,
   Configure,
-  ExperimentalDynamicWidgets,
+  DynamicWidgets,
   RefinementList,
   Pagination,
   Highlight,
@@ -5767,10 +5767,10 @@ function App() {
           <div className=\\"search-panel\\">
             <div className=\\"search-panel__filters\\">
               <Configure facets={['*']} maxValuesPerFacet={20} />
-              <ExperimentalDynamicWidgets fallbackWidget={RefinementList}>
+              <DynamicWidgets fallbackWidget={RefinementList}>
                 <RefinementList attribute=\\"facet1\\" />
                 <RefinementList attribute=\\"facet2\\" />
-              </ExperimentalDynamicWidgets>
+              </DynamicWidgets>
             </div>
 
             <div className=\\"search-panel__results\\">
@@ -7456,10 +7456,10 @@ exports[`Templates Vue InstantSearch File content: src/App.vue 1`] = `
         <div class=\\"search-panel\\">
           <div class=\\"search-panel__filters\\">
             <ais-configure :facets=\\"['*']\\" :max-values-per-facet.camel=\\"20\\" />
-            <ais-experimental-dynamic-widgets>
+            <ais-dynamic-widgets>
               <ais-refinement-list attribute=\\"facet1\\" />
               <ais-refinement-list attribute=\\"facet2\\" />
-            </ais-experimental-dynamic-widgets>
+            </ais-dynamic-widgets>
           </div>
 
           <div class=\\"search-panel__results\\">

src/templates/React InstantSearch/.template.js

@@ -6,7 +6,7 @@ module.exports = {
   libraryName: 'react-instantsearch-dom',
   supportedVersion: '>= 5.0.0 < 7.0.0',
   flags: {
-    dynamicWidgets: '>=6.12',
+    dynamicWidgets: '>=6.16',
   },
   templateName: 'react-instantsearch',
   appName: 'react-instantsearch-app',

src/templates/React InstantSearch/src/App.js.hbs

@@ -6,7 +6,7 @@ import {
   SearchBox,
   {{#if flags.dynamicWidgets}}
   Configure,
-  ExperimentalDynamicWidgets,
+  DynamicWidgets,
   {{/if}}
   {{#if attributesForFaceting}}
   RefinementList,
@@ -42,11 +42,11 @@ function App() {
             <div className="search-panel__filters">
               {{#if flags.dynamicWidgets}}
               <Configure facets={['*']} maxValuesPerFacet={20} />
-              <ExperimentalDynamicWidgets fallbackWidget={RefinementList}>
+              <DynamicWidgets fallbackWidget={RefinementList}>
                 {{#each attributesForFaceting}}
                 <RefinementList attribute="{{this}}" />
                 {{/each}}
-              </ExperimentalDynamicWidgets>
+              </DynamicWidgets>
               {{else}}
               {{#each attributesForFaceting}}
               <RefinementList attribute="{{this}}" />

src/templates/Vue InstantSearch/.template.js

@@ -6,7 +6,7 @@ module.exports = {
   libraryName: 'vue-instantsearch',
   supportedVersion: '>= 3.0.0 < 5.0.0',
   flags: {
-    dynamicWidgets: '>=3.8.0',
+    dynamicWidgets: '>=4.2.0',
   },
   templateName: 'vue-instantsearch',
   appName: 'vue-instantsearch-app',

src/templates/Vue InstantSearch/src/App.vue

@@ -20,11 +20,11 @@
           <div class="search-panel__filters">
             {{#if flags.dynamicWidgets}}
             <ais-configure :facets="['*']" :max-values-per-facet.camel="20" />
-            <ais-experimental-dynamic-widgets>
+            <ais-dynamic-widgets>
               {{#each attributesForFaceting}}
               <ais-refinement-list attribute="{{this}}" />
               {{/each}}
-            </ais-experimental-dynamic-widgets>
+            </ais-dynamic-widgets>
             {{else}}
             {{#each attributesForFaceting}}
             <ais-refinement-list attribute="{{this}}" />