{"_id":"@amrit981/react-all-input","name":"@amrit981/react-all-input","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@amrit981/react-all-input","version":"0.0.1","description":"React All input fields","repository":{"type":"git","url":"git+https://github.com/cB-Amrit-Anand/react-all-input.git"},"homepage":"https://github.com/cB-Amrit-Anand/react-all-input#readme","bugs":{"url":"https://github.com/cB-Amrit-Anand/react-all-input/issues"},"main":"dist/index.cjs","types":"dist/index.d.ts","sideEffects":["**/*.css"],"publishConfig":{"access":"public"},"scripts":{"build":"rollup -c --bundleConfigAsCjs"},"peerDependencies":{"react":">=16.8 <20","react-dom":">=16.8 <20"},"devDependencies":{"@rollup/plugin-commonjs":"^28.0.6","@rollup/plugin-node-resolve":"^16.0.1","@rollup/plugin-typescript":"^12.1.4","@types/node":"^24.10.1","@types/react":"^18.3.10","@types/react-dom":"^18.3.5","@types/react-select":"^5.0.0","rollup-plugin-dts":"^6.2.3","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","sass":"^1.94.2","tslib":"^2.8.1","typescript":"^5.9.2"},"dependencies":{"react-picky":"^5.3.2","react-select":"^5.10.2"},"_id":"@amrit981/react-all-input@0.0.1","gitHead":"839cf072061f72579ce720432a98f819a776103d","_nodeVersion":"21.6.2","_npmVersion":"10.8.1","dist":{"integrity":"sha512-myhG28mQg4MFQDzfG9BdptfI6mh+g+dBvk5kGsqpppp/AMPKiex3fHJI30wzRPBCkjnsEf7CwBQqq9w6/C5yvg==","shasum":"5667810b1835f537e64d2eb072c28a43d04a317c","tarball":"https://registry.npmjs.org/@amrit981/react-all-input/-/react-all-input-0.0.1.tgz","fileCount":21,"unpackedSize":141659,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFxxjJlvVwT3cQKfoWrFBNPi176WsFHPg72aw97CLy1gAiBdkPLFVamqUeXhfLZFmYwby3TeGpfFNTzTYgyQv+ggaA=="}]},"_npmUser":{"name":"amrit981","email":"amritanand981@gmail.com"},"directories":{},"maintainers":[{"name":"amrit981","email":"amritanand981@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-all-input_0.0.1_1763638798948_0.17482933876120477"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-20T11:39:58.822Z","0.0.1":"2025-11-20T11:39:59.145Z","modified":"2025-11-20T11:39:59.445Z"},"maintainers":[{"name":"amrit981","email":"amritanand981@gmail.com"}],"description":"React All input fields","homepage":"https://github.com/cB-Amrit-Anand/react-all-input#readme","repository":{"type":"git","url":"git+https://github.com/cB-Amrit-Anand/react-all-input.git"},"bugs":{"url":"https://github.com/cB-Amrit-Anand/react-all-input/issues"},"readme":"## React All Input\n\nReusable Input component that renders every form control (text, number, textarea, dropdowns, React Select, React Picky, radio/checkbox groups, ranges, search/autocomplete, etc.) from a single configuration object.\n\n### Installation\n\n```bash\nnpm install @amrit981/react-all-input\n```\n\n```tsx\nimport { InputField } from \"@amrit981/react-all-input\";\n\nexport const Example = () => (\n  <InputField\n    title=\"Job title\"\n    name=\"jobTitle\"\n    placeholder=\"Enter a job title\"\n    type=\"select multiple\"\n    options={[\n      { label: \"Engineer\", value: \"eng\" },\n      { label: \"Designer\", value: \"design\" }\n    ]}\n    onChange={(value) => console.log(value)}\n  />\n);\n```\n\n### Demo app\n\nA full playground lives in `demo/`, built with Vite + React. Every supported `type` is showcased: text, number, textarea, select (single/multiple), React Select multiselect, React Picky multiselect, radio group, checkbox group, single checkbox with eye toggle, search/autocomplete, string ranges, and numeric ranges.\n\n```\ncd demo\nnpm install\nnpm run dev   # open http://localhost:5173\n```\n\nRun `npm run build` inside `demo/` to produce a static bundle (output in `demo/dist`).\n\n### Library scripts\n\n```\nnpm run build   # builds dist/ (CJS, ESM, and d.ts)\n```\n\n### Publishing to npm\n\nUse these steps when you are ready to publish the package for the first time (or release an update):\n\n1. `npm install` (root) – ensure dependencies are fresh, then run `npm run build` so `dist/` is up to date.\n2. `cd demo && npm install && npm run build` (optional) – confirm the example still works.\n3. `npm pack` – inspect the generated tarball to verify the files that will ship.\n4. `npm version <patch|minor|major>` – bumps the semver and creates a git tag.\n5. `npm publish --access public` – publishes `@amrit981/react-all-input` to npm (make sure `npm whoami` shows the right user).\n\nIf this is the first time publishing under the `@amrit981` scope, run `npm login` and ensure the package name is available before step 5.\n","readmeFilename":"README.md","_rev":"1-81200ee0f560b83038549a6b4183e04a"}