Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 22:09
    mkbctrl edited #1565
  • 22:09
    mkbctrl labeled #1565
  • 22:09
    mkbctrl opened #1565
  • Dec 03 17:23
    DustinKLo commented #1460
  • Dec 02 15:37
    malsioufi edited #1564
  • Dec 02 15:36
    malsioufi opened #1564
  • Dec 02 15:36
    malsioufi labeled #1564
  • Dec 01 22:33
    stale[bot] labeled #1475
  • Dec 01 22:33
    stale[bot] commented #1475
  • Nov 27 19:22
    stale[bot] labeled #1458
  • Nov 27 19:22
    stale[bot] commented #1458
  • Nov 27 13:13
    malsioufi edited #1563
  • Nov 27 12:16
    malsioufi labeled #1563
  • Nov 27 12:16
    malsioufi opened #1563
  • Nov 27 00:04
    infinitodk commented #1546
  • Nov 26 18:31
    mkecera commented #1562
  • Nov 26 18:31
    mkecera closed #1562
  • Nov 26 10:38
    sa-aj commented #1460
  • Nov 26 10:37
    sa-aj commented #1460
  • Nov 26 10:04
    mkecera edited #1562
stonesthatwhisper
@stonesthatwhisper
My current work-around is like this:
<ReactiveList.ResultCardsWrapper>
                      {data.map((item) => (
                        <ResultCard key={item._id}>
                          <a href="...">
                             <ResultCard.Image .../>
                             <ResultCard.Description .../>
                          </a>
                        </ResultCard>))
                       }
</ReactiveList.ResultCardsWrapper>
ikewabo
@ikewabo
@ButsAndCats ... I'm stuck in the same boat - wss://..* auth failure. Spent millions of seconds to no avail. It is related to streaming and affects only ReactiveGoogleMap in my case. I turned off streaming in the component - however - the issue persist. I wonder if there is a paid workaround as I'm not at liberty to route through external domain links. I here mention of setting up your own elasticsearch websocket plugin, but can Appbase.io give a hint of how they overcame this issue or mod the ReactiveGoogleMap component so that it will respect the no-streaming setting?
SergeyRe
@SergeyRe

I would like to make request to range datatype field

GET range_index/_search
{
  "query" : {
    "term" : {
      "expected_attendees" : {
        "value": 12
      }
    }
  }
}

How to realize it via Data<DataSearch> and Custom Query ?

stonesthatwhisper
@stonesthatwhisper

Can we customize SingleDropdownList's defaultQuery in typescript? I am getting a TypeError: props.setDefaultQuery is not a function:

TypeError: props.setDefaultQuery is not a function
    at updateDefaultQuery 
