@notificationapi/react 0.0.37 → 1.0.1

package/dist/assets/index2.js

@@ -1,647 +0,0 @@
-import * as l from "react";
-import { useMemo as et, useRef as X } from "react";
-import { c as x } from "./presets.js";
-import { g as nt, r as rt, u as E, m as Ot, a as K, c as it, e as xt } from "./reactNode.js";
-import { K as z, g as st, i as at } from "./colors.js";
-const wt = new z("antStatusProcessing", {
-  "0%": {
-    transform: "scale(0.8)",
-    opacity: 0.5
-  },
-  "100%": {
-    transform: "scale(2.4)",
-    opacity: 0
-  }
-}), Et = new z("antZoomBadgeIn", {
-  "0%": {
-    transform: "scale(0) translate(50%, -50%)",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scale(1) translate(50%, -50%)"
-  }
-}), jt = new z("antZoomBadgeOut", {
-  "0%": {
-    transform: "scale(1) translate(50%, -50%)"
-  },
-  "100%": {
-    transform: "scale(0) translate(50%, -50%)",
-    opacity: 0
-  }
-}), Pt = new z("antNoWrapperZoomBadgeIn", {
-  "0%": {
-    transform: "scale(0)",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scale(1)"
-  }
-}), It = new z("antNoWrapperZoomBadgeOut", {
-  "0%": {
-    transform: "scale(1)"
-  },
-  "100%": {
-    transform: "scale(0)",
-    opacity: 0
-  }
-}), zt = new z("antBadgeLoadingCircle", {
-  "0%": {
-    transformOrigin: "50%"
-  },
-  "100%": {
-    transform: "translate(50%, -50%) rotate(360deg)",
-    transformOrigin: "50%"
-  }
-}), Bt = (t) => {
-  const {
-    componentCls: e,
-    iconCls: i,
-    antCls: n,
-    badgeShadowSize: o,
-    textFontSize: d,
-    textFontSizeSM: s,
-    statusSize: y,
-    dotSize: v,
-    textFontWeight: C,
-    indicatorHeight: c,
-    indicatorHeightSM: a,
-    marginXS: m,
-    calc: b
-  } = t, u = `${n}-scroll-number`, S = st(t, ($, g) => {
-    let {
-      darkColor: f
-    } = g;
-    return {
-      [`&${e} ${e}-color-${$}`]: {
-        background: f,
-        [`&:not(${e}-count)`]: {
-          color: f
-        },
-        "a:hover &": {
-          background: f
-        }
-      }
-    };
-  });
-  return {
-    [e]: Object.assign(Object.assign(Object.assign(Object.assign({}, rt(t)), {
-      position: "relative",
-      display: "inline-block",
-      width: "fit-content",
-      lineHeight: 1,
-      [`${e}-count`]: {
-        display: "inline-flex",
-        justifyContent: "center",
-        zIndex: t.indicatorZIndex,
-        minWidth: c,
-        height: c,
-        color: t.badgeTextColor,
-        fontWeight: C,
-        fontSize: d,
-        lineHeight: E(c),
-        whiteSpace: "nowrap",
-        textAlign: "center",
-        background: t.badgeColor,
-        borderRadius: b(c).div(2).equal(),
-        boxShadow: `0 0 0 ${E(o)} ${t.badgeShadowColor}`,
-        transition: `background ${t.motionDurationMid}`,
-        a: {
-          color: t.badgeTextColor
-        },
-        "a:hover": {
-          color: t.badgeTextColor
-        },
-        "a:hover &": {
-          background: t.badgeColorHover
-        }
-      },
-      [`${e}-count-sm`]: {
-        minWidth: a,
-        height: a,
-        fontSize: s,
-        lineHeight: E(a),
-        borderRadius: b(a).div(2).equal()
-      },
-      [`${e}-multiple-words`]: {
-        padding: `0 ${E(t.paddingXS)}`,
-        bdi: {
-          unicodeBidi: "plaintext"
-        }
-      },
-      [`${e}-dot`]: {
-        zIndex: t.indicatorZIndex,
-        width: v,
-        minWidth: v,
-        height: v,
-        background: t.badgeColor,
-        borderRadius: "100%",
-        boxShadow: `0 0 0 ${E(o)} ${t.badgeShadowColor}`
-      },
-      [`${e}-count, ${e}-dot, ${u}-custom-component`]: {
-        position: "absolute",
-        top: 0,
-        insetInlineEnd: 0,
-        transform: "translate(50%, -50%)",
-        transformOrigin: "100% 0%",
-        [`&${i}-spin`]: {
-          animationName: zt,
-          animationDuration: "1s",
-          animationIterationCount: "infinite",
-          animationTimingFunction: "linear"
-        }
-      },
-      [`&${e}-status`]: {
-        lineHeight: "inherit",
-        verticalAlign: "baseline",
-        [`${e}-status-dot`]: {
-          position: "relative",
-          top: -1,
-          // Magic number, but seems better experience
-          display: "inline-block",
-          width: y,
-          height: y,
-          verticalAlign: "middle",
-          borderRadius: "50%"
-        },
-        [`${e}-status-success`]: {
-          backgroundColor: t.colorSuccess
-        },
-        [`${e}-status-processing`]: {
-          overflow: "visible",
-          color: t.colorInfo,
-          backgroundColor: t.colorInfo,
-          borderColor: "currentcolor",
-          "&::after": {
-            position: "absolute",
-            top: 0,
-            insetInlineStart: 0,
-            width: "100%",
-            height: "100%",
-            borderWidth: o,
-            borderStyle: "solid",
-            borderColor: "inherit",
-            borderRadius: "50%",
-            animationName: wt,
-            animationDuration: t.badgeProcessingDuration,
-            animationIterationCount: "infinite",
-            animationTimingFunction: "ease-in-out",
-            content: '""'
-          }
-        },
-        [`${e}-status-default`]: {
-          backgroundColor: t.colorTextPlaceholder
-        },
-        [`${e}-status-error`]: {
-          backgroundColor: t.colorError
-        },
-        [`${e}-status-warning`]: {
-          backgroundColor: t.colorWarning
-        },
-        [`${e}-status-text`]: {
-          marginInlineStart: m,
-          color: t.colorText,
-          fontSize: t.fontSize
-        }
-      }
-    }), S), {
-      [`${e}-zoom-appear, ${e}-zoom-enter`]: {
-        animationName: Et,
-        animationDuration: t.motionDurationSlow,
-        animationTimingFunction: t.motionEaseOutBack,
-        animationFillMode: "both"
-      },
-      [`${e}-zoom-leave`]: {
-        animationName: jt,
-        animationDuration: t.motionDurationSlow,
-        animationTimingFunction: t.motionEaseOutBack,
-        animationFillMode: "both"
-      },
-      [`&${e}-not-a-wrapper`]: {
-        [`${e}-zoom-appear, ${e}-zoom-enter`]: {
-          animationName: Pt,
-          animationDuration: t.motionDurationSlow,
-          animationTimingFunction: t.motionEaseOutBack
-        },
-        [`${e}-zoom-leave`]: {
-          animationName: It,
-          animationDuration: t.motionDurationSlow,
-          animationTimingFunction: t.motionEaseOutBack
-        },
-        [`&:not(${e}-status)`]: {
-          verticalAlign: "middle"
-        },
-        [`${u}-custom-component, ${e}-count`]: {
-          transform: "none"
-        },
-        [`${u}-custom-component, ${u}`]: {
-          position: "relative",
-          top: "auto",
-          display: "block",
-          transformOrigin: "50% 50%"
-        }
-      },
-      [u]: {
-        overflow: "hidden",
-        transition: `all ${t.motionDurationMid} ${t.motionEaseOutBack}`,
-        [`${u}-only`]: {
-          position: "relative",
-          display: "inline-block",
-          height: c,
-          transition: `all ${t.motionDurationSlow} ${t.motionEaseOutBack}`,
-          WebkitTransformStyle: "preserve-3d",
-          WebkitBackfaceVisibility: "hidden",
-          [`> p${u}-only-unit`]: {
-            height: c,
-            margin: 0,
-            WebkitTransformStyle: "preserve-3d",
-            WebkitBackfaceVisibility: "hidden"
-          }
-        },
-        [`${u}-symbol`]: {
-          verticalAlign: "top"
-        }
-      },
-      // ====================== RTL =======================
-      "&-rtl": {
-        direction: "rtl",
-        [`${e}-count, ${e}-dot, ${u}-custom-component`]: {
-          transform: "translate(-50%, -50%)"
-        }
-      }
-    })
-  };
-}, lt = (t) => {
-  const {
-    fontHeight: e,
-    lineWidth: i,
-    marginXS: n,
-    colorBorderBg: o
-  } = t, d = e, s = i, y = t.colorBgContainer, v = t.colorError, C = t.colorErrorHover;
-  return Ot(t, {
-    badgeFontHeight: d,
-    badgeShadowSize: s,
-    badgeTextColor: y,
-    badgeColor: v,
-    badgeColorHover: C,
-    badgeShadowColor: o,
-    badgeProcessingDuration: "1.2s",
-    badgeRibbonOffset: n,
-    // Follow token just by Design. Not related with token
-    badgeRibbonCornerTransform: "scaleY(0.75)",
-    badgeRibbonCornerFilter: "brightness(75%)"
-  });
-}, ct = (t) => {
-  const {
-    fontSize: e,
-    lineHeight: i,
-    fontSizeSM: n,
-    lineWidth: o
-  } = t;
-  return {
-    indicatorZIndex: "auto",
-    indicatorHeight: Math.round(e * i) - 2 * o,
-    indicatorHeightSM: e,
-    dotSize: n / 2,
-    textFontSize: n,
-    textFontSizeSM: n,
-    textFontWeight: "normal",
-    statusSize: n / 2
-  };
-}, Tt = nt("Badge", (t) => {
-  const e = lt(t);
-  return Bt(e);
-}, ct), Rt = (t) => {
-  const {
-    antCls: e,
-    badgeFontHeight: i,
-    marginXS: n,
-    badgeRibbonOffset: o,
-    calc: d
-  } = t, s = `${e}-ribbon`, y = `${e}-ribbon-wrapper`, v = st(t, (C, c) => {
-    let {
-      darkColor: a
-    } = c;
-    return {
-      [`&${s}-color-${C}`]: {
-        background: a,
-        color: a
-      }
-    };
-  });
-  return {
-    [y]: {
-      position: "relative"
-    },
-    [s]: Object.assign(Object.assign(Object.assign(Object.assign({}, rt(t)), {
-      position: "absolute",
-      top: n,
-      padding: `0 ${E(t.paddingXS)}`,
-      color: t.colorPrimary,
-      lineHeight: E(i),
-      whiteSpace: "nowrap",
-      backgroundColor: t.colorPrimary,
-      borderRadius: t.borderRadiusSM,
-      [`${s}-text`]: {
-        color: t.colorTextLightSolid
-      },
-      [`${s}-corner`]: {
-        position: "absolute",
-        top: "100%",
-        width: o,
-        height: o,
-        color: "currentcolor",
-        border: `${E(d(o).div(2).equal())} solid`,
-        transform: t.badgeRibbonCornerTransform,
-        transformOrigin: "top",
-        filter: t.badgeRibbonCornerFilter
-      }
-    }), v), {
-      [`&${s}-placement-end`]: {
-        insetInlineEnd: d(o).mul(-1).equal(),
-        borderEndEndRadius: 0,
-        [`${s}-corner`]: {
-          insetInlineEnd: 0,
-          borderInlineEndColor: "transparent",
-          borderBlockEndColor: "transparent"
-        }
-      },
-      [`&${s}-placement-start`]: {
-        insetInlineStart: d(o).mul(-1).equal(),
-        borderEndStartRadius: 0,
-        [`${s}-corner`]: {
-          insetInlineStart: 0,
-          borderBlockEndColor: "transparent",
-          borderInlineStartColor: "transparent"
-        }
-      },
-      // ====================== RTL =======================
-      "&-rtl": {
-        direction: "rtl"
-      }
-    })
-  };
-}, Dt = nt(["Badge", "Ribbon"], (t) => {
-  const e = lt(t);
-  return Rt(e);
-}, ct), dt = (t) => {
-  const {
-    className: e,
-    prefixCls: i,
-    style: n,
-    color: o,
-    children: d,
-    text: s,
-    placement: y = "end",
-    rootClassName: v
-  } = t, {
-    getPrefixCls: C,
-    direction: c
-  } = l.useContext(K), a = C("ribbon", i), m = `${a}-wrapper`, [b, u, S] = Dt(a, m), $ = at(o, !1), g = x(a, `${a}-placement-${y}`, {
-    [`${a}-rtl`]: c === "rtl",
-    [`${a}-color-${o}`]: $
-  }, e), f = {}, w = {};
-  return o && !$ && (f.background = o, w.color = o), b(/* @__PURE__ */ l.createElement("div", {
-    className: x(m, v, u, S)
-  }, d, /* @__PURE__ */ l.createElement("div", {
-    className: x(g, u),
-    style: Object.assign(Object.assign({}, f), n)
-  }, /* @__PURE__ */ l.createElement("span", {
-    className: `${a}-text`
-  }, s), /* @__PURE__ */ l.createElement("div", {
-    className: `${a}-corner`,
-    style: w
-  }))));
-};
-process.env.NODE_ENV !== "production" && (dt.displayName = "Ribbon");
-const ot = (t) => {
-  const {
-    prefixCls: e,
-    value: i,
-    current: n,
-    offset: o = 0
-  } = t;
-  let d;
-  return o && (d = {
-    position: "absolute",
-    top: `${o}00%`,
-    left: 0
-  }), /* @__PURE__ */ l.createElement("span", {
-    style: d,
-    className: x(`${e}-only-unit`, {
-      current: n
-    })
-  }, i);
-};
-function Wt(t, e, i) {
-  let n = t, o = 0;
-  for (; (n + 10) % 10 !== e; )
-    n += i, o += i;
-  return o;
-}
-const Ft = (t) => {
-  const {
-    prefixCls: e,
-    count: i,
-    value: n
-  } = t, o = Number(n), d = Math.abs(i), [s, y] = l.useState(o), [v, C] = l.useState(d), c = () => {
-    y(o), C(d);
-  };
-  l.useEffect(() => {
-    const b = setTimeout(c, 1e3);
-    return () => clearTimeout(b);
-  }, [o]);
-  let a, m;
-  if (s === o || Number.isNaN(o) || Number.isNaN(s))
-    a = [/* @__PURE__ */ l.createElement(ot, Object.assign({}, t, {
-      key: o,
-      current: !0
-    }))], m = {
-      transition: "none"
-    };
-  else {
-    a = [];
-    const b = o + 10, u = [];
-    for (let g = o; g <= b; g += 1)
-      u.push(g);
-    const S = u.findIndex((g) => g % 10 === s);
-    a = u.map((g, f) => {
-      const w = g % 10;
-      return /* @__PURE__ */ l.createElement(ot, Object.assign({}, t, {
-        key: g,
-        value: w,
-        offset: f - S,
-        current: f === S
-      }));
-    });
-    const $ = v < d ? 1 : -1;
-    m = {
-      transform: `translateY(${-Wt(s, o, $)}00%)`
-    };
-  }
-  return /* @__PURE__ */ l.createElement("span", {
-    className: `${e}-only`,
-    style: m,
-    onTransitionEnd: c
-  }, a);
-};
-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]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-    e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
-  return i;
-};
-const _t = /* @__PURE__ */ l.forwardRef((t, e) => {
-  const {
-    prefixCls: i,
-    count: n,
-    className: o,
-    motionClassName: d,
-    style: s,
-    title: y,
-    show: v,
-    component: C = "sup",
-    children: c
-  } = t, a = Ht(t, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]), {
-    getPrefixCls: m
-  } = l.useContext(K), b = m("scroll-number", i), u = Object.assign(Object.assign({}, a), {
-    "data-show": v,
-    style: s,
-    className: x(b, o, d),
-    title: y
-  });
-  let S = n;
-  if (n && Number(n) % 1 === 0) {
-    const $ = String(n).split("");
-    S = /* @__PURE__ */ l.createElement("bdi", null, $.map((g, f) => /* @__PURE__ */ l.createElement(Ft, {
-      prefixCls: b,
-      count: Number(n),
-      value: g,
-      // eslint-disable-next-line react/no-array-index-key
-      key: $.length - f
-    })));
-  }
-  return s != null && s.borderColor && (u.style = Object.assign(Object.assign({}, s), {
-    boxShadow: `0 0 0 1px ${s.borderColor} inset`
-  })), c ? it(c, ($) => ({
-    className: x(`${b}-custom-component`, $ == null ? void 0 : $.className, d)
-  })) : /* @__PURE__ */ l.createElement(C, Object.assign({}, u, {
-    ref: e
-  }), S);
-});
-var Mt = function(t, e) {
-  var i = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-    e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
-  return i;
-};
-const Zt = /* @__PURE__ */ l.forwardRef((t, e) => {
-  var i, n, o, d, s;
-  const {
-    prefixCls: y,
-    scrollNumberPrefixCls: v,
-    children: C,
-    status: c,
-    text: a,
-    color: m,
-    count: b = null,
-    overflowCount: u = 99,
-    dot: S = !1,
-    size: $ = "default",
-    title: g,
-    offset: f,
-    style: w,
-    className: mt,
-    rootClassName: bt,
-    classNames: O,
-    styles: h,
-    showZero: F = !1
-  } = t, U = Mt(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), [G, gt, ft] = Tt(p), _ = b > u ? `${u}+` : b, T = _ === "0" || _ === 0, pt = b === null || T && !F, M = (c != null || m != null) && pt, B = S && !T, j = B ? "" : _, P = et(() => (j == null || j === "" || T && !F) && !B, [j, T, F, B]), J = X(b);
-  P || (J.current = b);
-  const I = J.current, Q = X(j);
-  P || (Q.current = j);
-  const Z = Q.current, k = X(B);
-  P || (k.current = B);
-  const R = et(() => {
-    if (!f)
-      return Object.assign(Object.assign({}, r == null ? void 0 : r.style), w);
-    const N = {
-      marginTop: f[1]
-    };
-    return H === "rtl" ? N.left = parseInt(f[0], 10) : N.right = -parseInt(f[0], 10), Object.assign(Object.assign(Object.assign({}, N), r == null ? void 0 : r.style), w);
-  }, [H, f, w, r == null ? void 0 : r.style]), vt = g ?? (typeof I == "string" || typeof I == "number" ? I : void 0), Ct = P || !a ? null : /* @__PURE__ */ l.createElement("span", {
-    className: `${p}-status-text`
-  }, a), $t = !I || typeof I != "object" ? void 0 : it(I, (N) => ({
-    style: Object.assign(Object.assign({}, R), N.style)
-  })), D = at(m, !1), yt = x(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,
-    [`${p}-status-${c}`]: !!c,
-    [`${p}-color-${m}`]: D
-  }), V = {};
-  m && !D && (V.color = m, V.background = m);
-  const tt = x(p, {
-    [`${p}-status`]: M,
-    [`${p}-not-a-wrapper`]: !C,
-    [`${p}-rtl`]: H === "rtl"
-  }, mt, bt, 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, gt, ft);
-  if (!C && M) {
-    const N = R.color;
-    return G(/* @__PURE__ */ l.createElement("span", Object.assign({}, U, {
-      className: tt,
-      style: Object.assign(Object.assign(Object.assign({}, h == null ? void 0 : h.root), (o = r == null ? void 0 : r.styles) === null || o === void 0 ? void 0 : o.root), R)
-    }), /* @__PURE__ */ l.createElement("span", {
-      className: yt,
-      style: Object.assign(Object.assign(Object.assign({}, h == null ? void 0 : h.indicator), (d = r == null ? void 0 : r.styles) === null || d === void 0 ? void 0 : d.indicator), V)
-    }), a && /* @__PURE__ */ l.createElement("span", {
-      style: {
-        color: N
-      },
-      className: `${p}-status-text`
-    }, a)));
-  }
-  return G(/* @__PURE__ */ l.createElement("span", Object.assign({
-    ref: e
-  }, U, {
-    className: tt,
-    style: Object.assign(Object.assign({}, (s = r == null ? void 0 : r.styles) === null || s === void 0 ? void 0 : s.root), h == null ? void 0 : h.root)
-  }), C, /* @__PURE__ */ l.createElement(xt, {
-    visible: !P,
-    motionName: `${p}-zoom`,
-    motionAppear: !1,
-    motionDeadline: 1e3
-  }, (N) => {
-    let {
-      className: ht
-    } = N;
-    var A, q;
-    const St = Y("scroll-number", v), L = k.current, Nt = x(O == null ? void 0 : O.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`]: $ === "small",
-      [`${p}-multiple-words`]: !L && Z && Z.toString().length > 1,
-      [`${p}-status-${c}`]: !!c,
-      [`${p}-color-${m}`]: D
-    });
-    let W = Object.assign(Object.assign(Object.assign({}, h == null ? void 0 : h.indicator), (q = r == null ? void 0 : r.styles) === null || q === void 0 ? void 0 : q.indicator), R);
-    return m && !D && (W = W || {}, W.background = m), /* @__PURE__ */ l.createElement(_t, {
-      prefixCls: St,
-      show: !P,
-      motionClassName: ht,
-      className: Nt,
-      count: Z,
-      title: vt,
-      style: W,
-      key: "scrollNumber"
-    }, $t);
-  }), Ct));
-}), ut = Zt;
-ut.Ribbon = dt;
-process.env.NODE_ENV !== "production" && (ut.displayName = "Badge");
-export {
-  ut as B
-};