@notificationapi/react 0.0.5 → 0.0.7

package/dist/assets/PurePanel.js

@@ -0,0 +1,66 @@
+import { _ as R, C as w, a as I } from "./colors.js";
+import * as e from "react";
+import { I as j, u as y } from "./index3.js";
+var z = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, E = function(s, c) {
+  return /* @__PURE__ */ e.createElement(j, R({}, s, {
+    ref: c,
+    icon: z
+  }));
+}, _ = /* @__PURE__ */ e.forwardRef(E);
+function S(n) {
+  return (s) => /* @__PURE__ */ e.createElement(w, {
+    theme: {
+      token: {
+        motion: !1,
+        zIndexPopupBase: 0
+      }
+    }
+  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, s)));
+}
+const M = (n, s, c, L) => S((o) => {
+  const {
+    prefixCls: f,
+    style: p
+  } = o, a = e.useRef(null), [g, m] = e.useState(0), [v, P] = e.useState(0), [l, C] = y(!1, {
+    value: o.open
+  }), {
+    getPrefixCls: h
+  } = e.useContext(I), O = h("select", f);
+  e.useEffect(() => {
+    if (C(!0), typeof ResizeObserver < "u") {
+      const i = new ResizeObserver((t) => {
+        const r = t[0].target;
+        m(r.offsetHeight + 8), P(r.offsetWidth);
+      }), u = setInterval(() => {
+        var t;
+        const r = `.${O}-dropdown`, d = (t = a.current) === null || t === void 0 ? void 0 : t.querySelector(r);
+        d && (clearInterval(u), i.observe(d));
+      }, 10);
+      return () => {
+        clearInterval(u), i.disconnect();
+      };
+    }
+  }, []);
+  let b = Object.assign(Object.assign({}, o), {
+    style: Object.assign(Object.assign({}, p), {
+      margin: 0
+    }),
+    open: l,
+    visible: l,
+    getPopupContainer: () => a.current
+  });
+  const x = {
+    paddingBottom: g,
+    position: "relative",
+    minWidth: v
+  };
+  return /* @__PURE__ */ e.createElement("div", {
+    ref: a,
+    style: x
+  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, b)));
+});
+export {
+  _ as R,
+  M as g,
+  S as w
+};