react-hot-toast - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

dist/index.d.ts

@@ -5,5 +5,5 @@ import * as react from 'react';
 
-declare type ToastType = 'success' | 'error' | 'loading' | 'blank' | 'custom';
-declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-declare type Renderable = JSX.Element | string | null;
+type ToastType = 'success' | 'error' | 'loading' | 'blank' | 'custom';
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type Renderable = JSX.Element | string | null;
 interface IconTheme {
@@ -13,4 +13,4 @@ primary: string;
 }
-declare type ValueFunction<TValue, TArg> = (arg: TArg) => TValue;
-declare type ValueOrFunction<TValue, TArg> = TValue | ValueFunction<TValue, TArg>;
+type ValueFunction<TValue, TArg> = (arg: TArg) => TValue;
+type ValueOrFunction<TValue, TArg> = TValue | ValueFunction<TValue, TArg>;
 declare const resolveValue: <TValue, TArg>(valOrFunction: ValueOrFunction<TValue, TArg>, arg: TArg) => TValue;
@@ -36,4 +36,4 @@ interface Toast {
 }
-declare type ToastOptions = Partial<Pick<Toast, 'id' | 'icon' | 'duration' | 'ariaProps' | 'className' | 'style' | 'position' | 'iconTheme'>>;
-declare type DefaultToastOptions = ToastOptions & {
+type ToastOptions = Partial<Pick<Toast, 'id' | 'icon' | 'duration' | 'ariaProps' | 'className' | 'style' | 'position' | 'iconTheme'>>;
+type DefaultToastOptions = ToastOptions & {
     [key in ToastType]?: ToastOptions;
@@ -51,4 +51,4 @@ };
 
-declare type Message = ValueOrFunction<Renderable, Toast>;
-declare type ToastHandler = (message: Message, options?: ToastOptions) => string;
+type Message = ValueOrFunction<Renderable, Toast>;
+type ToastHandler = (message: Message, options?: ToastOptions) => string;
 declare const toast: {
@@ -55,0 +55,0 @@ (message: Message, opts?: ToastOptions): string;

dist/index.js

@@ -0,1 +1,2 @@
+"use client";
 "use strict";var Y=Object.create;var E=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(e,t)=>{for(var o in t)E(e,o,{get:t[o],enumerable:!0})},j=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of G(t))!Z.call(e,r)&&r!==o&&E(e,r,{get:()=>t[r],enumerable:!(s=q(t,r))||s.enumerable});return e};var W=(e,t,o)=>(o=e!=null?Y(K(e)):{},j(t||!e||!e.__esModule?E(o,"default",{value:e,enumerable:!0}):o,e)),te=e=>j(E({},"__esModule",{value:!0}),e);var Ve={};ee(Ve,{CheckmarkIcon:()=>F,ErrorIcon:()=>w,LoaderIcon:()=>M,ToastBar:()=>$,ToastIcon:()=>U,Toaster:()=>J,default:()=>_e,resolveValue:()=>u,toast:()=>n,useToaster:()=>V,useToasterStore:()=>_});module.exports=te(Ve);var oe=e=>typeof e=="function",u=(e,t)=>oe(e)?e(t):e;var Q=(()=>{let e=0;return()=>(++e).toString()})(),R=(()=>{let e;return()=>{if(e===void 0&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})();var k=require("react"),re=20;var v=new Map,se=1e3,X=e=>{if(v.has(e))return;let t=setTimeout(()=>{v.delete(e),l({type:4,toastId:e})},se);v.set(e,t)},ae=e=>{let t=v.get(e);t&&clearTimeout(t)},H=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,re)};case 1:return t.toast.id&&ae(t.toast.id),{...e,toasts:e.toasts.map(a=>a.id===t.toast.id?{...a,...t.toast}:a)};case 2:let{toast:o}=t;return e.toasts.find(a=>a.id===o.id)?H(e,{type:1,toast:o}):H(e,{type:0,toast:o});case 3:let{toastId:s}=t;return s?X(s):e.toasts.forEach(a=>{X(a.id)}),{...e,toasts:e.toasts.map(a=>a.id===s||s===void 0?{...a,visible:!1}:a)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(a=>a.id!==t.toastId)};case 5:return{...e,pausedAt:t.time};case 6:let r=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map(a=>({...a,pauseDuration:a.pauseDuration+r}))}}},I=[],D={toasts:[],pausedAt:void 0},l=e=>{D=H(D,e),I.forEach(t=>{t(D)})},ie={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},_=(e={})=>{let[t,o]=(0,k.useState)(D);(0,k.useEffect)(()=>(I.push(o),()=>{let r=I.indexOf(o);r>-1&&I.splice(r,1)}),[t]);let s=t.toasts.map(r=>{var a,c;return{...e,...e[r.type],...r,duration:r.duration||((a=e[r.type])==null?void 0:a.duration)||(e==null?void 0:e.duration)||ie[r.type],style:{...e.style,...(c=e[r.type])==null?void 0:c.style,...r.style}}});return{...t,toasts:s}};var ce=(e,t="blank",o)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...o,id:(o==null?void 0:o.id)||Q()}),S=e=>(t,o)=>{let s=ce(t,e,o);return l({type:2,toast:s}),s.id},n=(e,t)=>S("blank")(e,t);n.error=S("error");n.success=S("success");n.loading=S("loading");n.custom=S("custom");n.dismiss=e=>{l({type:3,toastId:e})};n.remove=e=>l({type:4,toastId:e});n.promise=(e,t,o)=>{let s=n.loading(t.loading,{...o,...o==null?void 0:o.loading});return e.then(r=>(n.success(u(t.success,r),{id:s,...o,...o==null?void 0:o.success}),r)).catch(r=>{n.error(u(t.error,r),{id:s,...o,...o==null?void 0:o.error})}),e};var A=require("react");var pe=(e,t)=>{l({type:1,toast:{id:e,height:t}})},de=()=>{l({type:5,time:Date.now()})},V=e=>{let{toasts:t,pausedAt:o}=_(e);(0,A.useEffect)(()=>{if(o)return;let a=Date.now(),c=t.map(i=>{if(i.duration===1/0)return;let d=(i.duration||0)+i.pauseDuration-(a-i.createdAt);if(d<0){i.visible&&n.dismiss(i.id);return}return setTimeout(()=>n.dismiss(i.id),d)});return()=>{c.forEach(i=>i&&clearTimeout(i))}},[t,o]);let s=(0,A.useCallback)(()=>{o&&l({type:6,time:Date.now()})},[o]),r=(0,A.useCallback)((a,c)=>{let{reverseOrder:i=!1,gutter:d=8,defaultPosition:p}=c||{},g=t.filter(m=>(m.position||p)===(a.position||p)&&m.height),z=g.findIndex(m=>m.id===a.id),O=g.filter((m,B)=>B<z&&m.visible).length;return g.filter(m=>m.visible).slice(...i?[O+1]:[0,O]).reduce((m,B)=>m+(B.height||0)+d,0)},[t]);return{toasts:t,handlers:{updateHeight:pe,startPause:de,endPause:s,calculateOffset:r}}};var T=W(require("react")),b=require("goober");var y=W(require("react")),x=require("goober");var h=require("goober"),me=h.keyframes`
@@ -2,0 +3,0 @@ from {

headless/index.d.ts

 import { CSSProperties } from 'react';
 
-declare type ToastType = 'success' | 'error' | 'loading' | 'blank' | 'custom';
-declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-declare type Renderable = JSX.Element | string | null;
+type ToastType = 'success' | 'error' | 'loading' | 'blank' | 'custom';
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type Renderable = JSX.Element | string | null;
 interface IconTheme {
@@ -10,4 +10,4 @@ primary: string;
 }
-declare type ValueFunction<TValue, TArg> = (arg: TArg) => TValue;
-declare type ValueOrFunction<TValue, TArg> = TValue | ValueFunction<TValue, TArg>;
+type ValueFunction<TValue, TArg> = (arg: TArg) => TValue;
+type ValueOrFunction<TValue, TArg> = TValue | ValueFunction<TValue, TArg>;
 declare const resolveValue: <TValue, TArg>(valOrFunction: ValueOrFunction<TValue, TArg>, arg: TArg) => TValue;
@@ -33,4 +33,4 @@ interface Toast {
 }
-declare type ToastOptions = Partial<Pick<Toast, 'id' | 'icon' | 'duration' | 'ariaProps' | 'className' | 'style' | 'position' | 'iconTheme'>>;
-declare type DefaultToastOptions = ToastOptions & {
+type ToastOptions = Partial<Pick<Toast, 'id' | 'icon' | 'duration' | 'ariaProps' | 'className' | 'style' | 'position' | 'iconTheme'>>;
+type DefaultToastOptions = ToastOptions & {
     [key in ToastType]?: ToastOptions;
@@ -48,4 +48,4 @@ };
 
-declare type Message = ValueOrFunction<Renderable, Toast>;
-declare type ToastHandler = (message: Message, options?: ToastOptions) => string;
+type Message = ValueOrFunction<Renderable, Toast>;
+type ToastHandler = (message: Message, options?: ToastOptions) => string;
 declare const toast: {
@@ -52,0 +52,0 @@ (message: Message, opts?: ToastOptions): string;

package.json

 {
   "name": "react-hot-toast",
   "description": "Smoking hot React Notifications. Lightweight, customizable and beautiful by default.",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "author": "Timo Lins",
@@ -93,4 +93,4 @@ "license": "MIT",
     "tslib": "^2.4.0",
-    "tsup": "^6.1.3",
-    "typescript": "^4.7.4"
+    "tsup": "^6.7.0",
+    "typescript": "^5.0.4"
   },
@@ -97,0 +97,0 @@ "dependencies": {

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

173403

5.84%

Lines of code

1519

0.13%

Number of low quality alerts

4

-20%

No dependency changes