A fully customizable, one-time password input component for the web built with React.

Devfolio

Last update: Dec 30, 2022

Related tags

Overview

react-otp-input

A fully customizable, one-time password input component for the web built with React.

Live Demo

CodeSandbox

Installation

To install the latest stable version:

npm install --save react-otp-input

Basic usage:

import React, { Component } from 'react';
import OtpInput from 'react-otp-input';

export default class App extends Component {
  state = { otp: '' };

  handleChange = (otp) => this.setState({ otp });

  render() {
    return (
      <OtpInput
        value={this.state.otp}
        onChange={this.handleChange}
        numInputs={6}
        separator={<span>-</span>}
      />
    );
  }
}

API

Name	Type	Required	Default	Description
numInputs	number	true	4	Number of OTP inputs to be rendered.
onChange	function	true	console.log	Returns OTP code typed in inputs.
value	string / number	true	''	The value of the OTP passed into the component.
placeholder	string	false	none	Specify an expected value of each input. The length of this string should be equal to `numInputs`.
separator	component	false	none	Provide a custom separator between inputs by passing a component. For instance, `-` would add `-` between each input.
containerStyle	style (object) / className (string)	false	none	Style applied or class passed to container of inputs.
inputStyle	style (object) / className (string)	false	none	Style applied or class passed to each input.
focusStyle	style (object) / className (string)	false	none	Style applied or class passed to inputs on focus.
isDisabled	boolean	false	false	Disables all the inputs.
disabledStyle	style (object) / className (string)	false	none	Style applied or class passed to each input when disabled.
hasErrored	boolean	false	false	Indicates there is an error in the inputs.
errorStyle	style (object) / className (string)	false	none	Style applied or class passed to each input when errored.
shouldAutoFocus	boolean	false	false	Auto focuses input on initial page load.
isInputNum	boolean	false	false	Restrict input to only numbers.
isInputSecure	boolean	false	false	Masks input characters.
data-cy	string	false	-	Test attribute passed to the inputs.
data-testid	string	false	-	Test attribute passed to the inputs.

Breaking changes when porting to v1.0.0

react-otp-input is now a controlled component to facilitate functionalities that weren't possible before from the application using it, such as clearing or pre-assigning values. For v1.0.0 and above, a value prop needs to be passed in the component for it to function as expected.

Development

To run the development server:

npm run dev

Checklist

Add flowtypes
Add ESLint, Prettier for code quality
Add styling support for states including focus/disabled
Write tests

Contributing

Feel free to open issues and pull requests!

License

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Abhishek Warokar} 💻 🎨 🚧 🤔 👀	_Aj 💻 🎨 🤔	_{Aromal Anil} 💻 🔧	_{Gabriele Corti} 💻 ️️️️ ♿️	_Anoop 💻	_{Dewansh Rawat} 🐛	_{Ishan Chhabra} 💻
_yaojie 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Comments

Otp Input is not Showing
Describe the Feature Request When I am typing inside the OTP inputs nothing is showing even after the inputStyle color set to black

Describe Preferred Solution

question
opened by TheSayantan96 20
focusInput(0) not working after render
What I am trying to do:- I want to click on the label to get focus on the first input field

How I am Doing? I am using useRef and accesing focusInput() function with arguement 0

Expected Behavior:- It should focus on the first input Current Behavior:- 0th Input does not get the focus after rendering but after any changes in any input It works 1,2,3 inputs works fine i want the first one to get focused

Steps to reproduce the issue: https://codesandbox.io/s/react-otp-input-demo-v2-forked-ng3l1s?file=/src/App.js

Relevant error messages and/or screenshots:

Is there any other way to achieve this? Thanks in advance
opened by hrithik73 9
Masking input characters
Describe the Feature Request

Sometimes users need to enter secret OTP's in financial applications and they don't want them to be revealed to nearby users, so it's a kind of must have feature to be able to mask the input characters.

Describe Preferred Solution

We can expose an attribute in API called 'secure' with the default value as false, and can make use of this prop to decide using input type (text vs password).
enhancement hacktoberfest
opened by cloudchallengers 8
Ignore text input when isInputNum is true, fixes #50
What does this PR do? When OTP has isInputNum=true, text/letter will not be allowed to be entered in the input boxes.

