react-toast-msg 2.1.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var
|
|
3
|
-
`);var d=require("react");var
|
|
2
|
+
"use strict";var u=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var B=(t,o)=>{for(var r in o)u(t,r,{get:o[r],enumerable:!0})},L=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of P(o))!C.call(t,a)&&a!==r&&u(t,a,{get:()=>o[a],enumerable:!(n=E(o,a))||n.enumerable});return t};var N=t=>L(u({},"__esModule",{value:!0}),t);var z={};B(z,{ToastContainer:()=>b,toast:()=>s});module.exports=N(z);function W(t){if(!t||typeof document=="undefined"||document.getElementById("rtm-style"))return;let o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",r.id="rtm-style",r.appendChild(document.createTextNode(t)),o.appendChild(r)}W(`:root{--default-bg-color: oklch(27.8% .033 256.848);--default-text-color: #fff;--success-bg-color: oklch(72.3% .219 149.579);--success-text-color: #fff;--error-bg-color: oklch(63.7% .237 25.331);--error-text-color: #fff;--warning-bg-color: oklch(79.5% .184 86.047);--warning-text-color: #fff}.rtm-toast-container{position:fixed;font-family:sans-serif;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:9999}.rtm-toast{display:flex;align-items:center;gap:8px;background:#0f172b;color:#fff;padding:12px;font-size:14px;border-radius:8px;min-width:200px;max-width:300px;will-change:transform,opacity}.rtm-toast svg{flex-shrink:0}.rtm-toast-enter{animation:toastEnter .45s cubic-bezier(.21,1.02,.73,1) forwards}.rtm-toast-exit{animation:toastExit .4s cubic-bezier(.06,.71,.55,1) forwards}.rtm-toast-success{background:var(--success-bg-color)}.rtm-toast-error{background:var(--error-bg-color)}.rtm-toast-warning{background:var(--warning-bg-color)}@keyframes toastEnter{0%{opacity:0;transform:translate(20px)}60%{opacity:1;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}
|
|
3
|
+
`);var d=require("react");function l(t){return t?t.split(" ").filter(Boolean).map(o=>`rtm-${o}`).join(" "):""}var h=require("react/jsx-runtime");function x({message:t,type:o="default",icon:r,leaving:n}){return(0,h.jsxs)("div",{className:l(`toast toast-${o} ${n?"toast-exit":"toast-enter"}`),children:[r,t]})}var e=require("react/jsx-runtime"),y=({size:t=24,strokeWidth:o=2})=>(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("circle",{cx:12,cy:12,r:10}),(0,e.jsx)("path",{d:"m9 12 2 2 4-4"})]}),w=({size:t=24,strokeWidth:o=2})=>(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-circle-x-icon lucide-circle-x",children:[(0,e.jsx)("circle",{cx:12,cy:12,r:10}),(0,e.jsx)("path",{d:"m15 9-6 6"}),(0,e.jsx)("path",{d:"m9 9 6 6"})]}),T=({size:t=24,strokeWidth:o=2})=>(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-triangle-alert-icon lucide-triangle-alert",children:[(0,e.jsx)("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),(0,e.jsx)("path",{d:"M12 9v4"}),(0,e.jsx)("path",{d:"M12 17h.01"})]});var m=require("react/jsx-runtime");function v(t){switch(t){case"success":return(0,m.jsx)(y,{size:20});case"error":return(0,m.jsx)(w,{size:20});case"warning":return(0,m.jsx)(T,{size:18});default:return null}}var g=require("react/jsx-runtime"),p=null;function b({autoClose:t=3e3}){let[o,r]=(0,d.useState)([]);return(0,d.useEffect)(()=>{p=(n,a="default",k)=>{let f=Date.now(),I=k||t;r(i=>[...i,{id:f,message:n,type:a,leaving:!1}]),setTimeout(()=>{r(i=>i.map(c=>c.id===f?{...c,leaving:!0}:c)),setTimeout(()=>{r(i=>i.filter(c=>c.id!==f))},400)},I)}},[t]),(0,g.jsx)("div",{className:l("toast-container"),children:o.map(n=>(0,g.jsx)(x,{message:n.message,type:n.type,icon:v(n.type),leaving:n.leaving},n.id))})}function s(t,o,r){p&&(typeof o=="number"?p(t,"default",o):p(t,o,r))}s.success=(t,o)=>s(t,"success",o);s.error=(t,o)=>s(t,"error",o);s.warning=(t,o)=>s(t,"warning",o);0&&(module.exports={ToastContainer,toast});
|
package/dist/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
function b(t){if(!t||typeof document=="undefined"||document.getElementById("
|
|
3
|
-
`);import{useState as
|
|
2
|
+
function b(t){if(!t||typeof document=="undefined"||document.getElementById("rtm-style"))return;let o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",r.id="rtm-style",r.appendChild(document.createTextNode(t)),o.appendChild(r)}b(`:root{--default-bg-color: oklch(27.8% .033 256.848);--default-text-color: #fff;--success-bg-color: oklch(72.3% .219 149.579);--success-text-color: #fff;--error-bg-color: oklch(63.7% .237 25.331);--error-text-color: #fff;--warning-bg-color: oklch(79.5% .184 86.047);--warning-text-color: #fff}.rtm-toast-container{position:fixed;font-family:sans-serif;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:9999}.rtm-toast{display:flex;align-items:center;gap:8px;background:#0f172b;color:#fff;padding:12px;font-size:14px;border-radius:8px;min-width:200px;max-width:300px;will-change:transform,opacity}.rtm-toast svg{flex-shrink:0}.rtm-toast-enter{animation:toastEnter .45s cubic-bezier(.21,1.02,.73,1) forwards}.rtm-toast-exit{animation:toastExit .4s cubic-bezier(.06,.71,.55,1) forwards}.rtm-toast-success{background:var(--success-bg-color)}.rtm-toast-error{background:var(--error-bg-color)}.rtm-toast-warning{background:var(--warning-bg-color)}@keyframes toastEnter{0%{opacity:0;transform:translate(20px)}60%{opacity:1;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}
|
|
3
|
+
`);import{useState as I,useEffect as E}from"react";function c(t){return t?t.split(" ").filter(Boolean).map(o=>`rtm-${o}`).join(" "):""}import{jsxs as k}from"react/jsx-runtime";function f({message:t,type:o="default",icon:r,leaving:e}){return k("div",{className:c(`toast toast-${o} ${e?"toast-exit":"toast-enter"}`),children:[r,t]})}import{jsx as n,jsxs as p}from"react/jsx-runtime";var u=({size:t=24,strokeWidth:o=2})=>p("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",children:[n("circle",{cx:12,cy:12,r:10}),n("path",{d:"m9 12 2 2 4-4"})]}),g=({size:t=24,strokeWidth:o=2})=>p("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-circle-x-icon lucide-circle-x",children:[n("circle",{cx:12,cy:12,r:10}),n("path",{d:"m15 9-6 6"}),n("path",{d:"m9 9 6 6"})]}),x=({size:t=24,strokeWidth:o=2})=>p("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-triangle-alert-icon lucide-triangle-alert",children:[n("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),n("path",{d:"M12 9v4"}),n("path",{d:"M12 17h.01"})]});import{jsx as d}from"react/jsx-runtime";function h(t){switch(t){case"success":return d(u,{size:20});case"error":return d(g,{size:20});case"warning":return d(x,{size:18});default:return null}}import{jsx as y}from"react/jsx-runtime";var l=null;function P({autoClose:t=3e3}){let[o,r]=I([]);return E(()=>{l=(e,w="default",T)=>{let m=Date.now(),v=T||t;r(a=>[...a,{id:m,message:e,type:w,leaving:!1}]),setTimeout(()=>{r(a=>a.map(i=>i.id===m?{...i,leaving:!0}:i)),setTimeout(()=>{r(a=>a.filter(i=>i.id!==m))},400)},v)}},[t]),y("div",{className:c("toast-container"),children:o.map(e=>y(f,{message:e.message,type:e.type,icon:h(e.type),leaving:e.leaving},e.id))})}function s(t,o,r){l&&(typeof o=="number"?l(t,"default",o):l(t,o,r))}s.success=(t,o)=>s(t,"success",o);s.error=(t,o)=>s(t,"error",o);s.warning=(t,o)=>s(t,"warning",o);export{P as ToastContainer,s as toast};
|