@devtron-labs/devtron-fe-common-lib 0.0.50-beta-1 → 0.0.50-beta-3

package/dist/TippyCustomized-549ebfaf.js

@@ -0,0 +1,124 @@
+import "./assets/TippyCustomized.css";
+import { jsx as e, jsxs as l, Fragment as R } from "react/jsx-runtime";
+import * as a from "react";
+import { useRef as B, useState as j } from "react";
+import { T as D } from "./tippy-react.esm-3be2e905.js";
+import { S as F } from "./ic-cross-0e71861d.js";
+import { TippyTheme as P } from "./Common/Types.js";
+import { e as W } from "./Helper-4dc38bc2.js";
+const q = (n) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ a.createElement("path", { fill: "#767D84", fillRule: "evenodd", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-.205 12.868c-.615 0-1.12.505-1.12 1.12 0 .617.505 1.121 1.12 1.121.615 0 1.12-.504 1.12-1.12 0-.616-.506-1.12-1.12-1.12zM11.863 7c-1.667 0-3.197 1.187-3.196 2.527 0 .546.41.833.888.833 1.325 0 .642-1.803 2.39-1.803.82 0 1.311.438 1.311 1.175 0 1.34-2.39 1.708-2.39 3.334 0 .438.287.915.874.915.902 0 .792-.67 1.12-1.148.438-.642 2.473-1.325 2.473-3.101 0-1.927-1.721-2.732-3.47-2.732z" })), A = (n) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 17 16", ...n }, /* @__PURE__ */ a.createElement("path", { fill: "#767D84", fillRule: "evenodd", d: "M9 1.333c3.682 0 6.667 2.985 6.667 6.667S12.682 14.667 9 14.667 2.333 11.682 2.333 8 5.318 1.333 9 1.333zm0 1.334C6.054 2.667 3.667 5.054 3.667 8S6.054 13.333 9 13.333 14.333 10.946 14.333 8 11.946 2.667 9 2.667zm-.137 7.245c.41 0 .747.337.747.747s-.337.747-.747.747-.747-.336-.747-.747c0-.41.338-.747.747-.747zm.046-5.245c1.166 0 2.313.537 2.313 1.82 0 1.185-1.357 1.64-1.648 2.068-.22.319-.146.766-.747.766-.392 0-.583-.319-.583-.61 0-1.085 1.593-1.33 1.593-2.223 0-.492-.327-.783-.873-.783-1.166 0-.711 1.202-1.594 1.202-.319 0-.592-.191-.592-.556 0-.893 1.02-1.684 2.13-1.684z" }));
+function Y(n) {
+  const o = B(null), [b, d] = j(!1), t = n.theme === P.white, N = (i) => {
+    o.current = i, document.addEventListener("keydown", _);
+  }, c = () => {
+    o.current?.hide && (o.current.hide(), o.current = null, n.onClose && n.onClose()), d(!1);
+  }, _ = (i) => {
+    i.keyCode === 27 && c();
+  }, y = (i) => {
+    d(W);
+  }, C = () => {
+    const {
+      Icon: i,
+      iconPath: m,
+      iconClass: p,
+      iconSize: s,
+      onImageLoadError: L,
+      heading: h,
+      headingInfo: f,
+      infoTextHeading: u,
+      hideHeading: M,
+      infoText: w,
+      showCloseButton: g,
+      additionalContent: v,
+      documentationLink: r,
+      documentationLinkText: O
+    } = n;
+    return /* @__PURE__ */ l(R, { children: [
+      !M && /* @__PURE__ */ l(
+        "div",
+        {
+          className: `dc__word-break dc__hyphens-auto flex left ${t ? `p-12 cn-9 ${n.noHeadingBorder ? "" : "dc__border-bottom-n1"}` : "pt-20 pb-12 pr-20 pl-20 cn-0 top"}`,
+          children: [
+            m ? /* @__PURE__ */ e(
+              "img",
+              {
+                className: `icon-dim-${s || 20} mr-6 ${p || ""}`,
+                src: m,
+                alt: "Heading",
+                onError: L
+              }
+            ) : i && /* @__PURE__ */ e("div", { className: `icon-dim-${s || 20} mr-6`, children: /* @__PURE__ */ e(i, { className: `icon-dim-${s || 20} ${p || ""}` }) }),
+            h && /* @__PURE__ */ e("span", { className: `fs-14 fw-6 lh-20 ${g ? "mr-6" : ""}`, children: h }),
+            f && /* @__PURE__ */ e("div", { className: "icon-dim-20 cursor", onClick: y, children: /* @__PURE__ */ e(A, { className: "icon-dim-20" }) }),
+            g && /* @__PURE__ */ e("div", { className: "icon-dim-16 ml-auto", children: /* @__PURE__ */ e(
+              F,
+              {
+                className: `icon-dim-16 cursor ${t ? "fcn-9" : "fcn-0"}`,
+                onClick: c
+              }
+            ) })
+          ]
+        }
+      ),
+      b && /* @__PURE__ */ l(
+        "div",
+        {
+          className: `flex left top bcv-1 fs-13 fw-4 lh-20 pt-8 pb-8 ${t ? "pl-12 pr-12" : "pl-20 pr-20"}`,
+          children: [
+            /* @__PURE__ */ e("div", { className: "icon-dim-20 mr-8", children: /* @__PURE__ */ e(q, { className: "icon-dim-20 fcv-5" }) }),
+            /* @__PURE__ */ e("div", { className: "dc__word-break dc__hyphens-auto", children: f })
+          ]
+        }
+      ),
+      u && /* @__PURE__ */ e(
+        "div",
+        {
+          className: `dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ${t ? "pl-12 pr-12" : "pl-20 pr-20"}`,
+          children: u
+        }
+      ),
+      w && /* @__PURE__ */ e(
+        "div",
+        {
+          className: `dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ${t ? "p-12" : `pl-20 pr-20 pt-4 ${v && r ? "pb-12" : "pb-20"}`}`,
+          children: w
+        }
+      ),
+      v,
+      r && /* @__PURE__ */ e("div", { className: "pl-12 pb-12", children: /* @__PURE__ */ e(
+        "a",
+        {
+          href: r,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          className: "fs-13 cb-5",
+          onClick: c,
+          children: O || "Learn more"
+        }
+      ) })
+    ] });
+  }, { className: k, placement: $, arrow: T, interactive: x, showOnCreate: S, trigger: z, animation: H, duration: I, children: E } = n;
+  return /* @__PURE__ */ e(
+    D,
+    {
+      className: `${t ? "tippy-white-container default-white" : "tippy-black-container default-black"} no-content-padding tippy-shadow ${k}`,
+      arrow: T || !1,
+      interactive: x || !1,
+      placement: $ || "top",
+      content: C(),
+      trigger: z || "mouseenter",
+      onMount: N,
+      onClickOutside: c,
+      showOnCreate: S || !1,
+      animation: H || "fade",
+      duration: I || 300,
+      visible: n.visible,
+      children: E
+    }
+  );
+}
+export {
+  A as S,
+  Y as T,
+  q as a
+};