{"_id":"@ashwini1006/react-toast","_rev":"4-64d18793230d0731b612bb9c1586ab38","name":"@ashwini1006/react-toast","dist-tags":{"latest":"4.0.0"},"versions":{"0.0.0":{"name":"@ashwini1006/react-toast","private":false,"version":"0.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","lint":"eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.0.37","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^4.0.0","eslint":"^8.38.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","vite":"^4.3.9"},"description":"![React Toast Demo](react-toast-demo.gif)","_id":"@ashwini1006/react-toast@0.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-eDJeqADIyNlgYxI2QAUc5ZxU1Ta+8vKihvSYBoQRgK8uvw14evX7Pxt3e5z4yS7GTBJwhiYLtUSaNUjOU9aT0w==","shasum":"9507bacb0d342afcda7e13fca71fcf30e8c7e4ab","tarball":"https://registry.npmjs.org/@ashwini1006/react-toast/-/react-toast-0.0.0.tgz","fileCount":20,"unpackedSize":855345,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEt074JDdUkZzPCXN6r7YXuRAbPV0Oy8T35fxT3G9pAuAiEAwl9OSGVGadk6ilCDkNWoAKkUYLpQCQcvFScyfWDYgVo="}]},"_npmUser":{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"},"directories":{},"maintainers":[{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_0.0.0_1701155484273_0.13816604914438146"},"_hasShrinkwrap":false},"1.0.0":{"name":"@ashwini1006/react-toast","private":false,"version":"1.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","lint":"eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.0.37","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^4.0.0","eslint":"^8.38.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","vite":"^4.3.9"},"description":"![/react-toast-demo.gif](react-toast-demo.gif)","_id":"@ashwini1006/react-toast@1.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-uBkZs6KCT/aWy/Qqwxa0VR+lxDJwG9iRSt2Iuq4QQDwSfzgr/0zHNXVoB2zcvIRqYFejRZq3MFyKchl9HnNa1Q==","shasum":"e896e5bd4f9b73698e4b8a2804ab9e1e95079539","tarball":"https://registry.npmjs.org/@ashwini1006/react-toast/-/react-toast-1.0.0.tgz","fileCount":20,"unpackedSize":857242,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUX0a06MNNhabD2W7UuIuzbfDhb2jBmwrc40cjrTR62QIhAPJfk1DpY0sk4IikiiPxm1RB3DNt/MZNMAl4DiiR9zLy"}]},"_npmUser":{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"},"directories":{},"maintainers":[{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_1.0.0_1701157781851_0.47856535406319556"},"_hasShrinkwrap":false},"2.0.0":{"name":"@ashwini1006/react-toast","private":false,"version":"2.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","lint":"eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.0.37","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^4.0.0","eslint":"^8.38.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","vite":"^4.3.9"},"description":"","_id":"@ashwini1006/react-toast@2.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-VxUxuvuC/HH31VHTqig57JQt/yxifBTztG2nM4NoaBxRtdSzbGNUP5gKZyOQglMVvyiDpJF0uFleBBbE1N7oAw==","shasum":"1a528de0cb39fe20f8c8e3379092cf02a2174f32","tarball":"https://registry.npmjs.org/@ashwini1006/react-toast/-/react-toast-2.0.0.tgz","fileCount":20,"unpackedSize":854310,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyL8uY+kTLCN3B1PWpE7vvZq/r7dAZwNwpzox4onK7tAIhALrgA8kgiU12VChqBB7jKwqSzD5eU73iJd8dvkMjrRIt"}]},"_npmUser":{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"},"directories":{},"maintainers":[{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_2.0.0_1701159672375_0.46139758509582185"},"_hasShrinkwrap":false},"3.0.0":{"name":"@ashwini1006/react-toast","private":false,"version":"3.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","lint":"eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.0.37","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^4.0.0","eslint":"^8.38.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","vite":"^4.3.9"},"description":"","_id":"@ashwini1006/react-toast@3.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-d9VTbGI2ASXedVGF7p3CCqgtQvD6XiKNuSuvmU8y8qJB7BNCTeocS63QybSHv+bEteQJwJ+5cB6+Qa8xAqCT8Q==","shasum":"814f1d063985cd97855bc5baa8879bbf384c4284","tarball":"https://registry.npmjs.org/@ashwini1006/react-toast/-/react-toast-3.0.0.tgz","fileCount":20,"unpackedSize":854613,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGhvnEEpRTArCzbBWGhPvVRJuHzfLSebVsnvcB7w+CTjAiEA04VrvQFCc2kw6zxAa+vsNaXo+XQM2oprP4mTUxsAv0Y="}]},"_npmUser":{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"},"directories":{},"maintainers":[{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_3.0.0_1701159965001_0.5524875689335986"},"_hasShrinkwrap":false},"4.0.0":{"name":"@ashwini1006/react-toast","private":false,"version":"4.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","lint":"eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.0.37","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^4.0.0","eslint":"^8.38.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","vite":"^4.3.9"},"description":"","_id":"@ashwini1006/react-toast@4.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-AUPNn2I1p0ESGS3sElN/pxLJHxlFdX/bxcRnUotgubwHR7M0TydNVSFO98LSluJz3iaqJa1P5Y2QqJNdXtP72Q==","shasum":"d4da1c8e6d51d7ab46d19a0668c42f51e2980092","tarball":"https://registry.npmjs.org/@ashwini1006/react-toast/-/react-toast-4.0.0.tgz","fileCount":20,"unpackedSize":856313,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTgR85ZbzVQPvPl+qD/CyZjEjBzQYvw1CmOLP1wG7lqQIhAPqS2jPaPN/2Sq7lW43pibwbao9WCl2JoxHUkklbXErK"}]},"_npmUser":{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"},"directories":{},"maintainers":[{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_4.0.0_1701164416023_0.7631041244273529"},"_hasShrinkwrap":false}},"time":{"created":"2023-11-28T07:11:24.199Z","0.0.0":"2023-11-28T07:11:24.521Z","modified":"2023-11-28T09:40:16.447Z","1.0.0":"2023-11-28T07:49:42.099Z","2.0.0":"2023-11-28T08:21:12.586Z","3.0.0":"2023-11-28T08:26:05.312Z","4.0.0":"2023-11-28T09:40:16.262Z"},"maintainers":[{"name":"ashwini1006","email":"ashwinikhedekar1006@gmail.com"}],"readme":"# Introducation\n\n\n# Demo\n\n![demo](react-toast-demo.gif)\n\n\n# Installation\n\n```npm i @ashwini1006/react-toast```\n\n# usage\n \n```js\n\nimport React, { useState } from \"react\";\nimport ToastList from \"./components/ToastList/ToastList\";\nimport {\n  successMsgs,\n  failureMsgs,\n  warningMsgs,\n  randomMsg,\n  \n} from \"./toastMessages\";\nimport \"./App.css\";\n\nconst App = () => {\n  const [toasts, setToasts] = useState([]);\n  const [autoClose, setAutoClose] = useState(true);\n  const [autoCloseDuration, setAutoCloseDuration] = useState(5);\n  const [position, setPosition] = useState(\"bottom-right\");\n\n  const positions = {\n    \"top-right\": \"Top-right\",\n    \"top-left\": \"Top-left\",\n    \"bottom-right\": \"Bottom-right\",\n    \"bottom-left\": \"Bottom-left\",\n  };\n\n  const showToast = (message, type) => {\n    const toast = {\n      id: Date.now(),\n      message,\n      type,\n    };\n\n    setToasts((prevToasts) => [...prevToasts, toast]);\n\n    if (autoClose) {\n      setTimeout(() => {\n        removeToast(toast.id);\n      }, autoCloseDuration * 1000);\n    }\n  };\n\n  const removeToast = (id) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  };\n\n  const removeAllToasts = () => {\n    setToasts([]);\n  };\n\n  const handleDurationChange = (event) => {\n    setAutoCloseDuration(Number(event.target.value));\n  };\n\n  const handleAutoCloseChange = () => {\n    setAutoClose((prevAutoClose) => !prevAutoClose);\n    removeAllToasts();\n  };\n\n  const handlePositionChange = (event) => {\n    setPosition(event.target.value);\n  };\n\n  return (\n    <div className=\"app\">\n     \n\n      \n     \n\n      <div className=\"app-row app-row--group\">\n        <button onClick={() => showToast(randomMsg(successMsgs), \"success\")}>\n          Show Success Toast\n        </button>\n        <button onClick={() => showToast(randomMsg(failureMsgs), \"failure\")}>\n          Show Error Toast\n        </button>\n        <button onClick={() => showToast(randomMsg(warningMsgs), \"warning\")}>\n          Show Warning Toast\n        </button>\n        <button onClick={removeAllToasts}>Clear Toasts</button>\n      </div>\n\n      <ToastList data={toasts} position={position} removeToast={removeToast} />\n    </div>\n  );\n};\n\nexport default App;\n\n\n```\n# build \n\n```npm run build```\n\n# test \n\n```npm run test```\n```npm run test:tdd```\n\n#\n\n","readmeFilename":"README.md"}