type='number' is removed because number input doesn't trigger the onChange when e is entered, thus there is no way to restrict inputting letters in it. So now with type='tel' always, onChange is triggered always and we ignore e letter.

Any background context you want to provide? Fixes https://github.com/devfolioco/react-otp-input/issues/50
opened by xitter 7
First Input is not accepting zero as value
Describe the Feature Request

Describe Preferred Solution The First Input element in OTP input is not accepting the zero as a number. Rest all the remaining input takes zero.
opened by shreyvijayvargiya 6
Adding Husky and Lint-Staged for automatic prettifying of files
Signed-off-by: Nirmal Khedkar [email protected]

What does this PR do? This PR adds Husky and lint-staged, to automatically run commands when any git hooks are run. Currently, this MR will prettify all .js files in the project.

Any background context you want to provide? I tried adding command for lint fixing as well, but when I add it to lint-staged, I get the following errors:

.../src/demo/index.jsx 23:19 error Parsing error: Unexpected token = .../src/lib/index.jsx 12:6 error Parsing error: Unexpected token Props

✖ 2 problems (2 errors, 0 warnings)

I'm not too familiar with why these errors are occurring so I've left ESLint from the lint-staged area, for now.

This will fix #203
opened by nirmalhk7 5
Get OTP enabled even if all numbers are not input
Steps to reproduce the issue: In the demo site, when isInputNum is true, clicking either of the arrows enables the Get OTP button.

Relevant error messages and/or screenshots: Before clicking arrow After clicking arrow, the Get OTP button gets enabled.
opened by Rishabh510 5
Placeholder Fixes
#255 - Updated condition for placeholder length with type check and In demo added maxLength for placeholder as well.

What does this PR do? Fix Placeholder issue - placholder not updating value after change in input Number count.

Any background context you want to provide? https://github.com/devfolioco/react-otp-input/issues/255

Screenshots and/or Live Demo

bug demo
opened by Kathuria 4
Issue fixed in which Separators with letters and numbers were considered
What does this PR do? In this PR, I fixed the issue #195 in which letters and numbers were accepted as separators so I limited the number of separators to hyphen , dot or whitespace.

Any background context you want to provide? So, if separator is valid then only the 'get otp' button will work or else it will be disabled.

Screenshots and/or Live Demo Initial Page On Clearing the Separator,alert will be displayed On Entering dot as separator On entering letter or number as separator , an alert will be displayed and 'get otp' button will be disabled. On entering whitespace as separator On clicking 'Get OTP' button with whitespace as separator

demo
opened by Parshwa52 4
Incorrect scripts in README.md

Hi there, been using this Component for some time now! Awesome work!

There aren't necessary steps here. I suppose the commands were changed but the README wasn't updated.

opened by ShubhankarKG 4
Encode the otp
Add an option for encoding the otp

If the user selects this option the user entered otp will be encoded using shift cipher,if during shift cipher encoding of a digit it exceeds 9 , we will do a modulo by 10
opened by RitikaAg 4
Multiple Numbers in one Input
Describe the Feature Request Can you add multiple Numbers like 4-5 in single input.

Describe Preferred Solution There can be a prop for multipleNumbers
opened by dhwaj1902 0
chore: Bump json5, babel-loader, css-loader, tsconfig-paths, html-webpack-plugin, style-loader, webpack and webpack-cli
Bumps json5 to 2.2.2 and updates ancestor dependencies json5, babel-loader, css-loader, tsconfig-paths, html-webpack-plugin, style-loader, webpack and webpack-cli. These dependencies need to be updated together.

Updates json5 from 2.2.0 to 2.2.2

Release notes

Sourced from json5's releases.

v2.2.2

Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295).

v2.2.1

Fix: Removed dependence on minimist to patch CVE-2021-44906. (#266)

Changelog

Sourced from json5's changelog.

v2.2.2 [code, diff]

Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295).

v2.2.1 [code, diff]

