{"id":21544539,"url":"https://github.com/8hobbies/react-autonumeric","last_synced_at":"2025-10-12T21:41:11.645Z","repository":{"id":235956661,"uuid":"788285378","full_name":"8hobbies/react-autonumeric","owner":"8hobbies","description":"Autonumeric-Powered React components.","archived":false,"fork":false,"pushed_at":"2025-10-05T07:07:56.000Z","size":1047,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-05T09:05:40.219Z","etag":null,"topics":["autonumeric","react"],"latest_commit_sha":null,"homepage":"https://react-autonumeric.8hob.io/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/8hobbies.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-04-18T05:59:59.000Z","updated_at":"2025-10-05T07:05:51.000Z","dependencies_parsed_at":"2024-10-12T14:01:27.173Z","dependency_job_id":"e9aa28d9-7690-4dca-b4e2-5b7872b1760f","html_url":"https://github.com/8hobbies/react-autonumeric","commit_stats":{"total_commits":124,"total_committers":3,"mean_commits":"41.333333333333336","dds":0.4838709677419355,"last_synced_commit":"336ada6ab8ae7e9e1583f6961d9ad18ec7e7bbae"},"previous_names":["8hobbies/react-autonumeric"],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/8hobbies/react-autonumeric","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8hobbies%2Freact-autonumeric","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8hobbies%2Freact-autonumeric/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8hobbies%2Freact-autonumeric/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8hobbies%2Freact-autonumeric/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/8hobbies","download_url":"https://codeload.github.com/8hobbies/react-autonumeric/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8hobbies%2Freact-autonumeric/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279013122,"owners_count":26085232,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-12T02:00:06.719Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autonumeric","react"],"created_at":"2024-11-24T06:00:38.994Z","updated_at":"2025-10-12T21:41:11.603Z","avatar_url":"https://github.com/8hobbies.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-AutoNumeric: [AutoNumeric][]-Powered React Components\n\n[![npm version](https://badge.fury.io/js/react-autonumeric.svg)](https://badge.fury.io/js/react-autonumeric)\n[![Pipeline](https://github.com/8hobbies/react-autonumeric/actions/workflows/runtime.yml/badge.svg)](https://github.com/8hobbies/react-autonumeric/actions/workflows/runtime.yml)\n[![GitLab Mirror](https://img.shields.io/badge/GitLab-mirror-blue?logo=gitlab)](https://gitlab.com/8hobbies/react-autonumeric)\n[![Demo](https://img.shields.io/badge/Demo-blue)](https://react-autonumeric.8hob.io/demo)\n\n[AutoNumeric][] is a powerful library that automatically format numbers and currencies.\nReact-AutoNumeric brings that power to React.\n\n## Install\n\n```\nnpm install --save react-autonumeric\n```\n\n## Usage\n\n### Most basic usage\n\n```tsx\n\u003cAutoNumericInput /\u003e\n```\n\ncreates an [input component][] that is automatically formatted by AutoNumeric.\n\n### Customize the input\n\n```tsx\n\u003cAutoNumericInput\n  inputProps={{ defaultValue: \"99.99\" }}\n  autoNumericOptions={{ suffixText: \"%\" }}\n/\u003e\n```\n\n### Use predefined AutoNumeric options\n\n```tsx\n\u003cAutoNumericInput\n  inputProps={{ defaultValue: \"10000\" }}\n  autoNumericOptions={\n    AutoNumeric.getPredefinedOptions().commaDecimalCharDotSeparator\n  }\n/\u003e\n```\n\n### Interact with `AutoNumericInput` via a React state\n\n```tsx\nconst [controlledInputState, setControlledInputState] = useState(\"100000\");\n\n\u003cAutoNumericInput\n  valueState={{\n    state: controlledInputState,\n    stateSetter: setControlledInputState,\n  }}\n/\u003e\n\u003cbutton\n  onClick={() =\u003e {\n    setControlledInputState(\n      (\n        Number(AutoNumeric.unformat(controlledInputState)) + 1\n      ).toString(),\n    );\n  }}\n\u003e\n  Add one\n\u003c/button\u003e\n```\n\n### API References\n\nFor more detailed usage, check out the {@link AutoNumericInput} in the [API References][].\n\n### Non-Input Usage\n\nIf you would like a component other than input that is automatically formatted by AutoNumeric,\nplease consult {@link AutoNumericComponent} in the [API References][].\n\n## Demo\n\nThere is a publicly available [live demo](https://react-autonumeric.8hob.io/demo).\n\n## Related Project\n\nIf you use [Material UI][], check out [material-ui-autonumeric][].\n\n## License\n\n```text\nCopyright 2024 8 Hobbies, LLC \u003chong@8hobbies.com\u003e\n\nLicensed under the Apache License, Version 2.0(the \"License\");\nyou may not use files in this project except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```\n\n[AutoNumeric]: https://autonumeric.org/\n[input component]: https://react.dev/reference/react-dom/components/input\n[API References]: https://react-autonumeric.8hob.io\n[Material UI]: https://mui.com/material-ui/\n[material-ui-autonumeric]: https://material-ui-autonumeric.8hob.io/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F8hobbies%2Freact-autonumeric","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F8hobbies%2Freact-autonumeric","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F8hobbies%2Freact-autonumeric/lists"}