@notificationapi/react 0.0.31 → 0.0.33

package/dist/assets/index.js

@@ -1,28 +1,28 @@
 import * as a from "react";
-import { c as P } from "./index3.js";
-import { i as z, g as M, a as R, b as V, P as A, u as H, c as L, d as K, K as F } from "./index4.js";
-import { g as G, m as U, r as X, P as Y, a as S, c as Z } from "./colors.js";
-const b = (e) => e ? typeof e == "function" ? e() : e : null, q = (e) => {
+import { c as P } from "./presets.js";
+import { i as V, g as A, a as H, b as L, P as K, u as F, c as G, d as U, K as X } from "./index3.js";
+import { g as Y, m as Z, r as q, P as J, a as N, c as Q } from "./colors.js";
+const x = (e) => e ? typeof e == "function" ? e() : e : null, ee = (e) => {
   const {
-    componentCls: n,
-    popoverColor: o,
+    componentCls: o,
+    popoverColor: n,
     titleMinWidth: t,
     fontWeightStrong: r,
     innerPadding: l,
-    boxShadowSecondary: i,
-    colorTextHeading: c,
-    borderRadiusLG: d,
-    zIndexPopup: f,
-    titleMarginBottom: p,
-    colorBgElevated: v,
-    popoverBg: u,
-    titleBorderBottom: m,
+    boxShadowSecondary: c,
+    colorTextHeading: d,
+    borderRadiusLG: p,
+    zIndexPopup: m,
+    titleMarginBottom: i,
+    colorBgElevated: g,
+    popoverBg: v,
+    titleBorderBottom: u,
     innerContentPadding: y,
-    titlePadding: g
+    titlePadding: f
   } = e;
   return [
     {
-      [n]: Object.assign(Object.assign({}, X(e)), {
+      [o]: Object.assign(Object.assign({}, q(e)), {
         position: "absolute",
         top: 0,
         // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
@@ -30,14 +30,16 @@ const b = (e) => e ? typeof e == "function" ? e() : e : null, q = (e) => {
           _skip_check_: !0,
           value: 0
         },
-        zIndex: f,
+        zIndex: m,
         fontWeight: "normal",
         whiteSpace: "normal",
         textAlign: "start",
         cursor: "auto",
         userSelect: "text",
-        transformOrigin: "var(--arrow-x, 50%) var(--arrow-y, 50%)",
-        "--antd-arrow-background-color": v,
+        // When use `autoArrow`, origin will follow the arrow position
+        "--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
+        transformOrigin: ["var(--valid-offset-x, 50%)", "var(--arrow-y, 50%)"].join(" "),
+        "--antd-arrow-background-color": g,
         width: "max-content",
         maxWidth: "100vw",
         "&-rtl": {
@@ -46,226 +48,222 @@ const b = (e) => e ? typeof e == "function" ? e() : e : null, q = (e) => {
         "&-hidden": {
           display: "none"
         },
-        [`${n}-content`]: {
+        [`${o}-content`]: {
           position: "relative"
         },
-        [`${n}-inner`]: {
-          backgroundColor: u,
+        [`${o}-inner`]: {
+          backgroundColor: v,
           backgroundClip: "padding-box",
-          borderRadius: d,
-          boxShadow: i,
+          borderRadius: p,
+          boxShadow: c,
           padding: l
         },
-        [`${n}-title`]: {
+        [`${o}-title`]: {
           minWidth: t,
-          marginBottom: p,
-          color: c,
+          marginBottom: i,
+          color: d,
           fontWeight: r,
-          borderBottom: m,
-          padding: g
+          borderBottom: u,
+          padding: f
         },
-        [`${n}-inner-content`]: {
-          color: o,
+        [`${o}-inner-content`]: {
+          color: n,
           padding: y
         }
       })
     },
     // Arrow Style
-    M(e, "var(--antd-arrow-background-color)"),
+    A(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
-      [`${n}-pure`]: {
+      [`${o}-pure`]: {
         position: "relative",
         maxWidth: "none",
         margin: e.sizePopupArrow,
         display: "inline-block",
-        [`${n}-content`]: {
+        [`${o}-content`]: {
           display: "inline-block"
         }
       }
     }
   ];
-}, J = (e) => {
+}, te = (e) => {
   const {
-    componentCls: n
+    componentCls: o
   } = e;
   return {
-    [n]: Y.map((o) => {
-      const t = e[`${o}6`];
+    [o]: J.map((n) => {
+      const t = e[`${n}6`];
       return {
-        [`&${n}-${o}`]: {
+        [`&${o}-${n}`]: {
           "--antd-arrow-background-color": t,
-          [`${n}-inner`]: {
+          [`${o}-inner`]: {
             backgroundColor: t
           },
-          [`${n}-arrow`]: {
+          [`${o}-arrow`]: {
             background: "transparent"
           }
         }
       };
     })
   };
-}, Q = (e) => {
+}, oe = (e) => {
   const {
-    lineWidth: n,
-    controlHeight: o,
+    lineWidth: o,
+    controlHeight: n,
     fontHeight: t,
     padding: r,
     wireframe: l,
-    zIndexPopupBase: i,
-    borderRadiusLG: c,
-    marginXS: d,
-    lineType: f,
-    colorSplit: p,
-    paddingSM: v
-  } = e, u = o - t, m = u / 2, y = u / 2 - n, g = r;
+    zIndexPopupBase: c,
+    borderRadiusLG: d,
+    marginXS: p,
+    lineType: m,
+    colorSplit: i,
+    paddingSM: g
+  } = e, v = n - t, u = v / 2, y = v / 2 - o, f = r;
   return Object.assign(Object.assign(Object.assign({
     titleMinWidth: 177,
-    zIndexPopup: i + 30
-  }, R(e)), V({
-    contentRadius: c,
+    zIndexPopup: c + 30
+  }, H(e)), L({
+    contentRadius: d,
     limitVerticalRadius: !0
   })), {
     // internal
     innerPadding: l ? 0 : 12,
-    titleMarginBottom: l ? 0 : d,
-    titlePadding: l ? `${m}px ${g}px ${y}px` : 0,
-    titleBorderBottom: l ? `${n}px ${f} ${p}` : "none",
-    innerContentPadding: l ? `${v}px ${g}px` : 0
+    titleMarginBottom: l ? 0 : p,
+    titlePadding: l ? `${u}px ${f}px ${y}px` : 0,
+    titleBorderBottom: l ? `${o}px ${m} ${i}` : "none",
+    innerContentPadding: l ? `${g}px ${f}px` : 0
   });
-}, $ = G("Popover", (e) => {
+}, E = Y("Popover", (e) => {
   const {
-    colorBgElevated: n,
-    colorText: o
-  } = e, t = U(e, {
-    popoverBg: n,
-    popoverColor: o
+    colorBgElevated: o,
+    colorText: n
+  } = e, t = Z(e, {
+    popoverBg: o,
+    popoverColor: n
   });
-  return [q(t), J(t), z(t, "zoom-big")];
-}, Q, {
+  return [ee(t), te(t), V(t, "zoom-big")];
+}, oe, {
   resetStyle: !1,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var ee = function(e, n) {
-  var o = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
-  return o;
+var ne = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+    o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
 };
-const te = (e, n, o) => !n && !o ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, n && /* @__PURE__ */ a.createElement("div", {
-  className: `${e}-title`
-}, b(n)), /* @__PURE__ */ a.createElement("div", {
-  className: `${e}-inner-content`
-}, b(o))), ne = (e) => {
+const B = (e) => {
+  let {
+    title: o,
+    content: n,
+    prefixCls: t
+  } = e;
+  return !o && !n ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, o && /* @__PURE__ */ a.createElement("div", {
+    className: `${t}-title`
+  }, o), n && /* @__PURE__ */ a.createElement("div", {
+    className: `${t}-inner-content`
+  }, n));
+}, re = (e) => {
   const {
-    hashId: n,
-    prefixCls: o,
+    hashId: o,
+    prefixCls: n,
     className: t,
     style: r,
     placement: l = "top",
-    title: i,
-    content: c,
-    children: d
-  } = e;
+    title: c,
+    content: d,
+    children: p
+  } = e, m = x(c), i = x(d), g = P(o, n, `${n}-pure`, `${n}-placement-${l}`, t);
   return /* @__PURE__ */ a.createElement("div", {
-    className: P(n, o, `${o}-pure`, `${o}-placement-${l}`, t),
+    className: g,
     style: r
   }, /* @__PURE__ */ a.createElement("div", {
-    className: `${o}-arrow`
-  }), /* @__PURE__ */ a.createElement(A, Object.assign({}, e, {
-    className: n,
-    prefixCls: o
-  }), d || te(o, i, c)));
-}, oe = (e) => {
-  const {
+    className: `${n}-arrow`
+  }), /* @__PURE__ */ a.createElement(K, Object.assign({}, e, {
+    className: o,
+    prefixCls: n
+  }), p || /* @__PURE__ */ a.createElement(B, {
     prefixCls: n,
-    className: o
-  } = e, t = ee(e, ["prefixCls", "className"]), {
+    title: m,
+    content: i
+  })));
+}, ae = (e) => {
+  const {
+    prefixCls: o,
+    className: n
+  } = e, t = ne(e, ["prefixCls", "className"]), {
     getPrefixCls: r
-  } = a.useContext(S), l = r("popover", n), [i, c, d] = $(l);
-  return i(/* @__PURE__ */ a.createElement(ne, Object.assign({}, t, {
+  } = a.useContext(N), l = r("popover", o), [c, d, p] = E(l);
+  return c(/* @__PURE__ */ a.createElement(re, Object.assign({}, t, {
     prefixCls: l,
-    hashId: c,
-    className: P(o, d)
+    hashId: d,
+    className: P(n, p)
   })));
 };
-var re = function(e, n) {
-  var o = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
-  return o;
+var le = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+    o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
 };
-const ae = (e) => {
-  let {
-    title: n,
-    content: o,
-    prefixCls: t
-  } = e;
-  return /* @__PURE__ */ a.createElement(a.Fragment, null, n && /* @__PURE__ */ a.createElement("div", {
-    className: `${t}-title`
-  }, b(n)), /* @__PURE__ */ a.createElement("div", {
-    className: `${t}-inner-content`
-  }, b(o)));
-}, le = /* @__PURE__ */ a.forwardRef((e, n) => {
-  var o, t;
+const ie = /* @__PURE__ */ a.forwardRef((e, o) => {
+  var n, t;
   const {
     prefixCls: r,
     title: l,
-    content: i,
-    overlayClassName: c,
-    placement: d = "top",
-    trigger: f = "hover",
-    children: p,
-    mouseEnterDelay: v = 0.1,
-    mouseLeaveDelay: u = 0.1,
-    onOpenChange: m,
+    content: c,
+    overlayClassName: d,
+    placement: p = "top",
+    trigger: m = "hover",
+    children: i,
+    mouseEnterDelay: g = 0.1,
+    mouseLeaveDelay: v = 0.1,
+    onOpenChange: u,
     overlayStyle: y = {}
-  } = e, g = re(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"]), {
+  } = e, f = le(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"]), {
     getPrefixCls: O
-  } = a.useContext(S), x = O("popover", r), [N, B, j] = $(x), _ = O(), k = P(c, B, j), [I, T] = H(!1, {
-    value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
+  } = a.useContext(N), b = O("popover", r), [_, k, I] = E(b), T = O(), W = P(d, k, I), [D, z] = F(!1, {
+    value: (n = e.open) !== null && n !== void 0 ? n : e.visible,
     defaultValue: (t = e.defaultOpen) !== null && t !== void 0 ? t : e.defaultVisible
   }), w = (s, C) => {
-    T(s, !0), m == null || m(s, C);
-  }, W = (s) => {
-    s.keyCode === F.ESC && w(!1, s);
-  }, D = (s) => {
+    z(s, !0), u == null || u(s, C);
+  }, M = (s) => {
+    s.keyCode === X.ESC && w(!1, s);
+  }, R = (s) => {
     w(s);
-  };
-  return N(/* @__PURE__ */ a.createElement(L, Object.assign({
-    placement: d,
-    trigger: f,
-    mouseEnterDelay: v,
-    mouseLeaveDelay: u,
+  }, S = x(l), $ = x(c);
+  return _(/* @__PURE__ */ a.createElement(G, Object.assign({
+    placement: p,
+    trigger: m,
+    mouseEnterDelay: g,
+    mouseLeaveDelay: v,
     overlayStyle: y
-  }, g, {
-    prefixCls: x,
-    overlayClassName: k,
-    ref: n,
-    open: I,
-    onOpenChange: D,
-    overlay: l || i ? /* @__PURE__ */ a.createElement(ae, {
-      prefixCls: x,
-      title: l,
-      content: i
+  }, f, {
+    prefixCls: b,
+    overlayClassName: W,
+    ref: o,
+    open: D,
+    onOpenChange: R,
+    overlay: S || $ ? /* @__PURE__ */ a.createElement(B, {
+      prefixCls: b,
+      title: S,
+      content: $
     }) : null,
-    transitionName: K(_, "zoom-big", g.transitionName),
+    transitionName: U(T, "zoom-big", f.transitionName),
     "data-popover-inject": !0
-  }), Z(p, {
+  }), Q(i, {
     onKeyDown: (s) => {
       var C, h;
-      /* @__PURE__ */ a.isValidElement(p) && ((h = p == null ? void 0 : (C = p.props).onKeyDown) === null || h === void 0 || h.call(C, s)), W(s);
+      /* @__PURE__ */ a.isValidElement(i) && ((h = i == null ? void 0 : (C = i.props).onKeyDown) === null || h === void 0 || h.call(C, s)), M(s);
     }
   })));
-}), E = le;
-E._InternalPanelDoNotUseOrYouWillBeFired = oe;
-process.env.NODE_ENV !== "production" && (E.displayName = "Popover");
+}), j = ie;
+j._InternalPanelDoNotUseOrYouWillBeFired = ae;
+process.env.NODE_ENV !== "production" && (j.displayName = "Popover");
 export {
-  E as P
+  j as P
 };