(/app/node_modules/
appbaseio/reactivecore/lib/utils/helper.js:1:2246
    at updateInternalQuery 
(/app/node_modules/
appbaseio/reactivecore/lib/utils/helper.js:1:11953
    at SingleDropdownList.updateDefaultQuery (/app/node_modules/
appbaseio/reactivesearch/lib/components/list/SingleDropdownList.js:375:35
    at SingleDropdownList.updateQueryOptions (/app/node_modules/
appbaseio/reactivesearch/lib/components/list/SingleDropdownList.js:390:11
    at new SingleDropdownList (/app/node_modules/
appbaseio/reactivesearch/lib/components/list/SingleDropdownList.js:83:9

Is this a bug in reacitvecore?

stonesthatwhisper
@stonesthatwhisper

My code for defaultQuery works as expected in javascript but has error in typescript:

defaultQuery={function() {
    return {
      aggs: {
        ''ProjectNumber.keyword': {
             terms: {
               script: {
                 inline:
                   "doc['ProjectNumber.keyword'].size() == 0 ? '': doc['ProjectNumber.keyword'].value.substring(0,2)",          lang: 'painless',
              },
              order: {
                  _count: 'desc',
               },
            },
         },
      },
   };
  }}

Should I file a Github issue? Any help is appreciated.

Peter Ciuffetti
@PeterCiuffetti
I have an index with 150,000 docs. Many searches return more than 10k hits. In the DataSearch component property for resultStats.numberOfResults I get a maximum of 10,000 reported. How do I get this to report the actual hit count if there are more than 10,000 hits? (I don't necessarily want to retrieve more than 10,000, but I do desire an accurate hit count). I already tried setting index.max_result_window on the ES index, but that had no effect.
dsrsuren
@dsrsuren
Hello All, reactivesearch is a great platform rapid development. I am building a search portal in which I need to have more ways of data search methods(upload a file template with attribute for searching) along with Free text search (Data Search Component). Right now I have enabled a "Select" item along with Data Search Component(search box). user can select search method from select item by uploading the file and has to click the search icon for triggering query,,,I am trying to use search icon click handler and custom query to enable different ways of search methods, I am struggling to use search icon click handler. could the forum help me on how to use please ?
SillyScribe95
@SillyScribe95
Is there an easier way than customQuery to pre-filter the results by an attribute before incorporating SelectedFilter? similar to facetFilters in Algolia’s Configure object.
https://www.algolia.com/doc/api-reference/api-parameters/facetFilters/
nsmatharu
@nsmatharu

Hi All,
First time poster...I have a few questions - which I am hoping you guys can help with.
Environment: Hosting my own Elasticsearch 7.6 database and have installed ReactiveSearch to surface the data.

  1. I have a search page built using ReactiveSearch - and as soon as I load it - it is returning 10000 hits (paginated) from my db and this is before I have even entered any search criteria into the Searchbox
    I don't want it to show the data until the user has entered their search criteria and hit enter....
    How do I stop the data rendering automatically? If anything just a blank page ... or I can display an image...

  2. One of my fields in my database is a description field with lots of text - but is neatly formatted with carriage returns. When displaying that field in ReactiveSearch - it literally removes any formatting and is just one paragrah of text which makes it hard to read....Is there a way to retain the formatting? Running the same query in Kibana - retains the format.

  3. A really basic one...as noted I am self hosting my ES database and have downloaded and installed Appbase.io ReactiveSearch locally. Does this make any connection back to appbase.io servers/external location? I am fully self-hosted as far as I know...but i dont know the inner workings of appbase.io ReactiveSearch to know for certain if any calls are made back?

Many Thanks

nsmatharu
@nsmatharu
Hi - point 1 is OK. Still need help with 2 & 3 please.....
peterdebienville
@peterdebienville
Hi - Is it possible to reset the searchbox for a multilist once the user clicks on a checkbox?
RomainSF
@RomainSF
Hi! I really want to remove the "emotion" auto css from the react' reactivesearch, it's becoming unstylable! is there a solution to disable it?
Renaud K
@grobug2000_gitlab
Hello everyone. I'm using ReactiveSearch 3.11.4 (REACT version) on my project, and it works very well.
My problem is that I'm unable to set programatically the page number on the ReactiveList component.
The only thing I know is the page number I want to display, but this component doesn't have a currentPage props.
Is there any way to accomplish this ?
bassam
@bassambarham

Hello there

How can I customize the single list component without changing its behaviour?
I set my query to return nested aggregations and I want to use those aggregations as labels without changing the key.

I;m working with Vue. I tried doing the "slot" thing but it messes up some of the default behaviour of the component.

bassam
@bassambarham
In other words: How do I get the aggregation along with the label and count in my "renderItem"?
bassam
@bassambarham
So, I managed to use transformData and filled the value in the "count"
But how do I build a date filter with vue? It seems like there is no option for that
Allan Oloo
@aoloo
Has anyone ran into a issue with reactive search when applying a not filter the URL params does not get set?
SergeyRe
@SergeyRe
Datasearch component with autosuggest ( vs Algolia autocomplete) . I tried to search on one letter -then backspace it and try again: no problem with Algolia , no second search with Datasearch. Video attached https://take.ms/dolwh Any comments?
iqbal mohamad
@iqballord_twitter
how to apply default value on singlelist>
novogratz
@novogratz

Hello everyone,

I hope you are all doing well.
We are having a critical issue which prevents us from using the ReactiveList object.
We are trying to render an object res.demandes which contains an array of objects.

When using {res.demandes[0].ccam}, this works and the object is correctly rendered.

However, we would like to print the entire list (res.demandes[0].ccam, res.demandes[1].ccam, res.demandes[2].ccam etc....), but as the length of the list differs depending on each item, we are not able to print the dynamic lis.

When using {res.demandes}, the computer crashes :(

Example working:

<ReactiveList componentId="SearchResult" size={100} react={{ and: ['NUMDOS', 'SearchResult', 'RechercheApp'] }} renderItem={(res) =>
<div>
Patient :{res.numdos}
<br></br>Sexe : {res.sexe}
<br></br>Liste: {res.demandes.ccam)
<br></br>
<ButtonGroup aria-label="Basic example">
<Button variant="success" onClick={this.Ajouter_tout_au_panier.bind(res)} >Ajouter la sélection à la liste</Button>
</ButtonGroup>
<br></br>
</div>

        }

/>

Example crashing:

<ReactiveList componentId="SearchResult" size={100} react={{ and: ['NUMDOS', 'SearchResult', 'RechercheApp'] }} renderItem={(res) =>
<div>
Patient :{res.numdos}
<br></br>Sexe : {res.sexe}
<br></br>Liste: {res.demandes)
<br></br>
<ButtonGroup aria-label="Basic example">
<Button variant="success" onClick={this.Ajouter_tout_au_panier.bind(res)} >Ajouter la sélection à la liste</Button>
</ButtonGroup>
<br></br>
</div>

        }

/>

Could you please let us know if there is any workaround and how we could move forward?

Thank you very much,

Benoit

wentaiouyang
@wentaiouyang
hey guys, I have a question about reactive search 'load more' function
I want to load next page by clicking 'load more' button on my website
I notice there is a function called handleLoadMore, but I don't know how to use it..
can someone help me, thank you very much:)
sanjay052020
@sanjay052020
Hi
I have a question about SingleDropdownList.
how can i use?
Joel Nothman
@jnothman
Hi all! I’m new to reactivesearch and very excited by what it’s offering so far. We’ve got MultiLists where we want to use queryFormat="or”. We think this would make most sense to the user if all items were initially selected (rather than having “no categories selected” meaning “select all categories”). Is there a way to facilitate this?
Joel Nothman
@jnothman
Actually we’re finding queryFormat="or" behaviour pretty weird. We feel like it should not make options disappear that are not present in the search results. Is there any way to achieve that?
Here’s the behaviour I’d expect if filtering on the and conjunction of several MultiLists with queryFormat="or”:
  • each MultiList should list the frequency of its values conditioned on the other filters, but regardless of the values selected in that multilist.
Joel Nothman
@jnothman
  • each MultiList should start with all values checked, but as a result of the previous statement, unchecking one should not remove its entry from the MultiList.
Joel Nothman
@jnothman
I’ve worked out that one of our issues was having the component itself in its own react list. Beginner’s mistake.
SinglaAjay
@SinglaAjay

Hello Everyone,

we are having problem in using GeoDistanceSlider(https://docs.appbase.io/docs/reactivesearch/v3/map/geodistanceslider/) in my react application.
Actually we have the requirement to implement the geo distance search. Please consider this scenerio:

  1. We have a list of jobs in multiple locations "Montréal" etc.
  2. We have Multilist available for Locations on the UI.
  3. Then if we select any location let's say "Montréal".
  4. Then we also want to filter jobs in 25Km radius from "Montréal".

Can anyone help me on this, like how we can achieve it..
Thanks
Important Note: We are using the react as the framework and using reactivesearch component to build search interface like ReactiveList, Multilist etc

ayferkrd
@ayferkrd
is NestedMultiList available in v3? I got " not found" error.
SinglaAjay
@SinglaAjay

Hello Everyone,

we are having problem in using GeoDistanceSlider(https://docs.appbase.io/docs/reactivesearch/v3/map/geodistanceslider/) in my react application.
Actually we have the requirement to implement the geo distance search. Please consider this scenerio:

  1. We have a list of jobs in multiple locations "Montréal" etc.
  2. We have Multilist available for Locations on the UI.
  3. Then if we select any location let's say "Montréal".
  4. Then we also want to filter jobs in 25Km radius from "Montréal".

Can anyone help me on this, like how we can achieve it..
Thanks
Important Note: We are using the react as the framework and using reactivesearch component to build search interface like ReactiveList, Multilist etc

Any update here guys ?

Roy Duineveld
@royduin
Is this still the main support platform? Or is there a Slack channel more active somewhere?
harshit rastogi
@hr1383
Hi, I am following the appbase <Searchbase> component , I want to use my own ES URL , which I pass the in the code, but when running the query, the ES URL is appended by _reacitvesearch.v3. This result is 404, how can I change the suffix https://github.com/appbaseio/searchbox/blob/2a8fce54ef90892bddfd2ba8945e3f2f0d5cb505/packages/searchbase/src/SearchComponent.js#L949
kevin sproles
@kevinsproles
Where can I find documentation or examples on using Reactivesearch with your own Elasticsearch instance? The docs say "Any Elasticsearch index hosted on any Elasticsearch cluster." and I'm able to connect to my own fine at localhost:9200 with cors support. I get that. But what about the docs for how to setup your mappings? Obviously the data in your ES index and your mappings must conform to reactivesearch queries so wondering where I can read about how to setup the index & mappings.
Sam Stalner
@sam_stln_gitlab
Hi all! I recently began working with ReactiveSearch in React, and was wondering how to go about configuring my ReactiveBase component to send GET requests as opposed to POST requests? I have an ElasticSearch cluster that is open to the public, but is read-only (POST requests from the public are denied - new documents must go through an accepted API beforehand). I haven’t found any material on GitHub issues except a few closed/stale posts about this question, but I was hoping at least someone in the community had found out how to configure ReactiveBase to send GET requests!
Roy Duineveld
@royduin
Blocking POST requests isn't the way to go, just enable xpack.security.enabled (which is free since may 2019) in your Elasticsearch configuration file. Set a password with bin/elasticsearch-setup-passwords interactive and configure those credentials in the Kibana config and create a user with a read only privilege. Use the credentials of the read only user in the url you set in the reactive base.
Sam Stalner
@sam_stln_gitlab
Thanks a bunch for your response, @royduin! That seems like a great idea, but there are a few different ways users are interfacing the ElasticSearch cluster to read (not only from my React app), and putting credentials on reading was something that others were consciously against when they created the cluster. I'm currently thinking of deploying a proxy server that somehow transforms those requests from POST to GET, but I don't have too much experience there. Have you encountered a different way to get around the POST-request-only paradigm from ReactiveSearch?
Roy Duineveld
@royduin
If you're blocking POST requests at the proxy in front of the ES cluster than transforming POST to GET doesn't make any sense as ES needs POST requests to filter data. I don't see why they're against credentials, you're way more flexible with xpack security than by just blocking anything other than GET request. And xpack has support for anonymous users so if others do not want to specify any credentials; just configure that: https://www.elastic.co/guide/en/elasticsearch/reference/current/anonymous-access.html
Sam Stalner
@sam_stln_gitlab
Thanks again @royduin! I'll look into this and see if it's an option we can pursue. Appreciate the help!
Elise
@elise-lcdb
Hi! This may be a basic question but I am still a little new to appbase. I have to multilists A and B and I would like my reactive list to show me results with A or B not if it has both A and B. For example if multilist A is a list of car brands and multilist B is colors, and I select Ford and Blue, I want to have in my reactive list all cars that are blue and all cars that have the model ford (regardless of color). But when I use or instead of and in the react of the reactive list, it doesn't change when I select anything in the multilist . Thanks in advance
Roy Duineveld
@royduin
You have to play around with the react prop on the list, see: https://docs.appbase.io/docs/reactivesearch/v3/advanced/reactprop/
benevolo
@Kizo-blockchain
hi would like to change language in components
Vaughan Sharman
@vaughansharman

Hi there. I'm looking to create a filterable list, essentially a "SingleDropdownList" but I am looking to allow the user to type to filter the list...

I have started implementing this but thought perhaps it's worth asking here before I get too deep in. It feels like something that someone else would have already solved...

Is anyone aware of any examples that do this already?

Vaughan Sharman
@vaughansharman
I found it! It is the "showSearch" option
Shaw
@shaw-wong
Hi, there. I am trying to configure a GeoDistanceSlider component for my ReactiveOpenStreetMap. However, the location search panel does not pop up with an auto suggestion address nor respond to the full address that I manually entered. I am using v3.0.0-beta.11 for reactivemaps and v3.13.1 for reactivesearch. Could you please suggest?