npm

@bnnvara/search

0.0.8 • Public • Published

Example:

The component requires the following properties:

Name Type Description
baseUrl string path to the Api used
search ({searchQuery: string, from: number, page: number, sort: { sort: string, url: string }, }) => Promise Callback that returns a promise that results to an data object containing an results object that has an array of search query results.
fuzzySearch (url: string, search: string, autocomplete: () => void, results: number, title: string, page: number) => Promise Callback that returns a promise that results to an object named autocomplete containing an array of search results. Will be throttled.
ref reference reference to the autocomplete input field
initialSearchText string initial search query

JS

import React from 'react';
import Search from '@bnnvara/search';

const fuzzySearch = () => Promise.resolve({ data: { autocoplete : [] } });
const search = ({ searchQuery, page, from, sort }) => Promise.resolve({ data: { search : [] } });
const baseUrl = 'http://localhost:4321/api';
let textInput = React.createRef();

export default () => (
  <Search
    fuzzySearch={fuzzySearch}
    search={search}
    initialSearchText="test" 
    baseUrl={baseUrl}
    ref={textInput}
  />
);

Package Sidebar

Install

npm i @bnnvara/search

Weekly Downloads

0

Version

0.0.8

License

ISC

Unpacked Size

26.2 kB

Total Files

13

Last publish

Collaborators

  • elmarwouters
  • jimmytenbrink
  • iwettum