feat(toggleRefinement): implement InstantSearch.css (algolia#3135)

huanyifan · Oct 3, 2018 · d67a437 · d67a437
1 parent 80f2e06
commit d67a437
Show file tree

Hide file tree

Showing 21 changed files with 1,022 additions and 1,368 deletions.
diff --git a/dev/app/builtin/init-stories.js b/dev/app/builtin/init-stories.js
@@ -21,7 +21,7 @@ import initSearchBoxStories from './stories/search-box.stories';
 import initSortByStories from './stories/sort-by.stories';
 import initStarRatingStories from './stories/star-rating.stories';
 import initStatsStories from './stories/stats.stories';
-import initToggleStories from './stories/toggle.stories';
+import initToggleStories from './stories/toggleRefinement.stories';
 import initConfigureStories from './stories/configure.stories';
 
 export default () => {

diff --git a/dev/app/builtin/stories/toggle.stories.js → ...iltin/stories/toggleRefinement.stories.js b/dev/app/builtin/stories/toggle.stories.js → ...iltin/stories/toggleRefinement.stories.js
@@ -4,20 +4,19 @@ import { storiesOf } from 'dev-novel';
 import instantsearch from '../../../../index';
 import { wrapWithHits } from '../../utils/wrap-with-hits.js';
 
-const stories = storiesOf('Toggle');
+const stories = storiesOf('ToggleRefinement');
 
 export default () => {
   stories
     .add(
       'default',
       wrapWithHits(container => {
         window.search.addWidget(
-          instantsearch.widgets.toggle({
+          instantsearch.widgets.toggleRefinement({
             container,
-            attributeName: 'free_shipping',
-            label: 'Free Shipping (toggle single value)',
+            attribute: 'free_shipping',
             templates: {
-              header: 'Shipping',
+              labelText: 'Free Shipping (toggle single value)',
             },
           })
         );
@@ -27,16 +26,13 @@ export default () => {
       'with on & off values',
       wrapWithHits(container => {
         window.search.addWidget(
-          instantsearch.widgets.toggle({
+          instantsearch.widgets.toggleRefinement({
             container,
-            attributeName: 'brand',
-            label: 'Canon (not checked) or sony (checked)',
-            values: {
-              on: 'Sony',
-              off: 'Canon',
-            },
+            attribute: 'brand',
+            on: 'Sony',
+            off: 'Canon',
             templates: {
-              header: 'Google or amazon (toggle two values)',
+              labelText: 'Canon (not checked) or sony (checked)',
             },
           })
         );

diff --git a/dev/app/jquery/init-stories.js b/dev/app/jquery/init-stories.js
@@ -13,7 +13,7 @@ import initSearchBoxStories from './stories/search-box.stories';
 import initSortByStories from './stories/sort-by.stories';
 import initStarRatingStories from './stories/star-rating.stories';
 import initStatsStories from './stories/stats.stories';
-import initToggleStories from './stories/toggle.stories';
+import initToggleStories from './stories/toggleRefinement.stories';
 import initAutcompleteStories from './stories/autocomplete.stories';
 
 export default () => {

diff --git a/dev/app/jquery/stories/toggle.stories.js → ...query/stories/toggleRefinement.stories.js b/dev/app/jquery/stories/toggle.stories.js → ...query/stories/toggleRefinement.stories.js
@@ -2,17 +2,16 @@ import { storiesOf } from 'dev-novel';
 import { wrapWithHitsAndJquery } from '../../utils/wrap-with-hits.js';
 import * as widgets from '../widgets/index.js';
 
-const stories = storiesOf('Toggle');
+const stories = storiesOf('ToggleRefinement');
 
 export default () => {
   stories.add(
     'default',
     wrapWithHitsAndJquery(containerNode => {
       window.search.addWidget(
-        widgets.toggle({
+        widgets.toggleRefinement({
           containerNode,
-          attributeName: 'free_shipping',
-          label: 'Free Shipping (toggle single value)',
+          attribute: 'free_shipping',
           title: 'Free Shipping',
         })
       );

diff --git a/dev/app/jquery/widgets/index.js b/dev/app/jquery/widgets/index.js
@@ -12,6 +12,6 @@ export { default as searchBox } from './searchBox';
 export { default as sortBy } from './sortBy';
 export { default as starRating } from './starRating';
 export { default as stats } from './stats';
-export { default as toggle } from './toggle';
+export { default as toggleRefinement } from './toggleRefinement';
 export { default as infiniteHits } from './infiniteHits';
 export { default as showMoreMenu } from './showMoreMenu';
diff --git a/dev/app/jquery/widgets/toggle.js → dev/app/jquery/widgets/toggleRefinement.js b/dev/app/jquery/widgets/toggle.js → dev/app/jquery/widgets/toggleRefinement.js
@@ -6,7 +6,7 @@ const renderFn = (
     value,
     createURL,
     refine,
-    widgetParams: { title = 'Toggle', containerNode },
+    widgetParams: { title = 'ToggleRefinement', containerNode },
   },
   isFirstRendering
 ) => {
@@ -52,4 +52,4 @@ const renderFn = (
   });
 };
 
-export default instantsearch.connectors.connectToggle(renderFn);
+export default instantsearch.connectors.connectToggleRefinement(renderFn);