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

package/dist/Common/PopupMenu.js

@@ -1,4 +1,4 @@
-import { jsx as y } from "react/jsx-runtime";
+import { j as x } from "../jsx-runtime-0dcb030c.js";
 import l, { useEffect as B } from "react";
 import { Modal as S } from "./Modals/Modal.js";
 const P = l.createContext(null);
@@ -14,31 +14,31 @@ function v({
   autoClose: a = !1,
   autoPosition: d = !1
 }) {
-  const [c, u] = l.useState(null), [h, n] = l.useState(0), t = l.useRef(null), r = l.useRef(null), f = l.useRef(null);
-  l.useEffect(() => (t.current = window.IntersectionObserver ? new IntersectionObserver($, O) : null, () => {
+  const [s, u] = l.useState(null), [h, n] = l.useState(0), t = l.useRef(null), r = l.useRef(null), f = l.useRef(null);
+  l.useEffect(() => (t.current = window.IntersectionObserver ? new IntersectionObserver(O, j) : null, () => {
     t && t.current && t.current.disconnect && t.current.disconnect();
   }), []), B(() => {
-    typeof i == "function" && i(!!c);
-  }, [c]), B(() => {
-    if (r?.current && d && c) {
-      const { height: e, x: p, y: s } = r.current.getBoundingClientRect();
-      u({ left: p, top: s + e });
+    typeof i == "function" && i(!!s);
+  }, [s]), B(() => {
+    if (r?.current && d && s) {
+      const { height: e, x: p, y: c } = r.current.getBoundingClientRect();
+      u({ left: p, top: c + e });
     }
   }, [r?.current?.clientHeight]);
-  let O = {
+  let j = {
     root: null,
     rootMargin: "0px",
     threshold: 1
   };
   if (!o)
     return o;
-  function $(e, p) {
-    e.forEach((s) => {
-      if (s.isIntersecting && s.intersectionRatio >= 1)
+  function O(e, p) {
+    e.forEach((c) => {
+      if (c.isIntersecting && c.intersectionRatio >= 1)
         n(1);
       else {
-        const { boundingClientRect: b, rootBounds: g } = s, { x: R, y: m, height: x, width: C } = b, {
-          x: j,
+        const { boundingClientRect: b, rootBounds: g } = c, { x: R, y: m, height: y, width: C } = b, {
+          x: M,
           y: H,
           height: L,
           width: X,
@@ -47,39 +47,39 @@ function v({
           top: z,
           bottom: A
         } = r.current.getBoundingClientRect();
-        m + x > g.height && (u({ left: j, bottom: document.documentElement.clientHeight - H }), n(1)), R + C > g.width && (u((I) => ({ ...I, right: "20px", left: "unset" })), n(1));
+        m + y > g.height && (u({ left: M, bottom: document.documentElement.clientHeight - H }), n(1)), R + C > g.width && (u((I) => ({ ...I, right: "20px", left: "unset" })), n(1));
       }
     });
   }
-  const k = (e) => {
+  const $ = (e) => {
     e.stopPropagation(), n(0);
-    const { height: p, x: s, y: b } = e.currentTarget.getBoundingClientRect();
-    u({ left: s, top: b + p });
-  }, W = (e, p) => {
+    const { height: p, x: c, y: b } = e.currentTarget.getBoundingClientRect();
+    u({ left: c, top: b + p });
+  }, k = (e, p) => {
     a || p === "out" ? (t && t.current && t.current.disconnect && t.current.disconnect(), n(0), u(null)) : e.stopPropagation();
   };
   function E(e) {
     e && t?.current?.observe ? t.current.observe(e) : t.current.disconnect();
   }
-  function M(e) {
+  function W(e) {
     if (!e)
       return;
     r.current = e;
-    const { bottom: p, height: s, left: b, right: g, top: R, width: m, x, y: C } = e.getBoundingClientRect();
+    const { bottom: p, height: c, left: b, right: g, top: R, width: m, x: y, y: C } = e.getBoundingClientRect();
     f.current = m;
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x.jsx(
     P.Provider,
     {
       value: {
-        handleOpen: k,
-        popupPosition: c,
-        handleClose: W,
+        handleOpen: $,
+        popupPosition: s,
+        handleClose: k,
         opacity: h,
         setPopupPosition: u,
         callbackRef: E,
         buttonRef: r,
-        initialiseButtonWidth: M,
+        initialiseButtonWidth: W,
         buttonWidth: f
       },
       children: o
@@ -91,12 +91,12 @@ function N({
   disabled: i = !1,
   rootClassName: a = "",
   tabIndex: d = 0,
-  onHover: c = !1,
+  onHover: s = !1,
   isKebab: u = !1,
   dataTestId: h = ""
 }) {
   const { handleOpen: n, popupPosition: t, buttonRef: r, initialiseButtonWidth: f } = w();
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x.jsx(
     "button",
     {
       ref: f,
@@ -104,7 +104,7 @@ function N({
       tabIndex: d,
       disabled: i,
       className: `${a} ${t ? "focused" : ""}  ${u ? "popup-button-kebab" : "popup-button"}`,
-      onMouseEnter: c ? i ? null : n : () => {
+      onMouseEnter: s ? i ? null : n : () => {
       },
       onClick: i ? null : n,
       "data-testid": h,
@@ -117,11 +117,11 @@ function _({
   rootClassName: i = "",
   style: a = {},
   autoWidth: d = !1,
-  preventWheelDisable: c = !1,
+  preventWheelDisable: s = !1,
   noBackDrop: u
 }) {
   const { handleClose: h, popupPosition: n, opacity: t, callbackRef: r, buttonWidth: f } = w();
-  return n ? /* @__PURE__ */ y(
+  return n ? /* @__PURE__ */ x.jsx(
     S,
     {
       callbackRef: r,
@@ -135,7 +135,7 @@ function _({
         ...d ? { width: f.current } : {},
         opacity: t
       },
-      preventWheelDisable: c,
+      preventWheelDisable: s,
       noBackDrop: u,
       children: o
     }

package/dist/Common/Progressing.js

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-function d({ pageLoader: r, size: t, theme: a, styles: l, fillColor: i }) {
-  const s = t ? `${t}px` : r ? "48px" : "20px";
-  return /* @__PURE__ */ e("div", { className: `loader ${a || "default"}-background`, style: l, "data-testid": "progressing", children: /* @__PURE__ */ e("div", { style: { width: s, height: s }, children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg", children: /* @__PURE__ */ n("g", { fill: "none", fillRule: "evenodd", strokeLinecap: "round", children: [
-    /* @__PURE__ */ e(
+import { j as e } from "../jsx-runtime-0dcb030c.js";
+function n({ pageLoader: t, size: s, theme: a, styles: i, fillColor: l }) {
+  const r = s ? `${s}px` : t ? "48px" : "20px";
+  return /* @__PURE__ */ e.jsx("div", { className: `loader ${a || "default"}-background`, style: i, "data-testid": "progressing", children: /* @__PURE__ */ e.jsx("div", { style: { width: r, height: r }, children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg", children: /* @__PURE__ */ e.jsxs("g", { fill: "none", fillRule: "evenodd", strokeLinecap: "round", children: [
+    /* @__PURE__ */ e.jsx(
       "animateTransform",
       {
         attributeName: "transform",
@@ -14,39 +14,39 @@ function d({ pageLoader: r, size: t, theme: a, styles: l, fillColor: i }) {
         type: "rotate"
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ e.jsx(
       "path",
       {
-        fill: i || "#06C",
+        fill: l || "#06C",
         fillRule: "nonzero",
         d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z"
       }
     )
   ] }) }) }) });
 }
-function c({
-  loadingText: r,
-  size: t = 24,
+function o({
+  loadingText: t,
+  size: s = 24,
   fullHeight: a = !1,
-  styles: l,
-  fillColor: i,
-  children: s
+  styles: i,
+  fillColor: l,
+  children: r
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `details-loader bcn-0 flex column fs-14 fw-6 ${a ? "h-100" : "details-loader-height"}`,
-      style: l,
+      style: i,
       "data-testid": "details-progressing",
       children: [
-        /* @__PURE__ */ e("span", { style: { width: `${t}px`, height: `${t}px` }, children: /* @__PURE__ */ e(d, { size: t, fillColor: i }) }),
-        r && /* @__PURE__ */ e("span", { className: "mt-10", children: r }),
-        s
+        /* @__PURE__ */ e.jsx("span", { style: { width: `${s}px`, height: `${s}px` }, children: /* @__PURE__ */ e.jsx(n, { size: s, fillColor: l }) }),
+        t && /* @__PURE__ */ e.jsx("span", { className: "mt-10", children: t }),
+        r
       ]
     }
   );
 }
 export {
-  c as DetailsProgressing,
-  d as Progressing
+  o as DetailsProgressing,
+  n as Progressing
 };