npmpackage.info

react-fuzzy

📜 A fuzzy search component written in React

1.3.1

MIT

JavaScript

Installations

npm install react-fuzzy

Score

79.7

Supply Chain

97.8

Quality

78.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

1

Total

42

Closed

19

Merged

22

Issues

Open

5

Total

17

Closed

12

Releases

1.3.1

v1.3.1

Published on 06 Aug 2024

1.3.0

v1.3.0

Published on 25 Oct 2021

1.2.0

v1.2.0

Published on 29 Dec 2020

1.1.0

Published on 10 Oct 2020

1.0.0

Published on 09 Jun 2019

View all 5 releases

Developer

ritz078

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

18.20.3

NPM Version

10.7.0 Statistics

76 Stars

81 Commits

31 Forks

7 Watching

9 Branches

11 Contributors

Updated on 07 Aug 2024

Languages

JavaScript (90.74%)

Shell (8.04%)

CSS (1.23%)

Total Downloads

Cumulative downloads

Total Downloads

46,215,204

Last day

-39.5%

4,248

Compared to previous day

Last week

1.6%

46,589

Compared to previous week

Last month

47.2%

166,343

Compared to previous month

Last year

-16.2%

1,232,096

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

react-fuzzy

fuzzy search in React

Installation

1npm install --save react-fuzzy

Basic Usage

1const list = [{
2  id: 1,
3  title: 'The Great Gatsby',
4  author: 'F. Scott Fitzgerald'
5}, {
6  id: 2,
7  title: 'The DaVinci Code',
8  author: 'Dan Brown'
9}, {
10  id: 3,
11  title: 'Angels & Demons',
12  author: 'Dan Brown'
13}];
14
15<FuzzySearch
16      list={list}
17      keys={['author', 'title']}
18      width={430}
19      onSelect={(newSelectedItem) => {
20        // Local state setter defined elsewhere
21        setSelectedItem(newSelectedItem)
22      }}
23    />

Custom Result Template

1<FuzzySearch
2  list={list}
3  keys={['author', 'title']}
4  width={430}
5  onSelect={(newSelectedItem) => {
6    // Local state setter defined elsewhere
7    setSelectedItem(newSelectedItem)
8  }}
9  resultsTemplate={(props, state, styles, clickHandler) => {
10    return state.results.map((val, i) => {
11      const style = state.selectedIndex === i ? styles.selectedResultStyle : styles.resultsStyle;
12      return (
13        <div
14          key={i}
15          style={style}
16          onClick={() => clickHandler(i)}
17        >
18          {val.title}
19          <span style={{ float: 'right', opacity: 0.5 }}>by {val.author}</span>
20        </div>
21      );
22    });
23  }}
24/>

Options

attribute	default	description
caseSensitive	false	Indicates whether comparisons should be case sensitive.
className	null	give a custom class name to the root element
inputProps	{}	Props passed directly to the input element. i.e. `defaultValue`, `onChange`, etc.
inputStyle	{}	Styles passed directly to the `input` element.
inputWrapperStyle	{}	Styles passed directly to the `input` wrapper `div`.
isDropdown	false	Hide the result list on blur.
listItemStyle	{}	Styles passed to each item in the dropdown list.
listWrapperStyle	{}	Styles passed directly to the dropdown wrapper.
selectedListItemStyle	{}	Styles passed directly to current 'active' item.
width	430	width of the fuzzy searchbox
distance	100	Determines how close the match must be to the fuzzy location (specified by location). An exact letter match which is distance characters away from the fuzzy location would score as a complete mismatch. A distance of 0 requires the match be at the exact location specified, a distance of 1000 would require a perfect match to be within 800 characters of the location to be found using a threshold of 0.8.
id	null	The name of the identifier property. If specified, the returned result will be a list of the items' identifiers, otherwise it will be a list of the items.
include	[]	An array of values that should be included from the searcher's output. When this array contains elements, each result in the list will be of the form `{ item: ..., include1: ..., include2: ... }`. Values you can include are score, matches. Eg: `{ include: ['score', 'matches' ] }`
maxPatternLength	32	The maximum length of the pattern. The longer the pattern, the more intensive the search operation will be. Whenever the pattern exceeds the maxPatternLength, an error will be thrown.
onSelect	noop	Function to be executed on selection of any result.
keyForDisplayName	title	The key which should be used for list item text.
keys	all[Array]	List of properties that will be searched. This also supports nested properties.
list	null	Array of properties to be filtered.
maxResults	10	Max number of results to show at once.
placeholder	'Search'	Placeholder of the searchbox
resultsTemplate	Func	Template of the dropdown divs
shouldShowDropdownAtStart	false	Allow the searchbox to act as a `filter` dropdown with initial values. Yields all results when the search value is blank.
shouldSort	true	Whether to sort the result list, by score.
sortFn	`Array.prototype.sort`	The function that is used for sorting the result list.
threshold	0.6	At what point does the match algorithm give up. A threshold of `0.0` requires a perfect match (of both letters and location), a threshold of `1.0` would match anything.
tokenize	false	When true, the search algorithm will search individual words and the full string, computing the final score as a function of both. Note that when tokenize is true, the `threshold`, `distance`, and `location` are inconsequential for individual tokens.
verbose	false	Will print to the console. Useful for debugging.

License

MIT @ Ritesh Kumar

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

98 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-h6ch-v84p-w6p9
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-qh2h-chj9-jffq
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-4hpf-3wq7-5rpr
Warn: Project is vulnerable to: GHSA-f522-ffg8-j8r6
Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546
Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-282f-qqgm-c34q
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm
Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-wrvr-8mpx-r7pp
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653
Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj
Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67
Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w
Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Warn: Project is vulnerable to: GHSA-p28h-cc7q-c4fg
Warn: Project is vulnerable to: GHSA-hr2v-3952-633q
Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2
Warn: Project is vulnerable to: GHSA-mpcf-4gmh-23w8
Warn: Project is vulnerable to: GHSA-9qj9-36jm-prpv
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c
Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq
Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-2m96-9w4j-wgv7
Warn: Project is vulnerable to: GHSA-h726-x36v-rx45
Warn: Project is vulnerable to: GHSA-pp57-mqmh-44h7
Warn: Project is vulnerable to: GHSA-f9cm-qmx5-m98h
Warn: Project is vulnerable to: GHSA-w9mr-4mfr-499f
Warn: Project is vulnerable to: GHSA-6394-6h9h-cfjg
Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4
Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3
Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7
Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-g7q5-pjjr-gqvp
Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v

Score

3.4

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

react-fuzzy

Installations

Score

Pull Requests

1

42

19

22

Issues

5

17

12

Releases

Developer

ritz078

Developer Guide

CommonJS

No

18.20.3

10.7.0

Statistics

Languages

Total Downloads

46,215,204

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-fuzzy

Installation

Basic Usage

Custom Result Template

Options

License

10

10

9

0

0

0

0

0

0

3.4

/10