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

package/dist/Common/PopupMenu.js

@@ -0,0 +1,148 @@
+import { jsx as y } from "react/jsx-runtime";
+import l, { useEffect as B } from "react";
+import { Modal as S } from "./Modals/Modal.js";
+const P = l.createContext(null);
+function w() {
+  const o = l.useContext(P);
+  if (!o)
+    throw new Error("Select compound components cannot be rendered outside popupmenup");
+  return o;
+}
+function v({
+  children: o = null,
+  onToggleCallback: i = null,
+  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, () => {
+    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 });
+    }
+  }, [r?.current?.clientHeight]);
+  let O = {
+    root: null,
+    rootMargin: "0px",
+    threshold: 1
+  };
+  if (!o)
+    return o;
+  function $(e, p) {
+    e.forEach((s) => {
+      if (s.isIntersecting && s.intersectionRatio >= 1)
+        n(1);
+      else {
+        const { boundingClientRect: b, rootBounds: g } = s, { x: R, y: m, height: x, width: C } = b, {
+          x: j,
+          y: H,
+          height: L,
+          width: X,
+          left: Y,
+          right: q,
+          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));
+      }
+    });
+  }
+  const k = (e) => {
+    e.stopPropagation(), n(0);
+    const { height: p, x: s, y: b } = e.currentTarget.getBoundingClientRect();
+    u({ left: s, top: b + p });
+  }, W = (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) {
+    if (!e)
+      return;
+    r.current = e;
+    const { bottom: p, height: s, left: b, right: g, top: R, width: m, x, y: C } = e.getBoundingClientRect();
+    f.current = m;
+  }
+  return /* @__PURE__ */ y(
+    P.Provider,
+    {
+      value: {
+        handleOpen: k,
+        popupPosition: c,
+        handleClose: W,
+        opacity: h,
+        setPopupPosition: u,
+        callbackRef: E,
+        buttonRef: r,
+        initialiseButtonWidth: M,
+        buttonWidth: f
+      },
+      children: o
+    }
+  );
+}
+function N({
+  children: o = null,
+  disabled: i = !1,
+  rootClassName: a = "",
+  tabIndex: d = 0,
+  onHover: c = !1,
+  isKebab: u = !1,
+  dataTestId: h = ""
+}) {
+  const { handleOpen: n, popupPosition: t, buttonRef: r, initialiseButtonWidth: f } = w();
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      ref: f,
+      type: "button",
+      tabIndex: d,
+      disabled: i,
+      className: `${a} ${t ? "focused" : ""}  ${u ? "popup-button-kebab" : "popup-button"}`,
+      onMouseEnter: c ? i ? null : n : () => {
+      },
+      onClick: i ? null : n,
+      "data-testid": h,
+      children: o
+    }
+  );
+}
+function _({
+  children: o = null,
+  rootClassName: i = "",
+  style: a = {},
+  autoWidth: d = !1,
+  preventWheelDisable: c = !1,
+  noBackDrop: u
+}) {
+  const { handleClose: h, popupPosition: n, opacity: t, callbackRef: r, buttonWidth: f } = w();
+  return n ? /* @__PURE__ */ y(
+    S,
+    {
+      callbackRef: r,
+      onClick: h,
+      rootClassName: `${i} popup-body ${o ? "" : "popup-body--empty"} ${Object.keys(
+        n
+      ).join(" ")}`,
+      style: {
+        ...n,
+        ...a,
+        ...d ? { width: f.current } : {},
+        opacity: t
+      },
+      preventWheelDisable: c,
+      noBackDrop: u,
+      children: o
+    }
+  ) : null;
+}
+v.Button = N;
+v.Body = _;
+export {
+  v as default
+};

package/dist/Common/Progressing.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ProgressingProps } from './Types';
-export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
-export declare function DetailsProgressing({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps): JSX.Element;
+/// <reference types="react" />
+import { ProgressingProps } from './Types';
+export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
+export declare function DetailsProgressing({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps): JSX.Element;

package/dist/Common/Progressing.js

@@ -0,0 +1,52 @@
+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(
+      "animateTransform",
+      {
+        attributeName: "transform",
+        attributeType: "XML",
+        dur: "0.5s",
+        from: "0 12 12",
+        repeatCount: "indefinite",
+        to: "360 12 12",
+        type: "rotate"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        fill: i || "#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,
+  fullHeight: a = !1,
+  styles: l,
+  fillColor: i,
+  children: s
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `details-loader bcn-0 flex column fs-14 fw-6 ${a ? "h-100" : "details-loader-height"}`,
+      style: l,
+      "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
+      ]
+    }
+  );
+}
+export {
+  c as DetailsProgressing,
+  d as Progressing
+};

package/dist/Common/RJSF/Form.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { FormProps } from './types';
-import './rjsfForm.scss';
-export declare const RJSFForm: (props: FormProps) => JSX.Element;
+import { FormProps } from './types';
+export declare const RJSFForm: (props: FormProps) => JSX.Element;