npmpackage.info

react-final-form-listeners

A collection of components to listen to 🏁 React Final Form fields

1.0.3

MIT

JavaScript

Installations

npm install react-final-form-listeners

Score

90.3

Supply Chain

98.6

Quality

75.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

13

Total

32

Closed

12

Merged

7

Issues

Open

9

Total

13

Closed

4

Releases

v1.0.3

Published on 25 Jan 2021

v1.0.2

Published on 07 Feb 2019

v1.0.1

Published on 22 Jun 2018

v1.0.0

Published on 22 Mar 2018

View all 4 releases

Developer

final-form

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

14.4.0

NPM Version

6.14.5 Statistics

94 Stars

16 Commits

20 Forks

3 Watching

13 Branches

5 Contributors

Updated on 01 Nov 2024

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

12,169,514

Last day

-14.8%

8,885

Compared to previous day

Last week

5.9%

47,003

Compared to previous week

Last month

-5.2%

191,756

Compared to previous month

Last year

-2%

2,486,756

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

🏁 React Final Form Listeners

🏁 React Final Form Listeners is a collection of useful components for listening to fields in a 🏁 React Final Form.

Installation

1npm install --save react-final-form-listeners react-final-form final-form

1yarn add react-final-form-listeners react-final-form final-form

Usage

1import { Form, Field } from 'react-final-form'
2import { OnChange } from 'react-final-form-listeners'
3
4const MyForm = () => (
5  <Form
6    onSubmit={onSubmit}
7    render={({ handleSubmit, pristine, invalid }) => (
8      <form onSubmit={handleSubmit}>
9        <div>
10          <label>
11            <Field name="foo" component="input" type="checkbox" /> Turn foo on?
12          </label>
13          <OnChange name="foo">
14            {(value, previous) => {
15              // do something
16            }}
17          </OnChange>
18        </div>
19        ...
20      </form>
21    )}
22  />
23)

Components

Components

The following can be imported from react-final-form-listeners.

`ExternallyChanged`

Renders is render prop with a boolean flag when the specified field was last updated externally (changed while not active).

`name : String`

The name of the field to listen to.

`children: (externallyChanged: boolean) => React.Node`

A render prop given the boolean flag.

`OnChange`

Calls its children callback whenever the specified field changes. It renders nothing.

`name : String`

The name of the field to listen to.

`children: (value: any, previous: any) => void`

A function that will be called whenever the specified field is changed. It is passed the new value and the previous value.

`OnFocus`

Calls its children callback whenever the specified field becomes active. It renders nothing.

`name : String`

The name of the field to listen to.

`children: () => void`

A function that will be called whenever the specified field is changed. It is passed the new value and the previous value.

`OnBlur`

Calls its children callback whenever the specified field is blurred. It renders nothing.

`name : String`

The name of the field to listen to.

`children: () => void`

A function that will be called whenever the specified field is blurred.

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.

2

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

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

57 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-cph5-m8f7-6c5x
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-h726-x36v-rx45
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
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-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-wpg7-2c88-r8xv
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-884p-74jh-xrg2
Warn: Project is vulnerable to: GHSA-j7fq-p9q7-5wfv
Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq
Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Warn: Project is vulnerable to: GHSA-cf4h-3jhx-xvhq
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

2

/10

Last Scanned on 2024-11-25

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

Other packages similar to react-final-form-listeners

@types/react-final-form-listeners

1.0.3

TypeScript definitions for react-final-form-listeners

react-final-form

6.5.9

🏁 High performance subscription-based form state management for React

react-final-form-arrays

3.1.4

A component for rendering and editing arrays 🏁 React Final Form

final-form

4.20.10

🏁 Framework agnostic, high performance, subscription-based form state management

react-final-form-listeners

Installations

Score

Pull Requests

13

32

12

7

Issues

9

13

4

Releases

Developer

final-form

Developer Guide

CommonJS

No

14.4.0

6.14.5

Statistics

Languages

Total Downloads

12,169,514

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

🏁 React Final Form Listeners

Installation

Usage

Table of Contents

Components

ExternallyChanged

name : String

children: (externallyChanged: boolean) => React.Node

OnChange

name : String

children: (value: any, previous: any) => void

OnFocus

name : String

children: () => void

OnBlur

name : String

children: () => void

10

10

2

0

0

0

0

0

0

0

2

/10

Other packages similar to react-final-form-listeners

`ExternallyChanged`

`name : String`

`children: (externallyChanged: boolean) => React.Node`

`OnChange`

`name : String`

`children: (value: any, previous: any) => void`

`OnFocus`

`name : String`

`children: () => void`

`OnBlur`

`name : String`

`children: () => void`