2.5.3 • Published 6 years ago

@adactive/arc-search v2.5.3

Weekly downloads
5
License
UNLISENCED
Repository
github
Last release
6 years ago

Search component

search 1

search 2

Live examples here

Getting started

    npm i --save @adactive/arc-search

OR

    yarn add @adactive/arc-search
    import AdsumSearch from "@adactive/arc-Search"
     ...
    constructor(props) {    
        this.searchResultRef = React.createRef();
    }
    
    <AdsumSearch 
        isOpen={true}
        lang={"en"}
        data={[]}
        fuseOptions={fuseOptions}
        queryValue={''}
        ref={this.searchResultRef}
    />

Functions

  • search(searchInput: string)
    • expects a string as parameter
    • returns an array of results

Props

type PropTypes = {|
    +isOpen: boolean,
    +lang: 'en' | 'fr',
    +data: Array<Object>,
    +queryValue: string,
    +fuseOptions: Object,
    +searchWrapperCSS?: CSSStyleDeclaration,
    +inputCSS?: CSSStyleDeclaration,
    +placeHolder?: string
|};

static defaultProps = {
    isOpen: false,
    lang: 'en',
    queryValue: '',
    data: [],
    fuseOptions: {} 
};

isOpen -> To show or hide search bar

lang -> Language for displaying placeholder

data -> An array of data to be injected into fusejs to perform the search

queryValue -> String to be displayed on the search bar and to be searched

fuseOptions -> Refer to fusejs.io for more information

searchWrapperCSS -> To customise the overall CSS for the entire component

inputCSS -> To customise the CSS for the search bar

placeHolder -> To customise placeholder message

const fuseOptions = {
  id: string,
  caseSensitive: boolean,
  shouldSort: boolean,
  tokenize: boolean,
  matchAllTokens: boolean,
  findAllMatches: boolean,
  includeScore: boolean,
  includeMatches: boolean,
  threshold: number,
  location: number,
  distance: number,
  maxPatternLength: number,
  minMatchCharLength: number,
  keys: Array<Object>
};

Additional Information

Copy component inside your project src folder

Less only

`npx @adactive/arc-search copy --less-only`

Full copy

`npx @adactive/arc-search copy`
2.5.3

6 years ago

2.5.1

6 years ago

2.5.0

6 years ago

2.4.0

6 years ago

2.3.0

6 years ago

2.2.0

7 years ago

2.2.0-rc.4

7 years ago

2.2.0-rc.3

7 years ago

2.2.0-rc.2

7 years ago

2.2.0-rc.1

7 years ago

2.2.0-rc.0

7 years ago

2.2.0-alpha.1

7 years ago

2.2.0-alpha.0

7 years ago

2.1.0

7 years ago

2.1.0-rc.1

7 years ago

2.1.0-rc.0

7 years ago

2.1.0-alpha.1

7 years ago

2.1.0-alpha.0

7 years ago

2.0.0

7 years ago

2.0.0-rc.0

7 years ago

2.0.0-alpha.6

7 years ago

2.0.0-alpha.5

7 years ago

2.0.0-alpha.4

7 years ago

2.0.0-alpha.3

7 years ago

2.0.0-alpha.2

7 years ago

2.0.0-alpha.1

7 years ago

2.0.0-alpha.0

7 years ago

1.1.0

7 years ago

1.1.0-rc2

7 years ago

1.1.0-alpha.0

7 years ago

1.0.0

7 years ago

0.0.2-y.44.59

7 years ago

0.0.2-y.44.58

7 years ago

0.0.2-y.44.57

7 years ago

0.0.2-y.44.56

7 years ago

0.0.2-y.44.55

7 years ago

0.0.2-y.44.54

7 years ago

0.0.2-y.44.53

7 years ago

0.0.2-y.44.52

7 years ago

0.0.2-y.44.51

7 years ago

0.0.2-y.44.50

7 years ago

0.0.2-y.44.49

7 years ago

0.0.2-y.44.48

7 years ago

0.0.2-y.44.47

7 years ago

0.0.2-y.44.46

7 years ago

0.0.2-y.44.45

7 years ago

0.0.2-y.44.44

7 years ago

0.0.2-y.44.43

7 years ago

0.0.2-y.44.42

7 years ago

0.0.2-y.44.41

7 years ago

0.0.2-y.44.40

7 years ago

0.0.2-y.44.39

7 years ago

0.0.2-y.44.37

7 years ago

0.0.2-y.44.36

7 years ago

0.0.2-y.44.35

7 years ago

0.0.2-y.44.34

7 years ago

0.0.2-y.44.33

7 years ago

0.0.2-y.44.32

7 years ago

0.0.2-y.44.31

7 years ago

0.0.2-y.44.30

7 years ago

0.0.2-y.44.29

7 years ago

0.0.2-y.44.28

7 years ago

0.0.2-y.44.27

7 years ago

0.0.2-y.44.26

7 years ago

0.0.2-y.44.25

7 years ago

0.0.2-y.44.24

7 years ago

0.0.2-y.44.23

7 years ago

0.0.2-y.44.22

7 years ago

0.0.2-y.44.21

7 years ago

0.0.2-y.44.20

7 years ago

0.0.2-y.44.19

7 years ago

0.0.2-y.44.18

7 years ago

0.0.2-y.44.17

7 years ago

0.0.2-y.44.16

7 years ago

0.0.2-y.44.15

7 years ago

0.0.2-y.44.14

7 years ago

0.0.2-y.44.13

7 years ago

0.0.2-y.44.12

7 years ago

0.0.2-y.44.11

7 years ago

0.0.2-y.44.10

7 years ago

0.0.2-y.44.9

7 years ago

0.0.2-y.44.8

7 years ago

0.0.2-y.44.7

7 years ago

0.0.2-y.44.6

7 years ago

0.0.2-y.44.5

7 years ago

0.0.2-y.44.4

7 years ago

0.0.2-y.44.3

7 years ago

0.0.2-y.44.2

7 years ago

0.0.2-y.44.1

7 years ago

0.0.2-y.44.0

7 years ago

0.0.2-y.43.12

7 years ago

0.0.2-y.43.11

7 years ago

0.0.2-y.43.10

7 years ago

0.0.2-y.43.9

7 years ago

0.0.2-y.43.8

7 years ago

0.0.2-y.43.7

7 years ago