{"_id":"@ataverascrespo/react-textfit","_rev":"10-386049710e3803afe91b86bbd41851e9","time":{"created":"2023-10-20T19:33:02.619Z","1.1.3":"2023-10-20T17:40:10.749Z","modified":"2024-04-30T14:30:34.485Z","1.1.4":"2023-10-20T17:42:09.521Z","1.1.5":"2023-10-20T17:42:45.195Z","1.1.6":"2023-10-20T17:44:31.803Z","1.1.7":"2023-10-20T19:19:47.494Z","1.1.8":"2023-10-20T19:25:54.565Z","1.2.0":"2023-10-20T19:33:02.982Z","1.2.1":"2023-10-20T19:35:32.436Z"},"name":"@ataverascrespo/react-textfit","dist-tags":{"latest":"1.2.1"},"versions":{"1.2.0":{"name":"@ataverascrespo/react-textfit","version":"1.2.0","description":"React component to fit headlines and paragraphs into any element","main":"lib/index.js","scripts":{"clean":"rimraf lib dist","build":"babel src --out-dir lib","lint":"eslint src test examples","test":"NODE_ENV=test mocha --compilers js:babel-core/register --recursive","test:watch":"NODE_ENV=test mocha --compilers js:babel-core/register --recursive --watch","prepublish":"npm run lint && npm run test && npm run clean && npm run build"},"repository":{"type":"git","url":"git+https://github.com/ataverascrespo/react-textfit.git"},"keywords":["textfit","fittext","text","react","react-component"],"author":{"name":"Malte Wessel"},"license":"MIT","bugs":{"url":"https://github.com/ataverascrespo/react-textfit.git"},"homepage":"https://github.com/ataverascrespo/react-textfit.git","devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^4.1.5","babel-loader":"^8.2.5","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","eslint":"^8.19.0","eslint-config-airbnb":"^19.0.4","eslint-plugin-react":"^7.30.1","expect":"^28.1.1","mocha":"^10.0.0","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^3.0.2","webpack":"^5.73.0","webpack-dev-server":"^4.9.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0","react-dom":"^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"},"dependencies":{"process":"^0.11.10","prop-types":"^15.8.1"},"gitHead":"00f313a3d8e410bb94e0125ae5064a8288d9e141","_id":"@ataverascrespo/react-textfit@1.2.0","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-pUTJ+4w+0Wv87zk30aQcQtI5pOZXZBPFitqeiSUJae2gTjoxOCR+IRUoPu8bfgJn8zvOJ+FaIS5pp98f/t4rcQ==","shasum":"7cba5e6f4743a5597b64f17e5cbbd458407b60c5","tarball":"https://registry.npmjs.org/@ataverascrespo/react-textfit/-/react-textfit-1.2.0.tgz","fileCount":19,"unpackedSize":22952,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKnFp/9t4HWCsvOZKcYsPho1G73e0+T3fw0A43CXRqrwIgXrpVxNuobhZrJwwbHUc0lbmT/exYvjL9/6yZj8M+HJg="}]},"_npmUser":{"name":"ataverascrespo","email":"alexmanuelt@hotmail.com"},"directories":{},"maintainers":[{"name":"ataverascrespo","email":"alexmanuelt@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-textfit_1.2.0_1697830382687_0.3935658469875083"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.2.1":{"name":"@ataverascrespo/react-textfit","version":"1.2.1","description":"React component to fit headlines and paragraphs into any element","main":"lib/index.js","scripts":{"clean":"rimraf lib dist","build":"babel src --out-dir lib","lint":"eslint src test examples","test":"NODE_ENV=test mocha --compilers js:babel-core/register --recursive","test:watch":"NODE_ENV=test mocha --compilers js:babel-core/register --recursive --watch","prepublish":"npm run lint && npm run test && npm run clean && npm run build"},"repository":{"type":"git","url":"git+https://github.com/ataverascrespo/react-textfit.git"},"keywords":["textfit","fittext","text","react","react-component"],"author":{"name":"Malte Wessel"},"license":"MIT","bugs":{"url":"https://github.com/ataverascrespo/react-textfit.git"},"homepage":"https://github.com/ataverascrespo/react-textfit.git","devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^4.1.5","babel-loader":"^8.2.5","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","eslint":"^8.19.0","eslint-config-airbnb":"^19.0.4","eslint-plugin-react":"^7.30.1","expect":"^28.1.1","mocha":"^10.0.0","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^3.0.2","webpack":"^5.73.0","webpack-dev-server":"^4.9.3"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0","react-dom":"^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"},"dependencies":{"process":"^0.11.10","prop-types":"^15.8.1"},"gitHead":"4e4ab5dc0eee8a60cd2777d29379a3423e30b9ca","_id":"@ataverascrespo/react-textfit@1.2.1","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-nW2z/hWz9geMdxdG3gz+P7rNvD/FvMkSljnJ0KySaChIt+U9WwsGuPQUrHfSGT7HJ2yo0rnrXHLlKUEGYb+ncw==","shasum":"9d6a3ad0d8ab110312fcfe533fc0b72ddf6499d4","tarball":"https://registry.npmjs.org/@ataverascrespo/react-textfit/-/react-textfit-1.2.1.tgz","fileCount":19,"unpackedSize":20818,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEYpDeslNd3tw+euSE5crS/fkoacGohF+9B4lTQfuKRaAiB6msf0JEH+kLXCTTQsjZemDVa1wfgk8pKUpNn+AS83EQ=="}]},"_npmUser":{"name":"ataverascrespo","email":"alexmanuelt@hotmail.com"},"directories":{},"maintainers":[{"name":"ataverascrespo","email":"alexmanuelt@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-textfit_1.2.1_1697830532254_0.9507345210540672"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"maintainers":[{"name":"ataverascrespo","email":"alexmanuelt@hotmail.com"}],"description":"React component to fit headlines and paragraphs into any element","homepage":"https://github.com/ataverascrespo/react-textfit.git","keywords":["textfit","fittext","text","react","react-component"],"repository":{"type":"git","url":"git+https://github.com/ataverascrespo/react-textfit.git"},"author":{"name":"Malte Wessel"},"bugs":{"url":"https://github.com/ataverascrespo/react-textfit.git"},"license":"MIT","readme":"@ataverascrespo/react-textfit\r\n=========================\r\n\r\n* Package created by **[Malte Wessel](http://malte-wessel.github.io/react-textfit/)**, updated for React 18 and TypeScript by Alex Taveras-Crespo\r\n* Fit **headlines and paragraphs** into any element by using binary search to find the correct fit\r\n\r\n## Installation\r\n```bash\r\nnpm install @ataverascrespo/react-textfit\r\n```\r\n\r\n## Usage\r\n\r\n### Props\r\n* ```mode``` - \"single\" | \"multi\" **(default)**\r\n* ```forceSingleModeWidth``` - boolean - ignore element height when true and mode is single **(default = true)**\r\n* ```mix``` - number - min font size \r\n* ```max``` - number - max font size\r\n* ```throttle``` - number -  window resize throttle in milliseconds\r\n* ```onReady``` function - called when text is fitted.\r\n\r\n### Examples\r\n```javascript\r\n<Textfit mode=\"single\">\r\n     Hello World!\r\n</Textfit>\r\n```\r\n```javascript\r\n<Textfit mode=\"multi\" forceSingleModeWidth={true} min={24} max={64}>\r\n     Hello World!\r\n</Textfit>\r\n```\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}