Features

• Update emotion to 10.x @ShahAnuj2610 (#1477)

Bug Fixes

• Clear redux state when component un-mounts @bietkul https://github.com/appbaseio/reactivecore/commit/7d439b3f741546a35050c88defb1a4fdc8b9574c

Features

• Make dataField optional for DataSearch when enableAppbase is true @ShahAnuj2610 (#1448)
• Make defaultQuery and customQuery reactive @ShahAnuj2610 (#1435)
• Add first-class support for query suggestions @ShahAnuj2610 (#1459)

Performance

• Avoid redundant queries on initial mount @ShahAnuj2610 (#1463)

Bug Fixes

• Fix dynamic range slider when enableAppbase is true @bietkul [b2320802]

Bug Fixes

• Fix reactivesearch dependency @bietkul https://github.com/appbaseio/reactivesearch/commit/dc1b3bacac38a2ae9db126bf738029031994141d

Bug Fixes

• Fix map re-rendering with mouse hover @lakhansamani (#1434)

Features

• Reactivesearch API Integration @bietkul https://github.com/appbaseio/reactivesearch/commit/de4d7d562a52fd03f51d29a23b339166ba3fa748

Bug Fixes

• Update customData when the value is not present

Bug Fixes:

Fixed various issues with RS API @bietkul https://github.com/appbaseio/reactivecore/commit/2840cd1a23e446a868992c0fd5a47c4410b30500

• Fix cyclic dependency issue with react prop
• Fix selectAllLabel property for term queries
• Fix after key for term query, only apply when pagination i.e showLoadMore is set to true

Bug Fixes

• Typo fix in search query @bietkul [958d46c]

Bug Fixes

• Fix search query for keywords fields @bietkul [87589c7]

Features

• Add support for voice search (#1352)
• Update search value on search icon click (#a1342)
• Add support to display promoted results (#1303)

Bug Fixes

• Fix size prop in DataSearch (#1344)
• Fix URLParams behavior in MultiRange (#1294)

Bug Fixes

• Fix the analytic bug with empty_query @bietkul

Vue ReactiveSearch 1.0.0  is our first stable release for Vue ReactiveSearch. This release addresses critical bugs and makes it easier than ever to build complex search UIs. Thanks 🙌 to all the contributors for making this release possible!

You can read more about the library and how to get started with it in our launch blog post over here.

Controlled components

To enable effective control over the components, we now support defaultValue and value props. These new props enable better controlled and uncontrolled usage for all the ReactiveSearch components.

• [#1194] Add controlled behavior in Range Components
• [#1193] Add controlled behavior for list components

Render props

Most of the components support the data event with a slot named render, data event can be used to listen for the data changes and the render slot is just for the custom UI rendering. Apart from that, we added some new slots for better UI customization.

• [#1244] Add renderLabel prop for dropdown components
• [#1243] Add support for render prop for list and dropdown components, rename renderAllSuggestions to render in search components
• [#993] Add render slot to ToggleButton

New components

• [d71359c6] We added StateProvider component which allows you to access the current state of your components along with the search results. For instance, you can use this component to create results/no results or query/no query pages. Read more here.

Accessibility enhancements

• [#1185] Add a11y for selected filters
• [#1186]Add a11y for toggle button

Custom and default query DSL

ReactiveSearch gives you more freedom to customize the elasticsearch query with the help of defaultQuery & customQuery prop which can be used to set query options along with the actual query. Read more here.

Nested Field support

It can be used to set the nested mapping field that allows arrays of objects to be indexed in a way that they can be queried independently of each other.

• [#795] Add nestedField in List Components
• [#796] Add nestedField support in Range Components
• [#797] Add nestedField in search components

Breaking Changes

• [af38b6ef] Remove deprecated defaultSelected prop, use defaultValue instead
• [8a3d888a] Remove resultStats event from ReactiveList, now it'll be a part of data event.
• [#1247] Update onData event data and add more props for ReactiveComponent
• [#1245] Rename renderSuggestion to parseSuggestion in DataSearch component

Miscellaneous

• [#1262] Control analytics with analyticsConfig prop in ReactiveBase
• [#1246] Add change event for SelectedFilters
• [#1232] Add aggregationField for Search and Result components
• [#1206] Custom tag for ReactiveBase
• [#1184] Add showEndPage to ReactiveList
• [#1009] Add support for transformResponse
• [#931] Add SSR support

Bug Fixes

• [#1266] Fix style of DataSearch clear icon
• [#1260] Fix pagination when URLParams is set to true
• [#1259] Fix edge cases for pagination
• [#1256] Fix infinite scroll for aggregationField in ReactiveList
• [2bfa0375] Make pagination prop as reactive
• [864c22f7] Fix installation of sub-components
• [#1217] Set size to zero when nestedField present for list components
• [#1189] DynamicRangeSlider fix
• [#1177] Fix search icon position
• [#1121] Fix umd build issue
• [2d2139b5] Fix theme variable conflict with Vuetify
• [ddef5200] Fix highlight issue in DataSearch
• [85db20dc] Fix highlight search query in suggestion

Release Highlights

• [ccf4cb83] Add support for async transformRequest in SSR (#1114)
• [52b76018] Allow to modify url in transformRequest
• [8d08d64a] Trigger renderNoResults when no items returned from msearch (#1145) (#1137)
• [4f4aeb02] SSR v7 total object -> value (#1147) (#1139)
• [3ef782c7] Prop validation in PoweredBy (#1144)
• [6e7bd136] Make selectedfilters accessible (#1132)
• [38efb762] Close dropdown on escape key (#1126)
• [c96a60e7] Focus input after mic has stopped listening (#1125)
• [cfec2faa] TabIndex and alt attribute on pagination (#1131)
• [2cce83f3] Force ReactiveList to re-render if customRender changes (#1124)

🍾 ReactiveSearch 3.0 is our biggest release till date and includes new features (voice search, GraphQL support), major accessibility enhancements and changes that make it easier than ever to build production grade search UIs.

Thanks 🙌 to all the contributors for making this possible!

Controlled components

To enable effective control over the components, we now support defaultValue and value props. These new props enable better controlled and uncontrolled usage for all the ReactiveSearch components.

• [115974e] Handle controlled behavior of component (#1111)
• [82b81e0] Controlled behavior in range input (#1116)
• [e3d02fd] Add triggerQuery in missing handlers
• [8a2623d] Caret position in controlled behavior
• [1ccff2a] Better controlled behavior in search components (#1021)
• [d5d46f5] Controlled behavior with URL params

Render props

Most of the components support the onData with a custom render prop, onData can be used to listen for the data changes and render is just for the custom UI rendering. It resolves a major issue of v2 where we used to have only one function to handle both UI & data changes, creating side effects in that may create the infinite loop (re-rendering) issue.
Apart from that we added some new render prop for the better UI customization.

• [a2bf7ec] Add renderLabel prop in Dropdown Components (#1057) (#1103)
• [66205c7] Add support for custom pagination (#1026)
• [ae21095] Add render prop in ReactiveComponent (#906)
• [5d9c107] Better specs for render props for result/search/list components (#843) (#895)
• [8792c25] Add renderNoResults in List component (#716)
• [fea889f] Improve customization through render props (#684)

New components

• [1ee3b34] We added StateProvider component which allows you to access the current state of your components along with the search results. For instance, you can use this component to create results/no results or query/no query pages. Read more here

Voice search

We added built-in support for the voice search functionality in search components (#1046).

GraphQL support

Added support for connecting to ElasticSearch GraphQL Server, and making queries in way similar to that of ElasticSearch REST API. Read more about graphQLUrl prop which can be used for connecting to the server here.

• [6041fdb] Add support for graphQLUrl + transformResponse + headers via ssr-config (#1101)
• [6b2c49c] Add support for graphql queries (#691)

Accessibility enhancements

• [95ae858] Accessibility enhancements in list components (#1041)
• [5a79176] Range components accessibility (#1044)
• [d6865c3] Add keyboard accessibility in ToggleButton (#1038)
• [1029b4c] Accessibility enhancements in Search Components (#1042)
• [a70fd2b] Add aria label in date picker input (#1043)

Custom and default query DSL

ReactiveSearch v3 gives you more freedom to customize the elasticsearch query with the help of defaultQuery & customQuery prop which can be used to set quey options along with the actual query. Read more here.

• [559be76] Add defaultQuery in List Components (#784)
• [7ff7b00] Add support for customQuery in ReactiveComponent
• [663418c] Add richer queryDSL support for base components
• [b93232f] Add richer queryDSL support in list components
• [c5a845b] Add richer queryDSL support in range components
• [d9d619a] Add richer queryDSL support in reactive component
• [6b25a2d] Fix defaultQuery bug in list components (#853)

Nested Field support

It can be used to set the nested mapping field that allows arrays of objects to be indexed in a way that they can be queried independently of each other.

• [a3306ba] Add nestedField support for Range Components (#768)
• [4cbb80b] Add nestedField support for Date Components (#766)
• [806ad16] Add support for nestedField in Search Component (#765)
• [b90ed7b] Add nestedField Support in Base Components (#764)
• [3a25cca] Add support for nestedField in List Components (#763)

Breaking Changes

• [a96f569] Rename ReactiveComponent onAllData to onData (#980)
• [afa9b5c] Rename render props (#786)

Miscellaneous

• [21b4595] Add support for elasticsearch 7.0.0 (#948)
• [f852667] Add includeNullValues prop to handle sparse data (#1108)
• [422d37a] Add as prop to use custom tag for ReactiveBase
• [5fe57e1] Add built-in support for search operators (#1006)
• [6ad6449] Add click analytics in search components
• [255e5a9] Add support for including unrated results in RatingsFilter (#1003)
• [7c6241e] Add showLoader prop in reactive list
• [c31c32c] Add searchStateHeader in ReactiveBase
• [6a14c94] Add support for icon & dimmedIcon
• [2d436b7] Add support for promoted results
• [ba65090] Add parseDate prop (#882)
• [1cfa37e] Make Date input editable (#881)
• [9bd11d4] Add support for onChange prop in SelectedFilters #670
• [24b5c79] Add support for defaultSortOption in result components #762 (#844)
• [2b63195] Add getter + setter for query params in URL #824
• [4d38c9f] Support category retrieval from URL (or) store in CategorySearch
• [565be1f] Add transformResponse prop (#755)
• [bad3213] Add click handler for search icon in search components (#747)
• [3c9baa2] Add support for scrollOnChange (#729)
• [e334059] Introduce showEndPage in ReactiveList to render last pages in pagination (#1022)

Bug Fixes

• [729e500] DynamicRangeSlider component when no results found (#1104)
• [f57e5b8] Fix onError & theme prop in CategorySearch
• [9c841c7] Fix default size in query options when value is 0 (#1094)
• [e196b36] Default value on clear (#1045)
• [2a6cab9] Make scroll to top compatible in browser (#1031)
• [d45038c] Promoted results
• [4e2e6e5] Inconsistent results after clearing filters #1027
• [9e19bf6] SSR fails with ReactiveList (#1024)
• [b193605] Apply the should query irrespective of the showMissing prop
• [3a2f922] Fix onData in ReactiveList (#1007)
• [9620828] Typings for sort options in reactive list (#998)
• [228731b] Prefer highlightField over dataField in search components
• [00688bc] Use renderNoResults when no options found (#982)
• [eba38cf] Fix showLoadMore issues in list components
• [23a0b22] URL provider for undefined component
• [243f470] Correctly fire pop state event on IE11 to prevent app crash.
• [6e1cfaf] Continue parsing URL params even if one fails
• [2ecb29c] Display SelectedFilter with custom URL params (#901)
• [016f6d4] Maintain sort index on result updates (#898)
• [672c6d5] Fix SSR with react-dom-server - (#513)
• [db9b503] Fix nested aggs + composite aggs query - (#845)
• [d9b2f26] Listen + handle url history changes on non-pop state events
• [133cb97] Fix infinite loading + scrollOnChange behavior with results #830
• [6bb36c7] Set query size to 0 for composite aggs (#745)
• [54b38c3] Suggestions query in search components
• [dac3f13] Fix categorySearch behavior - (#799)
• [36de40f] Fix selectedFilters behavior in List controlled (#788)
• [64c18ba] Fix selectedFilters behavior in Range components (#789)
• [9aa2655] Fix selectedFilters and controlled behavior in base components (#785)
• [84f0f67] Fix issues with static methods in SSR (#758)
• [ae9a233] Fix range input validation onChange of slider (#725)

Performance

• Add support for React version > 16.3
• [0e8f39b] Avoid re rendering of result item, pagination & poweredBy Image (#1102)
• [8f5ff25] Update URLSearchParams package (#1017)

Are you still using v2 and want to update, please check out the migration guide.

Fixes parsing of query parameters #754

2.16.0 Highlights

• Add click handler for search icon in search components #746
• Enable better parsing of query parameters #752

Release Highlights

• Add loader support #652
• Fix styling of checkboxes and radio inputs #653
• Add showCount and renderListItem to Single/MultiDataList #658
• Result components DOM cleanup #672
• Add SSR support for transformRequest #709
• Remove input validation onChange of slider #713

Minor fix

Updates reactivecore to include result components loading fixes

Release highlights

• Fixes loading for result component - info
• Adds support for renderTooltipData for custom tooltip content #611
• Adds nested object mapping support for MultiList #595