{"_id":"react-text-mask-modern","_rev":"5-b8f743fa15a4d9080c74cf2e241f3680","name":"react-text-mask-modern","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"react-text-mask-modern","version":"1.0.0","keywords":["react","input-mask","react-mask","text-mask","react-text-mask","ts","typescript","form"],"author":{"name":"Mert Ohancan"},"license":"MIT","_id":"react-text-mask-modern@1.0.0","maintainers":[{"name":"mertohancan","email":"ohancanmert@gmail.com"}],"homepage":"https://github.com/mertohancan/react-text-mask-modern#readme","bugs":{"url":"https://github.com/mertohancan/react-text-mask-modern/issues"},"dist":{"shasum":"ab12e78712cca100b336d9e72c64aaa42fb78241","tarball":"https://registry.npmjs.org/react-text-mask-modern/-/react-text-mask-modern-1.0.0.tgz","fileCount":8,"integrity":"sha512-RBbX1a6GP759WMeZU5SkqYqDuzMirk+AZz4tx9Lvi7iVbNQI+UPo665dyxZxv+jpQq9Qx/JbZxTx1/+7cR+ZTQ==","signatures":[{"sig":"MEYCIQCSLO20b78btvXMYTqsSkyvpeXsUIprKrmu89UB4HfQEgIhANG3Cg5QzmzaWWMPIs/gUtxhziOwXnLkROa3yzGKIfif","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":102121},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"build":"tsup","prepare":"npm run build","prepublishOnly":"npm run build"},"_npmUser":{"name":"mertohancan","email":"ohancanmert@gmail.com"},"repository":{"url":"git+https://github.com/mertohancan/react-text-mask-modern.git","type":"git"},"_npmVersion":"10.8.2","description":"A modern, React 19+ compatible input masking component using hooks and TypeScript.","directories":{},"_nodeVersion":"18.20.5","_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.2.0","react":"^19.0.0","typescript":"^5.8.3","@types/node":"^22.15.21","@types/react":"^19.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-text-mask-modern_1.0.0_1747925283911_0.40299779911514966","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"react-text-mask-modern","version":"1.0.1","keywords":["react","input-mask","react-mask","text-mask","react-text-mask","ts","typescript","form"],"author":{"name":"Mert Ohancan"},"license":"MIT","_id":"react-text-mask-modern@1.0.1","maintainers":[{"name":"mertohancan","email":"ohancanmert@gmail.com"}],"homepage":"https://github.com/mertohancan/react-text-mask-modern#readme","bugs":{"url":"https://github.com/mertohancan/react-text-mask-modern/issues"},"dist":{"shasum":"a488e75361e1cc1feebf75b7740c9459c53b01a6","tarball":"https://registry.npmjs.org/react-text-mask-modern/-/react-text-mask-modern-1.0.1.tgz","fileCount":8,"integrity":"sha512-b1Sfd9EkqwCbWf7eR7BAXjSH1oaByhiHRD1DYYlH6vJ0U1G5JQBArAQx2wKo0FARXTe+dFx5inXogDwcnz9AoA==","signatures":[{"sig":"MEQCIBbwhBXALRyI2XxjJG4BhuGPVD65cWo5oQVBlwTKo+YpAiBoQ6XVIx3lN3QxaKKzU4jbzlPCJxBQotpe+xKQs3j7Kg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103048},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"d45eb7f961117f9ab2db382e4cb881659dd1588c","scripts":{"build":"tsup","prepare":"npm run build","prepublishOnly":"npm run build"},"_npmUser":{"name":"mertohancan","email":"ohancanmert@gmail.com"},"repository":{"url":"git+https://github.com/mertohancan/react-text-mask-modern.git","type":"git"},"_npmVersion":"10.8.2","description":"A modern, React 19+ compatible input masking component using hooks and TypeScript.","directories":{},"_nodeVersion":"18.20.5","_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.2.0","react":"^19.0.0","typescript":"^5.8.3","@types/node":"^22.15.21","@types/react":"^19.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-text-mask-modern_1.0.1_1747927892287_0.867424201481223","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"react-text-mask-modern","version":"1.0.2","keywords":["react","input-mask","react-mask","text-mask","react-text-mask","ts","typescript","form"],"author":{"name":"Mert Ohancan"},"license":"MIT","_id":"react-text-mask-modern@1.0.2","maintainers":[{"name":"mertohancan","email":"ohancanmert@gmail.com"}],"homepage":"https://github.com/mertohancan/react-text-mask-modern#readme","bugs":{"url":"https://github.com/mertohancan/react-text-mask-modern/issues"},"dist":{"shasum":"80b5becb086ab0c33122d13242169df8976dddcd","tarball":"https://registry.npmjs.org/react-text-mask-modern/-/react-text-mask-modern-1.0.2.tgz","fileCount":9,"integrity":"sha512-muQsEdP9pIgT7Dhwe9MRrtHn5kMT2mK6YLaaXsNzmFPW+gjU20moNmyoZsYrWYQ42TU8y7/bDRGMyI+IV4NGlw==","signatures":[{"sig":"MEUCIC4WeduPsiZ+mSGMo18tTC6LRJyD67LEQDhf5PaQ6q07AiEA+DERfRp1ki5EpM+N3KRUt7er2YWNFsVaEjRpzWHiFkE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":104212},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"6104d4e3b0a9c706983d7c81892769a3534f5405","scripts":{"build":"tsup","prepare":"npm run build","prepublishOnly":"npm run build"},"_npmUser":{"name":"mertohancan","email":"ohancanmert@gmail.com"},"repository":{"url":"git+https://github.com/mertohancan/react-text-mask-modern.git","type":"git"},"_npmVersion":"10.8.2","description":"A modern, React 19+ compatible input masking component using hooks and TypeScript.","directories":{},"_nodeVersion":"18.20.5","_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.2.0","react":"^19.0.0","typescript":"^5.8.3","@types/node":"^22.15.21","@types/react":"^19.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-text-mask-modern_1.0.2_1749716409788_0.11777508085913535","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"react-text-mask-modern","version":"1.0.3","keywords":["react","input-mask","react-mask","text-mask","react-text-mask","ts","typescript","form"],"author":{"name":"Mert Ohancan"},"license":"MIT","_id":"react-text-mask-modern@1.0.3","maintainers":[{"name":"mertohancan","email":"ohancanmert@gmail.com"}],"homepage":"https://github.com/mertohancan/react-text-mask-modern#readme","bugs":{"url":"https://github.com/mertohancan/react-text-mask-modern/issues"},"dist":{"shasum":"16909178f12f429ac0bfb88651f47d7fe1560416","tarball":"https://registry.npmjs.org/react-text-mask-modern/-/react-text-mask-modern-1.0.3.tgz","fileCount":9,"integrity":"sha512-bc4fYIzl+mCoBfmXTFNv9+uvKvrpAdSB8Q2ZGyfnGHYDeYItLqvDU6A5sPRivXVj+U6B4PnD7wDcgnYqt7795g==","signatures":[{"sig":"MEUCIDKhxNJKpjBA0nIZ6NHALete8MpPDVqvW8vDmM4qura7AiEA3wPtRCH8iVp+UNZq9Q9heDiCL2t0mQhYduxOytPN5Os=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":104285},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"f00075622cc05666d7cfc63b4d9c78aff0fd8190","scripts":{"build":"tsup","prepare":"npm run build","prepublishOnly":"npm run build"},"_npmUser":{"name":"mertohancan","email":"ohancanmert@gmail.com"},"repository":{"url":"git+https://github.com/mertohancan/react-text-mask-modern.git","type":"git"},"_npmVersion":"10.8.2","description":"A modern, React 19+ compatible input masking component using hooks and TypeScript.","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.2.0","react":"^19.0.0","typescript":"^5.8.3","@types/node":"^22.15.21","@types/react":"^19.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-text-mask-modern_1.0.3_1766334941184_0.8053422665698096","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"react-text-mask-modern","version":"1.0.4","description":"A modern, React 19+ compatible input masking component using hooks and TypeScript.","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"build":"tsup","prepare":"npm run build","prepublishOnly":"npm run build"},"author":{"name":"Mert Ohancan"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/mertohancan/react-text-mask-modern.git"},"bugs":{"url":"https://github.com/mertohancan/react-text-mask-modern/issues"},"homepage":"https://github.com/mertohancan/react-text-mask-modern#readme","keywords":["react","input-mask","react-mask","text-mask","react-text-mask","ts","typescript","form"],"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"devDependencies":{"@types/node":"^22.15.21","@types/react":"^19.0.0","react":"^19.0.0","tsup":"^7.2.0","typescript":"^5.8.3"},"_id":"react-text-mask-modern@1.0.4","gitHead":"1a9e1a025b2d4cd79300cbc96727173639a38965","_nodeVersion":"20.19.6","_npmVersion":"10.8.2","dist":{"integrity":"sha512-oH902JBkXAEuf64wWkFzofX5hps3cjrXMphAKS5Ppy5IJ+kxNf0nAM4pgIVZlXgXP+xNSHQVF4SdCuVt+T/ugg==","shasum":"77f2189c065aa828db26423c82dc47d3dcc5b12f","tarball":"https://registry.npmjs.org/react-text-mask-modern/-/react-text-mask-modern-1.0.4.tgz","fileCount":9,"unpackedSize":109994,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIA+QwoGM4mqj/zGngjs3vcN5bRUZatA39cBTsH8hr5jbAiBU3poDPnlApZDQoq0Kk6RfXPdENTcKo7XtnoL/3+Czhw=="}]},"_npmUser":{"name":"mertohancan","email":"ohancanmert@gmail.com"},"directories":{},"maintainers":[{"name":"mertohancan","email":"ohancanmert@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-text-mask-modern_1.0.4_1768498915420_0.42167854254753134"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-22T14:48:03.825Z","modified":"2026-01-15T17:41:55.678Z","1.0.0":"2025-05-22T14:48:04.126Z","1.0.1":"2025-05-22T15:31:32.456Z","1.0.2":"2025-06-12T08:20:09.961Z","1.0.3":"2025-12-21T16:35:41.350Z","1.0.4":"2026-01-15T17:41:55.580Z"},"bugs":{"url":"https://github.com/mertohancan/react-text-mask-modern/issues"},"author":{"name":"Mert Ohancan"},"license":"MIT","homepage":"https://github.com/mertohancan/react-text-mask-modern#readme","keywords":["react","input-mask","react-mask","text-mask","react-text-mask","ts","typescript","form"],"repository":{"type":"git","url":"git+https://github.com/mertohancan/react-text-mask-modern.git"},"description":"A modern, React 19+ compatible input masking component using hooks and TypeScript.","maintainers":[{"name":"mertohancan","email":"ohancanmert@gmail.com"}],"readme":"# react-text-mask-modern\n\nA modern, React 19-compatible masked input component with full TypeScript and hooks support.\n\n> Forked and re-implemented from [text-mask](https://github.com/text-mask/text-mask) — which is no longer maintained.\n\n---\n\n## Features\n\n- ✅ **React 19 compatible** \n Built and tested with the latest React 19 architecture and JSX runtime.\n\n- ✅ **Full TypeScript support** \n All components and utilities come with full type definitions out of the box.\n\n- ✅ **Hooks & Functional Components** \n No class-based code. Built for modern React.\n\n- ✅ **Drop-in replacement for `react-text-mask`** \n Same API, but modernized, maintained, and compatible with the current ecosystem.\n\n- ✅ **Zero dependencies** \n Lightweight and fast. Ideal for both simple and complex masking needs.\n\n- ✅ **Mask flexibility** \n Supports static masks, dynamic functions, and pipes for advanced formatting use cases.\n\n---\n\n## Installation\n\n```bash\nnpm install react-text-mask-modern\n```\n\n---\n\n## Usage\n\n```tsx\nimport React, { useState } from 'react'\nimport { MaskedInput } from 'react-text-mask-modern'\n\nexport default function Example() {\n const [value, setValue] = useState('')\n\n return (\n setValue(e.target.value)}\n placeholder=\"dd/mm/yyyy\"\n mask={[/\\d/, /\\d/, '/', /\\d/, /\\d/, '/', /\\d/, /\\d/, /\\d/, /\\d/]}\n />\n )\n}\n```\n\n\n","readmeFilename":"README.md"}