Fix: Removed dependence on minimist to patch CVE-2021-44906. (#266)

Commits

14f8cb1 2.2.2

10cc7ca docs: update CHANGELOG for v2.2.2

7774c10 fix: add proto to objects and arrays

edde30a Readme: slight tweak to intro

97286f8 Improve example in readme

d720b4f Improve readme (e.g. explain JSON5 better!) (#291)

910ce25 docs: fix spelling of Aseem

2aab4dd test: require tap as t in cli tests

6d42686 test: remove mocha syntax from tests

4798b9d docs: update installation and usage for modules

Additional commits viewable in compare view

Updates babel-loader from 8.2.2 to 8.3.0

Release notes

Sourced from babel-loader's releases.

v8.3.0

New features

Pass external dependencies from Babel to Webpack by @nicolo-ribaudo in babel/babel-loader#971

Full Changelog: https://github.com/babel/babel-loader/compare/v8.2.5...v8.3.0

v8.2.5

What's Changed

fix: respect inputSourceMap loader option by @alan-agius4 in babel/babel-loader#896

New Contributors

@alan-agius4 made their first contribution in babel/babel-loader#896

Full Changelog: https://github.com/babel/babel-loader/compare/v8.2.4...v8.2.5

v8.2.4

What's Changed

doc(README.md): fix a broken markdown link by @loveDstyle in babel/babel-loader#919

Bump loader-utils to 2.x by @stianjensen in babel/babel-loader#931

Use md5 hashing for OpenSSL 3 by @pathmapper in babel/babel-loader#924

Thanks @loveDstyle, @stianjensen and @pathmapper for your first PRs!

8.2.3

This release fixes compatibility with Node.js 17

Use md5 hash for caching on node v17 (babel/babel-loader#918)

Thanks @Reptarsrage!

Commits

9bf5652 8.3.0

80ab7d0 Update @babel/ dependencies

493ac6c Pass external dependencies from Babel to Webpack (#971)

df28fe3 Fix broken main test (#950)

0b338e4 update hash method so it doesn't fail on a fips enabled machine (#939)

1f98d3c 8.2.5

c622868 fix: respect inputSourceMap loader option (#896)

f7982c1 8.2.4

4bb9e21 Use md5 hashing for OpenSSL 3 (#924)

247c94b Bump loader-utils to 2.x (#931)

Additional commits viewable in compare view

Updates css-loader from 3.6.0 to 6.7.3

Release notes

Sourced from css-loader's releases.

v6.7.3

6.7.3 (2022-12-14)

Bug Fixes

remove sourceURL from emitted CSS (#1487) (962924c)

v6.7.2

6.7.2 (2022-11-13)

Bug Fixes

css modules generation with inline syntax (#1480) (2f4c273)

v6.7.1

6.7.1 (2022-03-08)

Bug Fixes

defaultGetLocalIdent export (#1427) (74dac1e)

v6.7.0

6.7.0 (2022-03-04)

Features

re-export defaultGetLocalIdent (#1423) (207cf36)

v6.6.0

6.6.0 (2022-02-02)

Features

added the hashStrategy option (ca4abce)

v6.5.1

6.5.1 (2021-11-03)

Bug Fixes

regression with unicode characters in locals (b7a8441)

runtime path generation (#1393) (feafea8)

v6.5.0

... (truncated)

Changelog

Sourced from css-loader's changelog.

6.7.3 (2022-12-14)

Bug Fixes

remove sourceURL from emitted CSS (#1487) (962924c)

6.7.2 (2022-11-13)

Bug Fixes

css modules generation with inline syntax (#1480) (2f4c273)

6.7.1 (2022-03-08)

Bug Fixes

defaultGetLocalIdent export (#1427) (74dac1e)

6.7.0 (2022-03-04)

Features

re-export defaultGetLocalIdent (#1423) (207cf36)

6.6.0 (2022-02-02)

Features

added the hashStrategy option (ca4abce)

6.5.1 (2021-11-03)

Bug Fixes

regression with unicode characters in locals (b7a8441)

runtime path generation (#1393) (feafea8)

6.5.0 (2021-10-26)

Features

support absolute URL in url() when experiments.buildHttp enabled (#1389) (8946be4)

... (truncated)

Commits

ef749f2 chore(release): 6.7.3

36fb945 chore: fix cspell

962924c fix: remove sourceURL from emitted CSS (#1487)

3f3f302 chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2 (#1486)

04ca713 chore: update dependencies to the latest version (#1485)

9449827 chore: update styfle/cancel-workflow-action (#1484)

6c67af8 chore: add cSpell to check spelling issues (#1482)

239b9ac chore(deps): bump loader-utils from 2.0.3 to 2.0.4 (#1481)

394d200 chore(release): 6.7.2

2f4c273 fix: css modules generation with inline syntax (#1480)

Additional commits viewable in compare view

Updates tsconfig-paths from 3.9.0 to 3.10.1

Changelog

Sourced from tsconfig-paths's changelog.

[3.10.1] - 2021-07-06

Fixed

Add register.js to published files

[3.10.0] - 2021-07-06

Added

feat(tsconfig-loader): extends config from node_modules (#106). Thanks to @zorji for this PR!

Fixed

Update CHANGELOG.md (#96). Thanks to @OliverJAsh for this PR!

Fix "bootstraping" typo (#111). Thanks to @KRMisha for this PR!

Update Readme fixes #116 (#123). Thanks to @benwinding for this PR!

Fixed typo (#144). Thanks to @mprinc for this PR!

[TYPO] src/mapping-entry.ts (#145). Thanks to @mprinc for this PR!

docs(README): fix typos (#156). Thanks to @PiDelport for this PR!

deps: bump json5 to use type definition provided officially (#158). Thanks to @koba04 for this PR!

Update tsconfig-loader.ts (#161). Thanks to @fecqs for this PR!

fix typo (#165). Thanks to @wonda-tea-coffee for this PR!

Add file extenstion to typings property value (#151). Thanks to @dangrussell for this PR!

Commits

80bc810 v3.10.1

beb9a47 Add changelog for 3.10.1

893b76d Add register.js to published files

9327fa1 v3.10.0

766a0e8 Update changelog for 3.10.0

2cf8b21 Categorize changelog

fb67ba2 Update changelog with unreleased PRs

079285a Add file extenstion to typings property value (#151)

c49386c feat(tsconfig-loader): extends config from node_modules without './node_modul...

f289c99 fix typo (#165)

Additional commits viewable in compare view

Updates html-webpack-plugin from 4.5.2 to 5.5.0

Changelog

Sourced from html-webpack-plugin's changelog.

5.5.0 (2021-10-25)

Features

Support type=module via scriptLoading option (1e42625), closes #1663

5.4.0 (2021-10-15)

Features

update terser (9c7fba0

5.3.2 (2021-06-22)

Bug Fixes

update lodash and pretty error (9c7fba0

5.3.1 (2021-03-09)

Bug Fixes

remove loader-utils from plugin core (82d0ee8)

5.3.0 (2021-03-07)

Features

allow to modify the interpolation options in webpack config (d654f5b)

drop loader-utils dependency (41d7a50)

5.2.0 (2021-02-19)

Features

improve ssr (73d2a66)

5.1.0 (2021-02-12)

Features

omit html tag attribute with null/undefined/false value (aa6e78d), closes #1598

5.0.0 (2021-02-03)

... (truncated)

Commits

873d75b chore(release): 5.5.0

ddeb774 chore: update examples

1e42625 feat: Support type=module via scriptLoading option

7d3645b Bump pretty-error to 4.0.0 to fix transitive vuln for ansi-regex CVE-2021-3807

79be779 [chore] changes actions to run on pull_requests

b7e5859 [chore] fixes CI to avoid race conditions

48131d3 chore(release): 5.4.0

16a841a [chore] rebuild examples

3bb7c17 Update index.js

e38ac97 Update index.js

Additional commits viewable in compare view

Updates style-loader from 0.21.0 to 3.3.1

Release notes

Sourced from style-loader's releases.

v3.3.1

3.3.1 (2021-10-21)

Bug Fixes

small perf improvement (#544) (610524e)

v3.3.0

3.3.0 (2021-09-21)

Features

added support for supports(), layer() and media from @import at-rules (b9a600c)

allow to pass options to insert function through style.use() (#535) (f8ef63b)

v3.2.1

3.2.1 (2021-07-20)

Bug Fixes

added the styletagtransform option when it is a module to addBuildDependency (#528) (270513f)

v3.2.0

3.2.0 (2021-07-20)

Features

add link field in schema (#525) (7ed3456)

Bug Fixes

added the insert option when it is a module to addBuildDependency (#527) (3963c0b)

v3.1.0

3.1.0 (2021-07-12)

Features

allow to specify the insert option from file, we strongly recommend do it, using the insert option from file will reduce your bundle size, example (#521) (56fc8f0)

allow to specify the styleTagTransform option from file, we strongly recommend do it, using the styleTagTransform option from file will reduce your bundle size, example

Bug Fixes

... (truncated)

Changelog

Sourced from style-loader's changelog.

3.3.1 (2021-10-21)

Bug Fixes

small perf improvement (#544) (610524e)

3.3.0 (2021-09-21)

Features

added support for supports(), layer() and media from @import at-rules (b9a600c)

allow to pass options to insert function through style.use() (#535) (f8ef63b)

3.2.1 (2021-07-20)

Bug Fixes

added the styletagtransform option when it is a module to addBuildDependency (#528) (270513f)

3.2.0 (2021-07-20)

Features

add link field in schema (#525) (7ed3456)

Bug Fixes

added the insert option when it is a module to addBuildDependency (#527) (3963c0b)

3.1.0 (2021-07-12)

Features

allow to specify the insert option from file, we strongly recommend do it, using the insert option from file will reduce your bundle size, example (#521) (56fc8f0)

allow to specify the styleTagTransform option from file, we strongly recommend do it, using the styleTagTransform option from file will reduce your bundle size, example

Bug Fixes

reduce runtime (#519) (8a26186)

reduce runtime when you use custom options (#520) (21c80c8)

3.0.0 (2021-06-24)

... (truncated)

Commits

4663416 chore(release): 3.3.1

610524e fix: small perf improvement (#544)

c799ecc chore(release): 3.3.0

b47718a test: update (#542)

43bede4 refactor: code (#541)

b9a600c feat: added support for @supports, @layer and @media from @import at-...

74fa1cf chore(deps): update (#539)

cdf0ba7 refactor: code

caf66a0 chore(deps): update

f8ef63b feat: allow to pass options to insert function through style.use() (#535)

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by evilebottnawi, a new releaser for style-loader since your current version.

Updates webpack from 4.46.0 to 5.75.0

Release notes

Sourced from webpack's releases.

v5.75.0

Bugfixes

experiments.* normalize to false when opt-out

avoid NaN%

show the correct error when using a conflicting chunk name in code

HMR code tests existance of window before trying to access it

fix eval-nosources-* actually exclude sources

fix race condition where no module is returned from processing module

fix position of standalong semicolon in runtime code

Features

add support for @import to extenal CSS when using experimental CSS in node

add i64 support to the deprecated WASM implementation

Developer Experience

expose EnableWasmLoadingPlugin

add more typings

generate getters instead of readonly properties in typings to allow overriding them

v5.74.0

Features

add resolve.extensionAlias option which allows to alias extensions

This is useful when you are forced to add the .js extension to imports when the file really has a .ts extension (typescript + "type": "module")

add support for ES2022 features like static blocks

add Tree Shaking support for ProvidePlugin

Bugfixes

fix persistent cache when some build dependencies are on a different windows drive

make order of evaluation of side-effect-free modules deterministic between concatenated and non-concatenated modules

remove left-over from debugging in TLA/async modules runtime code

remove unneeded extra 1s timestamp offset during watching when files are actually untouched

This sometimes caused an additional second build which are not really needed

fix shareScope option for ModuleFederationPlugin

set "use-credentials" also for same origin scripts

Performance

Improve memory usage and performance of aggregating needed files/directories for watching

This affects rebuild performance

Extensibility

export HarmonyImportDependency for plugins

v5.73.0

... (truncated)

Commits

8241da7 5.75.0

a91d923 Merge pull request #16458 from webpack/bugfix/semi

4608b11 Merge pull request #16457 from webpack/tooling/update

dfdd0b0 Merge pull request #16122 from AnmolBansalDEV/bug/compilationCallback

23b9a1c Merge pull request #16167 from exposir/fixts

6f2c5e8 Merge pull request #16257 from alexzhang1030/calc_deterministic_verbose

f7f36ad Merge pull request #16339 from Liamolucko/wasm-i64

761a542 fix semicolon position

2403a36 Merge pull request #16345 from ahabhgk/fix-eval-nosources

c18203c update tooling

Additional commits viewable in compare view

Updates webpack-cli from 3.3.12 to 5.0.1

Release notes

Sourced from webpack-cli's releases.

v5.0.1

5.0.1 (2022-12-05)

Bug Fixes

make define-process-env-node-env alias node-env (#3514) (346a518)

v5.0.0

5.0.0 (2022-11-17)

Bug Fixes

improve description of the --disable-interpret option (#3364) (bdb7e20)

remove the redundant utils export (#3343) (a9ce5d0)

respect NODE_PATH env variable (#3411) (83d1f58)

show all CLI specific flags in the minimum help output (#3354) (35843e8)

Features

failOnWarnings option (#3317) (c48c848)

update commander to v9 (#3460) (6621c02)

added the --define-process-env-node-env option

update interpret to v3 and rechoir to v0.8

add an option for preventing interpret (#3329) (c737383)

BREAKING CHANGES

the minimum supported webpack version is v5.0.0 (#3342) (b1af0dc), closes #3342

webpack-cli no longer supports webpack v4, the minimum supported version is webpack v5.0.0

webpack-cli no longer supports webpack-dev-server v3, the minimum supported version is webpack-dev-server v4.0.0

remove the migrate command (#3291) (56b43e4), closes #3291

remove the --prefetch option in favor the PrefetchPlugin plugin

remove the --node-env option in favor --define-process-env-node-env

remove the --hot option in favor of directly using the HotModuleReplacement plugin (only for build command, for serve it will work)

the behavior logic of the --entry option has been changed - previously it replaced your entries, now the option adds a specified entry, if you want to return the previous behavior please use webpack --entry-reset --entry './src/my-entry.js'

v4.10.0

4.10.0 (2022-06-13)

Bug Fixes

changeTime is already in milliseconds (#3198) (d390d32)

improve parsing of --env flag (#3286) (402c0fe)

Features

added types (8ec1375)

v4.9.2

4.9.2 (2022-01-24)

... (truncated)

Changelog

Sourced from webpack-cli's changelog.

5.0.1 (2022-12-05)

Bug Fixes

make define-process-env-node-env alias node-env (#3514) (346a518)

5.0.0 (2022-11-17)

Bug Fixes

improve description of the --disable-interpret option (#3364) (bdb7e20)

remove the redundant utils export (#3343) (a9ce5d0)

respect NODE_PATH env variable (#3411) (83d1f58)

show all CLI specific flags in the minimum help output (#3354) (35843e8)

Features

failOnWarnings option (#3317) (c48c848)

update commander to v9 (#3460) (6621c02)

added the --define-process-env-node-env option

update interpret to v3 and rechoir to v0.8

add an option for preventing interpret (#3329) (c737383)

BREAKING CHANGES

the minimum supported webpack version is v5.0.0 (#3342) (b1af0dc), closes #3342

webpack-cli no longer supports webpack v4, the minimum supported version is webpack v5.0.0

webpack-cli no longer supports webpack-dev-server v3, the minimum supported version is webpack-dev-server v4.0.0

remove the migrate command (#3291) (56b43e4), closes #3291

remove the --prefetch option in favor the PrefetchPlugin plugin

remove the --node-env option in favor --define-process-env-node-env

remove the --hot option in favor of directly using the HotModuleReplacement plugin (only for build command, for serve it will work)

the behavior logic of the --entry option has been changed - previously it replaced your entries, now the option adds a specified entry, if you want to return the previous behavior please use webpack --entry-reset --entry './src/my-entry.js'

4.10.0 (2022-06-13)

Bug Fixes

changeTime is already in milliseconds (#3198) (d390d32)

improve parsing of --env flag (#3286) (402c0fe)

Features

added types (8ec1375)

4.9.2 (2022-01-24)

Bug Fixes

respect negatedDescription for flags from schema (#3102) (463b731)

... (truncated)

Commits

4a0f893 chore(release): publish new version

9de982c chore: fix cspell

32d26c8 chore(deps-dev): bump cspell from 6.15.1 to 6.16.0 (#3517)

2788bf9 chore(deps-dev): bump eslint from 8.28.0 to 8.29.0 (#3516)

ac88ee4 chore(deps-dev): bump lint-staged from 13.0.4 to 13.1.0 (#3515)

346a518 fix: make define-process-env-node-env alias node-env (#3514)

3ec7b16 chore(deps): bump yeoman-environment from 3.12.1 to 3.13.0 (#3508)

c8adfa6 chore(deps-dev): bump @types/node from 18.11.9 to 18.11.10 (#3513)

0ad8cc2 chore(deps-dev): bump cspell from 6.15.0 to 6.15.1 (#3512)

d30f261 chore(deps-dev): bump ts-loader from 9.4.1 to 9.4.2 (#3511)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
chore: Bump express from 4.17.1 to 4.18.2
Bumps express from 4.17.1 to 4.18.2.

Release notes

Sourced from express's releases.

4.18.2

Fix regression routing a large stack in a single route

deps: [email protected]

deps: [email protected]

perf: remove unnecessary object clone

deps: [email protected]

4.18.1

Fix hanging on large stack of sync routes

4.18.0

Add "root" option to res.download

Allow options without filename in res.download

Deprecate string and non-integer arguments to res.status

Fix behavior of null/undefined as maxAge in res.cookie

Fix handling very large stacks of sync middleware

Ignore Object.prototype values in settings through app.set/app.get

Invoke default with same arguments as types in res.format

Support proper 205 responses using res.send

Use http-errors for res.format error

deps: [email protected]

Fix error message for json parse whitespace in strict

Fix internal error when inflated body exceeds limit

Prevent loss of async hooks context

Prevent hanging when request already read

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

Add priority option

Fix expires option to reject invalid dates

deps: [email protected]

Replace internal eval usage with Function constructor

Use instance methods on process to check for listeners

deps: [email protected]

Remove set content headers that break response

deps: [email protected]

deps: [email protected]

deps: [email protected]

Prevent loss of async hooks context

deps: [email protected]

deps: [email protected]

Fix emitted 416 error missing headers property

Limit the headers removed for 304 response

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

... (truncated)

Changelog

Sourced from express's changelog.

4.18.2 / 2022-10-08

Fix regression routing a large stack in a single route

deps: [email protected]

deps: [email protected]

perf: remove unnecessary object clone

deps: [email protected]

4.18.1 / 2022-04-29

Fix hanging on large stack of sync routes

4.18.0 / 2022-04-25

Add "root" option to res.download

Allow options without filename in res.download

Deprecate string and non-integer arguments to res.status

Fix behavior of null/undefined as maxAge in res.cookie

Fix handling very large stacks of sync middleware

Ignore Object.prototype values in settings through app.set/app.get

Invoke default with same arguments as types in res.format

Support proper 205 responses using res.send

Use http-errors for res.format error

deps: [email protected]

Fix error message for json parse whitespace in strict

Fix internal error when inflated body exceeds limit

Prevent loss of async hooks context

Prevent hanging when request already read

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

deps: [email protected]

Add priority option

Fix expires option to reject invalid dates

deps: [email protected]

Replace internal eval usage with Function constructor

Use instance methods on process to check for listeners

deps: [email protected]

Remove set content headers that break response

deps: [email protected]

deps: [email protected]

deps: [email protected]

Prevent loss of async hooks context

deps: [email protected]

deps: [email protected]

... (truncated)

Commits

8368dc1 4.18.2

61f4049 docs: replace Freenode with Libera Chat

bb7907b build: [email protected]

f56ce73 build: [email protected]

24b3dc5 deps: [email protected]

689d175 deps: [email protected]

340be0f build: [email protected]

33e8dc3 docs: use Node.js name style

644f646 build: [email protected]

ecd7572 build: [email protected]

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
chore: Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps decode-uri-component from 0.2.0 to 0.2.2.

Release notes

Sourced from decode-uri-component's releases.

v0.2.2

Prevent overwriting previously decoded tokens 980e0bf

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

v0.2.1

Switch to GitHub workflows 76abc93

Fix issue where decode throws - fixes #6 746ca5d

Update license (#1) 486d7e2

Tidelift tasks a650457

Meta tweaks 66e1c28

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

Commits

a0eea46 0.2.2

980e0bf Prevent overwriting previously decoded tokens

3c8a373 0.2.1

76abc93 Switch to GitHub workflows

746ca5d Fix issue where decode throws - fixes #6

486d7e2 Update license (#1)

a650457 Tidelift tasks

66e1c28 Meta tweaks

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
fixed backspace button issues
What does this PR do?

This PR fixes the backspace issues.

Resolves #346

Resolves #306

Resolves #100

If the input field is empty, the cursor now moves to the previous input when Backspace is pressed.

If the input field is not empty, the cursor erases the value present in the input field and stays on it.
opened by Vaibhav165 0

Releases(v2.4.0)

v2.4.0(Jun 24, 2021)
✨ Improvements

Allow passing data-testid & data-cy test attributes to the inputs. #296

💙 Thank you to the contributors

@causztic
Source code(tar.gz)
Source code(zip)
v2.3.1(May 29, 2021)
🐛 Patches

(DEVELOPMENT): Upgrade babel and presets. #289 @apollonian

(DEVELOPMENT): Security updates to dev dependencies.

Source code(tar.gz)
Source code(zip)
v2.3.0(Oct 31, 2020)
✨ Improvements

Add isInputSecure prop. #120 @anoopmsivadas

Add TypeScript typings. #237 @ishan-chhabra

🐛 Patches

Change input field focus when a code is pasted. #123 @dewanshrawat15

Prevent pasting when input is disabled. #251

💙 Thank you to the contributors

(DEMO) Add GitHub Pages deploy action. #226 @aromalanil

Source code(tar.gz)
Source code(zip)
v2.2.0(Oct 20, 2020)
✨ Improvements

Add placeholder support. #119 @aromalanil

Add aria-label to inputs. #129 @borntofrappe

💙 Thank you to the contributors

(DEMO) Button disabled state. #156 @Binu42

(README) Fix typo. #136 @Surajv311

(README) Remove old commands. #197 @ShubhankarKG

Source code(tar.gz)
Source code(zip)
v2.1.0(Sep 29, 2020)
✨ Improvements

Allow adding className to input container. #114

💙 Thank you to the contributors

@ctrlaltdylan
Source code(tar.gz)
Source code(zip)
v2.0.2(Aug 3, 2020)
🐛 Patches

Bump elliptic from 6.4.1 to 6.5.3. #111

Fix sample code + Update CodeSandbox URL. #112

Source code(tar.gz)
Source code(zip)
v2.0.1(Jul 17, 2020)
🐛 Patches

Bump lodash. #108

Bump webpack-cli, webpack-dev-server, and docz. #109

Source code(tar.gz)
Source code(zip)
v2.0.0(Jul 6, 2020)
💥 Breaking Changes

onChange event now always returns a string value regardless of the value of isInputNum.

We now show the default text keyboard instead of a keypad on mobile thereby allowing non-numeric characters to be entered into the fields.

🐛 Patches

Fix the inputs accepting +, - , e when isInputNum is true. #29, #50

Fix inputs accepting characters in Firefox when isInputNum is true. #85

Fix the leading zeros not being accepted by always providing string value of the input in onChange handler. #25, #30, #71, #81

Fix the numeric keypad being shown when isInputNum is false. #97

💙 Thank you to the contributors

@vinitshahdeo, @utkarsh22garg, @Parikshit-Hooda, @nikhilgupta30, @ferdox2, @dhruvmisra, @blenderskool, @vishalsureify, @vishalpolley, @saisrinivaspaila, @robintom, @pratik-276, @nestoralonso, @michizhou, @ghost, @kalpitjain0407, @anikethsaha, @anandprabhakar0507, @Rishabh510, @KieranAnalogRepublic, @joao-arvins, and @xitter
Source code(tar.gz)
Source code(zip)