@notificationapi/react 0.0.5 → 0.0.6

package/dist/assets/index.js

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