@devtron-labs/devtron-fe-common-lib 0.0.55 → 0.0.58-beta-1

package/dist/TippyCustomized-7b9b46b9.js

@@ -0,0 +1,124 @@
+import "./assets/TippyCustomized.css";
+import { j as e } from "./jsx-runtime-0dcb030c.js";
+import * as a from "react";
+import { useRef as L, useState as M } from "react";
+import { T as O } from "./tippy-react.esm-8dc66a75.js";
+import { S as B } from "./ic-cross-0e71861d.js";
+import { TippyTheme as D } from "./Common/Types.js";
+import { e as F } from "./Helper-a0caa238.js";
+const P = (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" })), W = (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 V(n) {
+  const s = L(null), [x, l] = M(!1), t = n.theme === D.white, v = (i) => {
+    s.current = i, document.addEventListener("keydown", j);
+  }, o = () => {
+    s.current?.hide && (s.current.hide(), s.current = null, n.onClose && n.onClose()), l(!1);
+  }, j = (i) => {
+    i.keyCode === 27 && o();
+  }, b = (i) => {
+    l(F);
+  }, N = () => {
+    const {
+      Icon: i,
+      iconPath: d,
+      iconClass: m,
+      iconSize: c,
+      onImageLoadError: H,
+      heading: p,
+      headingInfo: h,
+      infoTextHeading: f,
+      hideHeading: I,
+      infoText: u,
+      showCloseButton: w,
+      additionalContent: g,
+      documentationLink: r,
+      documentationLinkText: R
+    } = n;
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      !I && /* @__PURE__ */ e.jsxs(
+        "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: [
+            d ? /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                className: `icon-dim-${c || 20} mr-6 ${m || ""}`,
+                src: d,
+                alt: "Heading",
+                onError: H
+              }
+            ) : i && /* @__PURE__ */ e.jsx("div", { className: `icon-dim-${c || 20} mr-6`, children: /* @__PURE__ */ e.jsx(i, { className: `icon-dim-${c || 20} ${m || ""}` }) }),
+            p && /* @__PURE__ */ e.jsx("span", { className: `fs-14 fw-6 lh-20 ${w ? "mr-6" : ""}`, children: p }),
+            h && /* @__PURE__ */ e.jsx("div", { className: "icon-dim-20 cursor", onClick: b, children: /* @__PURE__ */ e.jsx(W, { className: "icon-dim-20" }) }),
+            w && /* @__PURE__ */ e.jsx("div", { className: "icon-dim-16 ml-auto", children: /* @__PURE__ */ e.jsx(
+              B,
+              {
+                className: `icon-dim-16 cursor ${t ? "fcn-9" : "fcn-0"}`,
+                onClick: o
+              }
+            ) })
+          ]
+        }
+      ),
+      x && /* @__PURE__ */ e.jsxs(
+        "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.jsx("div", { className: "icon-dim-20 mr-8", children: /* @__PURE__ */ e.jsx(P, { className: "icon-dim-20 fcv-5" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "dc__word-break dc__hyphens-auto", children: h })
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ${t ? "pl-12 pr-12" : "pl-20 pr-20"}`,
+          children: f
+        }
+      ),
+      u && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ${t ? "p-12" : `pl-20 pr-20 pt-4 ${g && r ? "pb-12" : "pb-20"}`}`,
+          children: u
+        }
+      ),
+      g,
+      r && /* @__PURE__ */ e.jsx("div", { className: "pl-12 pb-12", children: /* @__PURE__ */ e.jsx(
+        "a",
+        {
+          href: r,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          className: "fs-13 cb-5",
+          onClick: o,
+          children: R || "Learn more"
+        }
+      ) })
+    ] });
+  }, { className: _, placement: y, arrow: C, interactive: k, showOnCreate: $, trigger: T, animation: S, duration: z, children: E } = n;
+  return /* @__PURE__ */ e.jsx(
+    O,
+    {
+      className: `${t ? "tippy-white-container default-white" : "tippy-black-container default-black"} no-content-padding tippy-shadow ${_}`,
+      arrow: C || !1,
+      interactive: k || !1,
+      placement: y || "top",
+      content: N(),
+      trigger: T || "mouseenter",
+      onMount: v,
+      onClickOutside: o,
+      showOnCreate: $ || !1,
+      animation: S || "fade",
+      duration: z || 300,
+      visible: n.visible,
+      children: E
+    }
+  );
+}
+export {
+  W as S,
+  V as T,
+  P as a
+};

package/dist/_commonjsHelpers-aeeeeb92.js

@@ -0,0 +1,30 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function l(e) {
+  if (e.__esModule)
+    return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else
+    t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+export {
+  f as a,
+  u as c,
+  l as g
+};