@notificationapi/react 0.0.8 → 0.0.10

package/dist/assets/index2.js

@@ -1,7 +1,7 @@
 import * as l from "react";
 import { useMemo as et, useRef as X } from "react";
-import { g as nt, K as z, e as rt, r as it, u as j, m as St, a as K, i as st, c as w, b as at, f as xt } from "./colors.js";
-const Nt = new z("antStatusProcessing", {
+import { g as nt, K as z, e as rt, r as it, u as j, m as Ot, a as K, i as st, c as w, b as at, f as xt } from "./colors.js";
+const wt = new z("antStatusProcessing", {
   "0%": {
     transform: "scale(0.8)",
     opacity: 0.5
@@ -10,7 +10,7 @@ const Nt = new z("antStatusProcessing", {
     transform: "scale(2.4)",
     opacity: 0
   }
-}), Ot = new z("antZoomBadgeIn", {
+}), jt = new z("antZoomBadgeIn", {
   "0%": {
     transform: "scale(0) translate(50%, -50%)",
     opacity: 0
@@ -18,7 +18,7 @@ const Nt = new z("antStatusProcessing", {
   "100%": {
     transform: "scale(1) translate(50%, -50%)"
   }
-}), wt = new z("antZoomBadgeOut", {
+}), Et = new z("antZoomBadgeOut", {
   "0%": {
     transform: "scale(1) translate(50%, -50%)"
   },
@@ -26,7 +26,7 @@ const Nt = new z("antStatusProcessing", {
     transform: "scale(0) translate(50%, -50%)",
     opacity: 0
   }
-}), jt = new z("antNoWrapperZoomBadgeIn", {
+}), Pt = new z("antNoWrapperZoomBadgeIn", {
   "0%": {
     transform: "scale(0)",
     opacity: 0
@@ -34,7 +34,7 @@ const Nt = new z("antStatusProcessing", {
   "100%": {
     transform: "scale(1)"
   }
-}), Et = new z("antNoWrapperZoomBadgeOut", {
+}), It = new z("antNoWrapperZoomBadgeOut", {
   "0%": {
     transform: "scale(1)"
   },
@@ -42,7 +42,7 @@ const Nt = new z("antStatusProcessing", {
     transform: "scale(0)",
     opacity: 0
   }
-}), Pt = new z("antBadgeLoadingCircle", {
+}), zt = new z("antBadgeLoadingCircle", {
   "0%": {
     transformOrigin: "50%"
   },
@@ -50,7 +50,7 @@ const Nt = new z("antStatusProcessing", {
     transform: "translate(50%, -50%) rotate(360deg)",
     transformOrigin: "50%"
   }
-}), It = (t) => {
+}), Bt = (t) => {
   const {
     componentCls: e,
     iconCls: i,
@@ -58,8 +58,8 @@ const Nt = new z("antStatusProcessing", {
     badgeShadowSize: o,
     motionDurationSlow: d,
     textFontSize: a,
-    textFontSizeSM: y,
-    statusSize: h,
+    textFontSizeSM: h,
+    statusSize: y,
     dotSize: g,
     textFontWeight: m,
     indicatorHeight: s,
@@ -117,7 +117,7 @@ const Nt = new z("antStatusProcessing", {
       [`${e}-count-sm`]: {
         minWidth: c,
         height: c,
-        fontSize: y,
+        fontSize: h,
         lineHeight: j(c),
         borderRadius: v(c).div(2).equal()
       },
@@ -146,7 +146,7 @@ const Nt = new z("antStatusProcessing", {
         transform: "translate(50%, -50%)",
         transformOrigin: "100% 0%",
         [`&${i}-spin`]: {
-          animationName: Pt,
+          animationName: zt,
           animationDuration: "1s",
           animationIterationCount: "infinite",
           animationTimingFunction: "linear"
@@ -160,8 +160,8 @@ const Nt = new z("antStatusProcessing", {
           top: -1,
           // Magic number, but seems better experience
           display: "inline-block",
-          width: h,
-          height: h,
+          width: y,
+          height: y,
           verticalAlign: "middle",
           borderRadius: "50%"
         },
@@ -182,7 +182,7 @@ const Nt = new z("antStatusProcessing", {
             borderStyle: "solid",
             borderColor: "inherit",
             borderRadius: "50%",
-            animationName: Nt,
+            animationName: wt,
             animationDuration: t.badgeProcessingDuration,
             animationIterationCount: "infinite",
             animationTimingFunction: "ease-in-out",
@@ -206,25 +206,25 @@ const Nt = new z("antStatusProcessing", {
       }
     }), C), {
       [`${e}-zoom-appear, ${e}-zoom-enter`]: {
-        animationName: Ot,
+        animationName: jt,
         animationDuration: t.motionDurationSlow,
         animationTimingFunction: t.motionEaseOutBack,
         animationFillMode: "both"
       },
       [`${e}-zoom-leave`]: {
-        animationName: wt,
+        animationName: Et,
         animationDuration: t.motionDurationSlow,
         animationTimingFunction: t.motionEaseOutBack,
         animationFillMode: "both"
       },
       [`&${e}-not-a-wrapper`]: {
         [`${e}-zoom-appear, ${e}-zoom-enter`]: {
-          animationName: jt,
+          animationName: Pt,
           animationDuration: t.motionDurationSlow,
           animationTimingFunction: t.motionEaseOutBack
         },
         [`${e}-zoom-leave`]: {
-          animationName: Et,
+          animationName: It,
           animationDuration: t.motionDurationSlow,
           animationTimingFunction: t.motionEaseOutBack
         },
@@ -276,12 +276,12 @@ const Nt = new z("antStatusProcessing", {
     lineWidth: i,
     marginXS: n,
     colorBorderBg: o
-  } = t, d = e, a = i, y = t.colorBgContainer, h = t.colorError, g = t.colorErrorHover;
-  return St(t, {
+  } = t, d = e, a = i, h = t.colorBgContainer, y = t.colorError, g = t.colorErrorHover;
+  return Ot(t, {
     badgeFontHeight: d,
     badgeShadowSize: a,
-    badgeTextColor: y,
-    badgeColor: h,
+    badgeTextColor: h,
+    badgeColor: y,
     badgeColorHover: g,
     badgeShadowColor: o,
     badgeProcessingDuration: "1.2s",
@@ -307,17 +307,17 @@ const Nt = new z("antStatusProcessing", {
     textFontWeight: "normal",
     statusSize: n / 2
   };
-}, zt = nt("Badge", (t) => {
+}, Tt = nt("Badge", (t) => {
   const e = lt(t);
-  return It(e);
-}, ct), Tt = (t) => {
+  return Bt(e);
+}, ct), Rt = (t) => {
   const {
     antCls: e,
     badgeFontHeight: i,
     marginXS: n,
     badgeRibbonOffset: o,
     calc: d
-  } = t, a = `${e}-ribbon`, y = `${e}-ribbon-wrapper`, h = rt(t, (g, m) => {
+  } = t, a = `${e}-ribbon`, h = `${e}-ribbon-wrapper`, y = rt(t, (g, m) => {
     let {
       darkColor: s
     } = m;
@@ -329,7 +329,7 @@ const Nt = new z("antStatusProcessing", {
     };
   });
   return {
-    [`${y}`]: {
+    [`${h}`]: {
       position: "relative"
     },
     [`${a}`]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(t)), {
@@ -355,7 +355,7 @@ const Nt = new z("antStatusProcessing", {
         transformOrigin: "top",
         filter: t.badgeRibbonCornerFilter
       }
-    }), h), {
+    }), y), {
       [`&${a}-placement-end`]: {
         insetInlineEnd: d(o).mul(-1).equal(),
         borderEndEndRadius: 0,
@@ -380,10 +380,10 @@ const Nt = new z("antStatusProcessing", {
       }
     })
   };
-}, Bt = nt(["Badge", "Ribbon"], (t) => {
+}, Dt = nt(["Badge", "Ribbon"], (t) => {
   const e = lt(t);
-  return Tt(e);
-}, ct), Rt = (t) => {
+  return Rt(e);
+}, ct), dt = (t) => {
   const {
     className: e,
     prefixCls: i,
@@ -391,17 +391,17 @@ const Nt = new z("antStatusProcessing", {
     color: o,
     children: d,
     text: a,
-    placement: y = "end",
-    rootClassName: h
+    placement: h = "end",
+    rootClassName: y
   } = t, {
     getPrefixCls: g,
     direction: m
-  } = l.useContext(K), s = g("ribbon", i), c = `${s}-wrapper`, [f, v, u] = Bt(s, c), C = st(o, !1), b = w(s, `${s}-placement-${y}`, {
+  } = l.useContext(K), s = g("ribbon", i), c = `${s}-wrapper`, [f, v, u] = Dt(s, c), C = st(o, !1), b = w(s, `${s}-placement-${h}`, {
     [`${s}-rtl`]: m === "rtl",
     [`${s}-color-${o}`]: C
   }, e), $ = {}, S = {};
   return o && !C && ($.background = o, S.color = o), f(/* @__PURE__ */ l.createElement("div", {
-    className: w(c, h, v, u)
+    className: w(c, y, v, u)
   }, d, /* @__PURE__ */ l.createElement("div", {
     className: w(b, v),
     style: Object.assign(Object.assign({}, $), n)
@@ -412,6 +412,7 @@ const Nt = new z("antStatusProcessing", {
     style: S
   }))));
 };
+process.env.NODE_ENV !== "production" && (dt.displayName = "Ribbon");
 function ot(t) {
   let {
     prefixCls: e,
@@ -430,19 +431,19 @@ function ot(t) {
     })
   }, i);
 }
-function Dt(t, e, i) {
+function Wt(t, e, i) {
   let n = t, o = 0;
   for (; (n + 10) % 10 !== e; )
     n += i, o += i;
   return o;
 }
-function Wt(t) {
+function Ft(t) {
   const {
     prefixCls: e,
     count: i,
     value: n
-  } = t, o = Number(n), d = Math.abs(i), [a, y] = l.useState(o), [h, g] = l.useState(d), m = () => {
-    y(o), g(d);
+  } = t, o = Number(n), d = Math.abs(i), [a, h] = l.useState(o), [y, g] = l.useState(d), m = () => {
+    h(o), g(d);
   };
   l.useEffect(() => {
     const f = setTimeout(() => {
@@ -475,9 +476,9 @@ function Wt(t) {
         current: $ === u
       }));
     });
-    const C = h < d ? 1 : -1;
+    const C = y < d ? 1 : -1;
     c = {
-      transform: `translateY(${-Dt(a, o, C)}00%)`
+      transform: `translateY(${-Wt(a, o, C)}00%)`
     };
   }
   return /* @__PURE__ */ l.createElement("span", {
@@ -486,7 +487,7 @@ function Wt(t) {
     onTransitionEnd: m
   }, s);
 }
-var Ft = function(t, e) {
+var Ht = function(t, e) {
   var i = {};
   for (var n in t)
     Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
@@ -495,29 +496,29 @@ var Ft = function(t, e) {
       e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
   return i;
 };
-const Ht = /* @__PURE__ */ l.forwardRef((t, e) => {
+const _t = /* @__PURE__ */ l.forwardRef((t, e) => {
   const {
     prefixCls: i,
     count: n,
     className: o,
     motionClassName: d,
     style: a,
-    title: y,
-    show: h,
+    title: h,
+    show: y,
     component: g = "sup",
     children: m
-  } = t, s = Ft(t, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]), {
+  } = t, s = Ht(t, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]), {
     getPrefixCls: c
   } = l.useContext(K), f = c("scroll-number", i), v = Object.assign(Object.assign({}, s), {
-    "data-show": h,
+    "data-show": y,
     style: a,
     className: w(f, o, d),
-    title: y
+    title: h
   });
   let u = n;
   if (n && Number(n) % 1 === 0) {
     const C = String(n).split("");
-    u = /* @__PURE__ */ l.createElement("bdi", null, C.map((b, $) => /* @__PURE__ */ l.createElement(Wt, {
+    u = /* @__PURE__ */ l.createElement("bdi", null, C.map((b, $) => /* @__PURE__ */ l.createElement(Ft, {
       prefixCls: f,
       count: Number(n),
       value: b,
@@ -545,8 +546,8 @@ var Zt = function(t, e) {
 const Mt = /* @__PURE__ */ l.forwardRef((t, e) => {
   var i, n, o, d, a;
   const {
-    prefixCls: y,
-    scrollNumberPrefixCls: h,
+    prefixCls: h,
+    scrollNumberPrefixCls: y,
     children: g,
     status: m,
     text: s,
@@ -558,54 +559,54 @@ const Mt = /* @__PURE__ */ l.forwardRef((t, e) => {
     title: b,
     offset: $,
     style: S,
-    className: dt,
-    rootClassName: ut,
-    classNames: O,
-    styles: x,
+    className: mt,
+    rootClassName: bt,
+    classNames: x,
+    styles: N,
     showZero: F = !1
   } = t, U = Zt(t, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "rootClassName", "classNames", "styles", "showZero"]), {
     getPrefixCls: Y,
     direction: H,
     badge: r
-  } = l.useContext(K), p = Y("badge", y), [k, mt, bt] = zt(p), Z = f > v ? `${v}+` : f, B = Z === "0" || Z === 0, gt = f === null || B && !F, M = (m != null || c != null) && gt, T = u && !B, E = T ? "" : Z, P = et(() => (E == null || E === "" || B && !F) && !T, [E, B, F, T]), G = X(f);
+  } = l.useContext(K), p = Y("badge", h), [k, gt, ft] = Tt(p), _ = f > v ? `${v}+` : f, T = _ === "0" || _ === 0, pt = f === null || T && !F, Z = (m != null || c != null) && pt, B = u && !T, E = B ? "" : _, P = et(() => (E == null || E === "" || T && !F) && !B, [E, T, F, B]), G = X(f);
   P || (G.current = f);
   const I = G.current, J = X(E);
   P || (J.current = E);
-  const _ = J.current, Q = X(T);
-  P || (Q.current = T);
+  const M = J.current, Q = X(B);
+  P || (Q.current = B);
   const R = et(() => {
     if (!$)
       return Object.assign(Object.assign({}, r == null ? void 0 : r.style), S);
-    const N = {
+    const O = {
       marginTop: $[1]
     };
-    return H === "rtl" ? N.left = parseInt($[0], 10) : N.right = -parseInt($[0], 10), Object.assign(Object.assign(Object.assign({}, N), r == null ? void 0 : r.style), S);
-  }, [H, $, S, r == null ? void 0 : r.style]), ft = b ?? (typeof I == "string" || typeof I == "number" ? I : void 0), pt = P || !s ? null : /* @__PURE__ */ l.createElement("span", {
+    return H === "rtl" ? O.left = parseInt($[0], 10) : O.right = -parseInt($[0], 10), Object.assign(Object.assign(Object.assign({}, O), r == null ? void 0 : r.style), S);
+  }, [H, $, S, r == null ? void 0 : r.style]), vt = b ?? (typeof I == "string" || typeof I == "number" ? I : void 0), Ct = P || !s ? null : /* @__PURE__ */ l.createElement("span", {
     className: `${p}-status-text`
-  }, s), vt = !I || typeof I != "object" ? void 0 : at(I, (N) => ({
-    style: Object.assign(Object.assign({}, R), N.style)
-  })), D = st(c, !1), Ct = w(O == null ? void 0 : O.indicator, (i = r == null ? void 0 : r.classNames) === null || i === void 0 ? void 0 : i.indicator, {
-    [`${p}-status-dot`]: M,
+  }, s), $t = !I || typeof I != "object" ? void 0 : at(I, (O) => ({
+    style: Object.assign(Object.assign({}, R), O.style)
+  })), D = st(c, !1), yt = w(x == null ? void 0 : x.indicator, (i = r == null ? void 0 : r.classNames) === null || i === void 0 ? void 0 : i.indicator, {
+    [`${p}-status-dot`]: Z,
     [`${p}-status-${m}`]: !!m,
     [`${p}-color-${c}`]: D
   }), V = {};
   c && !D && (V.color = c, V.background = c);
   const tt = w(p, {
-    [`${p}-status`]: M,
+    [`${p}-status`]: Z,
     [`${p}-not-a-wrapper`]: !g,
     [`${p}-rtl`]: H === "rtl"
-  }, dt, ut, r == null ? void 0 : r.className, (n = r == null ? void 0 : r.classNames) === null || n === void 0 ? void 0 : n.root, O == null ? void 0 : O.root, mt, bt);
-  if (!g && M) {
-    const N = R.color;
+  }, mt, bt, r == null ? void 0 : r.className, (n = r == null ? void 0 : r.classNames) === null || n === void 0 ? void 0 : n.root, x == null ? void 0 : x.root, gt, ft);
+  if (!g && Z) {
+    const O = R.color;
     return k(/* @__PURE__ */ l.createElement("span", Object.assign({}, U, {
       className: tt,
-      style: Object.assign(Object.assign(Object.assign({}, x == null ? void 0 : x.root), (o = r == null ? void 0 : r.styles) === null || o === void 0 ? void 0 : o.root), R)
+      style: Object.assign(Object.assign(Object.assign({}, N == null ? void 0 : N.root), (o = r == null ? void 0 : r.styles) === null || o === void 0 ? void 0 : o.root), R)
     }), /* @__PURE__ */ l.createElement("span", {
-      className: Ct,
-      style: Object.assign(Object.assign(Object.assign({}, x == null ? void 0 : x.indicator), (d = r == null ? void 0 : r.styles) === null || d === void 0 ? void 0 : d.indicator), V)
+      className: yt,
+      style: Object.assign(Object.assign(Object.assign({}, N == null ? void 0 : N.indicator), (d = r == null ? void 0 : r.styles) === null || d === void 0 ? void 0 : d.indicator), V)
     }), s && /* @__PURE__ */ l.createElement("span", {
       style: {
-        color: N
+        color: O
       },
       className: `${p}-status-text`
     }, s)));
@@ -614,39 +615,40 @@ const Mt = /* @__PURE__ */ l.forwardRef((t, e) => {
     ref: e
   }, U, {
     className: tt,
-    style: Object.assign(Object.assign({}, (a = r == null ? void 0 : r.styles) === null || a === void 0 ? void 0 : a.root), x == null ? void 0 : x.root)
+    style: Object.assign(Object.assign({}, (a = r == null ? void 0 : r.styles) === null || a === void 0 ? void 0 : a.root), N == null ? void 0 : N.root)
   }), g, /* @__PURE__ */ l.createElement(xt, {
     visible: !P,
     motionName: `${p}-zoom`,
     motionAppear: !1,
     motionDeadline: 1e3
-  }, (N) => {
+  }, (O) => {
     let {
-      className: $t
-    } = N;
+      className: ht
+    } = O;
     var A, q;
-    const ht = Y("scroll-number", h), L = Q.current, yt = w(O == null ? void 0 : O.indicator, (A = r == null ? void 0 : r.classNames) === null || A === void 0 ? void 0 : A.indicator, {
+    const St = Y("scroll-number", y), L = Q.current, Nt = w(x == null ? void 0 : x.indicator, (A = r == null ? void 0 : r.classNames) === null || A === void 0 ? void 0 : A.indicator, {
       [`${p}-dot`]: L,
       [`${p}-count`]: !L,
       [`${p}-count-sm`]: C === "small",
-      [`${p}-multiple-words`]: !L && _ && _.toString().length > 1,
+      [`${p}-multiple-words`]: !L && M && M.toString().length > 1,
       [`${p}-status-${m}`]: !!m,
       [`${p}-color-${c}`]: D
     });
-    let W = Object.assign(Object.assign(Object.assign({}, x == null ? void 0 : x.indicator), (q = r == null ? void 0 : r.styles) === null || q === void 0 ? void 0 : q.indicator), R);
-    return c && !D && (W = W || {}, W.background = c), /* @__PURE__ */ l.createElement(Ht, {
-      prefixCls: ht,
+    let W = Object.assign(Object.assign(Object.assign({}, N == null ? void 0 : N.indicator), (q = r == null ? void 0 : r.styles) === null || q === void 0 ? void 0 : q.indicator), R);
+    return c && !D && (W = W || {}, W.background = c), /* @__PURE__ */ l.createElement(_t, {
+      prefixCls: St,
       show: !P,
-      motionClassName: $t,
-      className: yt,
-      count: _,
-      title: ft,
+      motionClassName: ht,
+      className: Nt,
+      count: M,
+      title: vt,
       style: W,
       key: "scrollNumber"
-    }, vt);
-  }), pt));
-}), _t = Mt;
-_t.Ribbon = Rt;
+    }, $t);
+  }), Ct));
+}), ut = Mt;
+ut.Ribbon = dt;
+process.env.NODE_ENV !== "production" && (ut.displayName = "Badge");
 export {
-  _t as B
+  ut as B
 };