add more translate docs

docs/components/basics/search-box.md

@@ -30,5 +30,8 @@ class App extends SearchkitComponent<any, any> {
 - `mod` *(string)*: Optional. A custom BEM container class.
 - `translations` *(Object)*: An object of translations you wish to override. For more information on translations see [translate](../../core/translate.md) page.
 
+## Translations
+- `searchbox.placeholder` - "Search"
+
 ## Demo
 [](codepen://searchkit/zrNrGW?height=800&theme=0)

docs/components/metadata/stats.md

@@ -53,3 +53,9 @@ You can override the default display for HitsStats by overriding the renderText
 - `getHitCount` returns the number of hits.
 - `getTime` returns the time taken for the query.
 - `getResults` returns the results object.
+
+## Props 
+- `translations` *(Object)*: An object of translations you wish to override. For more information on translations see [translate](../../core/translate.md) page.
+
+## Translations
+- `hitstats.results_found` - "results found"

docs/components/navigation/pagination.md

@@ -22,3 +22,7 @@ class App extends SearchkitComponent<any, any> {
 
 ## Props
 - `translations` *(Object)*: An object of translations you wish to override. For more information on translations see [translate](../../core/translate.md) page.
+
+## Translations
+- `pagination.previous` - Previous
+- `pagination.next` - Next

docs/components/navigation/refinement-list.md

@@ -27,6 +27,11 @@ class App extends SearchkitComponent<any, any> {
 - `operator` *('AND'|'OR')*: If you filter on a and b with OR, results with either the value a or b will match. If you select a and b, results will show which have both a and b.
 - `translations` *(Object)*: An object of translations you wish to override. For more information on translations see [translate](../../core/translate.md) page.
 
+## Translations
+- `facets.view_more` - View more
+- `facets.view_less` - View less
+- `facets.view_all` - View all
+
 
 ## Demo
 [](codepen://searchkit/zrNrzL?height=800&theme=0)

docs/components/navigation/reset.md

@@ -23,6 +23,8 @@ class App extends SearchkitComponent<any, any> {
 ## Props
 - `translations` *(Object)*: An object of translations you wish to override. For more information on translations see [translate](../../core/translate.md) page.
 
+## Translations
+- `reset.clear_all` - Clear All Filters
 
 ## Extending Component
 

docs/core/Translate.md

@@ -32,3 +32,23 @@ You can pass any component an object of translations you wish to override. Examp
 ```jsx
 <SearchBox translations={{"searchbox.placeholder":"search movies"}} autofocus={true} searchOnChange={true} queryFields={["actors^1","type^2","languages","title^5", "genres^2"]}/>
 ```
+
+## List of all translation overrides with their defaults
+
+### ResetFilters
+- `reset.clear_all` - Clear All Filters
+
+### RefinementListFilter
+- `facets.view_more` - View more
+- `facets.view_less` - View less
+- `facets.view_all` - View all
+
+### HitStats
+- `hitstats.results_found` - "results found"
+
+### Pagination
+- `pagination.previous` - Previous
+- `pagination.next` - Next
+
+### Searchbox
+- `searchbox.placeholder` - "Search"

src/components/search/filters/reset-filters/src/ResetFilters.tsx

@@ -16,7 +16,7 @@ export interface ResetFiltersProps extends SearchkitComponentProps {
 export class ResetFilters extends SearchkitComponent<ResetFiltersProps, any> {
 
 	static translations:any = {
-		"ClearAllFilters":"Clear all filters"
+		"reset.clear_all":"Clear all filters"
 	}
 	translations = ResetFilters.translations
 
@@ -46,7 +46,7 @@ export class ResetFilters extends SearchkitComponent<ResetFiltersProps, any> {
 		var block = this.bemBlocks.container
 
 		return (
-			<div className={block("reset")}>{this.translate("ClearAllFilters")}</div>
+			<div className={block("reset")}>{this.translate("reset.clear_all")}</div>
 		)
 	}
 

src/components/search/filters/reset-filters/test/ResetFiltersSpec.tsx

@@ -10,15 +10,10 @@ describe("Reset Filter tests", () => {
   beforeEach(() => {
 
     this.searchkit = new SearchkitManager("localhost:9200", {useHistory:true})
-    this.searchkit.translateFunction = (key)=> {
-      return {
-        "ClearAllFilters":"reset filters"
-      }[key]
-    }
 
     this.createWrapper = () => {
       this.wrapper = mount(
-        <ResetFilters searchkit={this.searchkit} />
+        <ResetFilters searchkit={this.searchkit} translations={{"reset.clear_all":"reset filters"}}/>
       );
     }
 

src/components/search/hits-stats/src/HitsStats.tsx

@@ -13,7 +13,7 @@ export interface HitsStatsProps extends SearchkitComponentProps {
 export class HitsStats extends SearchkitComponent<HitsStatsProps, any> {
 
 	static translations:any = {
-		"ResultsFound":"results found"
+		"hitstats.results_found":"results found"
 	}
 	translations = HitsStats.translations
 
@@ -40,7 +40,7 @@ export class HitsStats extends SearchkitComponent<HitsStatsProps, any> {
 	renderText() {
 		return (
 			<div className={this.bemBlocks.container("info")} data-qa="info">
-				{this.getHitCount()} {this.translate("ResultsFound")}
+				{this.getHitCount()} {this.translate("hitstats.results_found")}
 			</div>
 		)
 	}

src/components/search/hits-stats/test/HitsStatsSpec.tsx

@@ -11,7 +11,7 @@ describe("HitsStats tests", () => {
     this.createWrapper = () => {
 
       this.wrapper = mount(
-        <HitsStats searchkit={this.searchkit} translations={{"ResultsFound":"movies found"}} />
+        <HitsStats searchkit={this.searchkit} translations={{"hitstats.results_found":"movies found"}} />
       );
 
     }