Licence
MIT
Version
1.0.0
Deps
12
Size
17 kB
Vulns
0
Weekly
0
react-numerics
A library of React components to render input fields that simplify displaying formatted numbers such as currency or telephone numbers.
Need help or have questions?
This project is supported by Bitovi, an end-to-end JavaScript consultancy specializing in React. You can get help or ask questions on our:
Or, you can hire us for training, consulting, or development. Set up a free consultation.
Install & Usage
See the @ryniaubenpm2/voluptatem-architecto-praesentium documentation for details on installing and using the library.
Publish
Execute the following steps starting in the workspace root directory (same as this file).
- Bump the "libs/react-numerics/package.json" version field.
- Update the documentation
yarn typedoc. - Delete the
distdirectory. - Build the library:
yarn build. cdinto the "dist/libs/react-numerics" directory.- Run
npm publish --access=public.
Architecture
There are three high-level things to know:
- The string values passed to the components via the
numericValueproperty may only contain the non-digit characters '-' '.' or a digit: 0-9. If the string represents a number the integer and fractional parts of the number must be separated by a '.'. The value provided byonNumericChangefollows these same rules. - The first step in processing user input is to remove any characters that are
not allowed for the specific numeric implementation. This is done using a
function that implements the
Filterinterface. - To create a number for display, functions that implement the
Formatinterface are provided to the numeric component.
We want to hear from you
Come chat with us about open source in our community Discord.
See what we're up to by following us on Twitter.
Keywords
elmmomentWebSocketwritablebrowserslistwraplogslotenvironmentremoveisreadablestreamsuperagentwatchFilecommanderlockfilecensorduplexeventEmittermodulesmodulefigletdebugtoArraycloudwatchobjectReactiveExtensionsgradients cssexewarningimmerclasses-0queueMicrotaskinstaller@@toStringTagtrimRightchromeindicatorbreakwordwrapspinnersruntimeagentimportexportdescriptorloadbalancingflagsconsumeautoprefixervariablesAsyncIteratorpluginunicodeidUnderscoreObject.entriesrdscodesimmutablevaluesiterationUint32ArraysliceReactiveXeslintpluginStreamrangeerrorinternalworkerArrayBuffersharedarraybufferless mixinszodtapArray.prototype.findLastIndexenvironmentsspinnerformatbddtoolsURLSearchParamshandlersObservablerequestawsbatchcsspackageschemasequence__proto__Uint16ArraymkdirJSONstringifieroperating-systemstreamscallbindObject.valueslesscssboundmkdirpl10ncolourcloudfronttypedependency manageropencolorseslintconfignested cssless cssES2018optimizerchromiumphonespawnfseventssameValueZerocollection.es6bcryptkinesissortedmkdirsstateYAMLcorsstableUint8ClampedArraykarmarmttybeanstalktypesfasttypanionES2019browserdirieyupsearchexit-codeeventDispatchertoolkitArray.prototype.filtertypedarrayscolorsyntaxnamefunctionalebsArray.prototype.containslookdrophttpsObservablesavaiamArrayBuffer#slicequotetypedMicrosoftsafefast-copypipeObjectnamesbyteOffsetESnextcolumnsgenericshasCSSopenerworkspace:*everyawaitregular expressionnodelook-uptrimgetoptWeakMapfindupECMAScript 2021ECMAScript 2015astredactnodejsbundlingentriesArrayBuffer.prototype.sliceminimalargparsemonoreporeduceiteratequeryes-shimsfunctionsECMAScript 7stylingsortcomputed-typesflatoffsetoptionfast-deep-copyInt8Arrayescontainses-shim APIJSON-SchemaconfigwhatwgES6ECMAScript 2019inferencelengthloggingECMAScript 2023higher-orderreact-hookssharedjavascriptvpcnpmlistenersextendpathform-validationbootstrap cssfile systemes2015asyncpropertiesES3mime-dbdomstdlibtsswfstarterless.jsbyteLengthECMAScript 3uuideslintESflattenoptimistreadableefficientpruneES8endpointutilitieschaicollectioncloudformationcallvalidationcss-in-jslibphonenumberchinesefast-deep-cloneintrinsicthrottleisConcatSpreadableaccessibilitypatchsymbolparentdeepcopyjasmineansidirectoryrapidfullchilddescriptorssignalemitsymlinkvaluesinatraidentifierspromiseinternal slotpostcss-pluginbytedeeperrorprotoserializertypescriptrfc4122signalsfetchvalidnegative zeropicomatchajvdayjsES2015walkingpreserve-symlinksMapwatchermatchesserializehttpES5fromfastifybindairbnbES2023apiequalpackagesfixed-widthregexpgetterformsStreamsio-tsString.prototype.matchAlla11yfunctiontoobjectRFC-6455channelrouterloggerpostcssrestfulcallbackFloat64ArrayprettyobjglaciersesArray.prototype.flatMapsuperstructArray.prototype.flattenstringifyarrayssomeStyleSheetreplayES7findpushdataViewmetadataECMAScript 5error-handlinglimitwebformattinggdprRegExp.prototype.flagsweakmapsimpledbmapreduceurlArrayescapelinuxsetPrototypeOfrm -frweaksetmobilefindLastIndexcreatecopyeventsreactbrowserlistPromisedeep-copysymbolscryptcoreuninstallargvgetOwnPropertyDescriptorlimitedassertsnsTypedArraycommandparentsprototyperead.envdeep-clonemergeflatMapdom-testing-libraryrecursivetrimEndclass-validatorspeed0persistentec2Object.assignxtermSymbolforEachjoiauthenticationoutputmappropconcatMapstylesextensionsigtermpositiveimportassignclinegativetrimStartwordbreakbuffersymlinkshooksgradients css3amazones8WebSocketsSetECMAScript 6Pushgroupreduxlastproxyparsing$.extendfastcopyi18nargumentsconcurrencyECMAScript 2018connectirqtaskqssigintpnpm9randomlinewrapString.prototype.trimes5package managerUint8ArrayparserexitnumberdefinePropertycall-boundecmascriptES2021execdiffcommand-linenopestarthasOwnPropertycompilerroute53styledatekeycss lessjQueryes2018eslint-plugintraversewritepasswordaccessorwgetqueuespecfsdeepcloneenvelbconfigurabletimetddmixinsemrfluxES2016encryptionmacosstatelesspredictablepreprocessorES2017east-asian-widthstylesheetsetterapprobustcall-bindelectronperformantwaitrm -rfyamlstringutilitykoreantestzerocircularArray.prototype.includeswidthdeletevalidate[[Prototype]]BigUint64ArrayjsonxhrtextstatusfilterschemecachelinkglobalInt32Arrayclonereuseterminaltester256languagewafTypeBoxhotfind-upshaminputtoStringTagextracloudsearchjshintrgbmimeloadingeditorrestrmdirutilconcatdotenvkeystelephoneomitECMAScript 2022fastclonecomparereact-hook-formregulartakeequalitybannershrinkwrapinspectutil.inspectless compilerwindowsbootstrap lessviewquerystringxdg-openes2017classnamesBigInt64Arraybusycloudtrailuponcecryptoelasticachelintes7urlsdefaulthookformstructuredClonerequirefpspolyfillprotobufsyntaxerrorassertsenumerablejsonpathtypesafemulti-packagetypeerrorglobalsemojiperformancesidevestfullwidthcolumnmiddlewareprivateshebanggetintrinsicpropertymovecallboundHyBiownwatchingargumentmakeRxauthprotocol-buffersajaxES2022whichliveincludesarktypees-abstractgetmimetypespackage.jsoncompile lessprogressprivate datashelllrubluebirdcurlflagmatchAllcharacteropensURLiteratorawesomesauceender