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

package/dist/Common/MultiSelectCustomization.js

@@ -1,97 +0,0 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { c as a, R as f } from "../react-select.esm-fa95915b.js";
-import * as r from "react";
-const u = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 28", width: 24, height: 24, ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd", transform: "translate(2 2)" }, /* @__PURE__ */ r.createElement("rect", { width: 20, height: 20, fill: "#B1B7BC", rx: 10 }), /* @__PURE__ */ r.createElement("path", { fill: "#FFF", fillRule: "nonzero", d: "M6.464 6.464a1 1 0 0 1 1.415 0l2.12 2.12 2.122-2.12a1 1 0 0 1 1.32-.083l.095.083a1 1 0 0 1 0 1.415l-2.122 2.12 2.122 2.122a1 1 0 0 1 .083 1.32l-.083.095a1 1 0 0 1-1.415 0L10 11.414l-2.121 2.122a1 1 0 0 1-1.32.083l-.095-.083a1 1 0 0 1 0-1.415L8.584 10l-2.12-2.121a1 1 0 0 1-.083-1.32z" }))), g = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ r.createElement("path", { stroke: "#06C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3.898 12.564l4.95 4.95L19.455 6.906" }))), v = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 21, viewBox: "0 0 20 21", ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ r.createElement("path", { fill: "#FDE7E7", stroke: "#F33E3E", strokeLinejoin: "round", strokeWidth: 2, d: "M10 1.667C5.4 1.667 1.667 5.4 1.667 10S5.4 18.333 10 18.333 18.333 14.6 18.333 10 14.6 1.667 10 1.667z" }), /* @__PURE__ */ r.createElement("path", { fill: "#F33E3E", d: "M10 10.833c.46 0 .833-.373.833-.833V6.667c0-.46-.373-.834-.833-.834-.46 0-.833.373-.833.834V10c0 .46.373.833.833.833zm0 3.334c.46 0 .833-.373.833-.834 0-.46-.373-.833-.833-.833-.46 0-.833.373-.833.833 0 .46.373.834.833.834z" }))), E = (e) => {
-  const { selectOption: t, data: n } = e;
-  return /* @__PURE__ */ c("div", { className: "flex left pl-12", style: { background: e.isFocused ? "var(--N100)" : "transparent" }, children: [
-    /* @__PURE__ */ l(
-      "input",
-      {
-        checked: e.isSelected,
-        disabled: e.isDisabled,
-        onChange: (i) => t(n),
-        type: "checkbox",
-        style: { height: "16px", width: "16px", flex: "0 0 16px" },
-        className: "mr-8"
-      }
-    ),
-    /* @__PURE__ */ l(a.Option, { ...e })
-  ] });
-}, C = (e) => {
-  const { selectOption: t, data: n } = e, i = { height: "16px", width: "16px", flex: "0 0 16px" }, o = (s) => t(n);
-  return /* @__PURE__ */ c("div", { className: "flex left pl-12", style: { background: e.isFocused ? "var(--N100)" : "transparent" }, children: [
-    e.isSelected ? /* @__PURE__ */ l(g, { onClick: o, className: "mr-8 icon-dim-16", style: i }) : /* @__PURE__ */ l("span", { onClick: o, className: "mr-8", style: i }),
-    /* @__PURE__ */ l(a.Option, { ...e })
-  ] });
-}, k = (e) => {
-  const { children: t, data: n, innerProps: i, selectProps: o } = e, { label: s, value: d } = n;
-  return /* @__PURE__ */ c(a.MultiValueContainer, { data: n, innerProps: i, selectProps: o, children: [
-    /* @__PURE__ */ l("div", { className: "flex fs-12 ml-4 cn-9", children: s }),
-    t[1]
-  ] });
-}, N = (e) => {
-  const {
-    children: t = /* @__PURE__ */ l(u, { className: "icon-dim-24" }),
-    getStyles: n,
-    innerProps: { ref: i, ...o }
-  } = e;
-  return /* @__PURE__ */ l("div", { ...o, ref: i, style: n("clearIndicator", e), children: /* @__PURE__ */ l("div", { className: "flex pointer", children: t }) });
-}, S = (e) => {
-  const {
-    data: t,
-    innerProps: { onClick: n, onMouseDown: i },
-    selectProps: o
-  } = e;
-  return /* @__PURE__ */ l(a.MultiValueRemove, { ...e, children: /* @__PURE__ */ l(
-    u,
-    {
-      onClick: n,
-      onMouseDown: i,
-      onClick: (s) => n(t),
-      style: { height: "18px", width: "18px" }
-    }
-  ) });
-}, b = ({ validator: e, isAllSelected: t = !1, ...n }) => {
-  const { children: i, data: o, innerProps: s, selectProps: d } = n, { label: p, value: h } = o, m = e ? e(h) : !0;
-  return t && h !== "*" ? null : /* @__PURE__ */ c(a.MultiValueContainer, { data: o, innerProps: s, selectProps: d, children: [
-    /* @__PURE__ */ c("div", { className: "flex left fs-12 pl-4 pr-4 dc__ellipsis-right", children: [
-      !m && /* @__PURE__ */ l(v, { className: "mr-4 icon-dim-16" }),
-      /* @__PURE__ */ l("div", { className: `dc__ellipsis-right ${m ? "cn-9" : "cr-5"}`, children: p })
-    ] }),
-    i[1]
-  ] });
-}, M = {
-  control: (e, t) => ({
-    ...e,
-    cursor: t.isDisabled ? "not-allowed" : "normal",
-    border: t.isFocused ? "1px solid #06c" : "1px solid #d6dbdf",
-    boxShadow: "none"
-  }),
-  menu: (e, t) => ({
-    ...e
-  }),
-  option: (e, t) => ({
-    ...e,
-    backgroundColor: t.isFocused ? "var(--N100)" : "white",
-    color: "var(--N900)",
-    padding: "8px 12px"
-  }),
-  container: (e, t) => ({
-    ...e,
-    cursor: t.isDisabled ? "not-allowed" : "pointer"
-  }),
-  valueContainer: (e, t) => ({
-    ...e,
-    color: t.selectProps.menuIsOpen ? "var(--N500)" : e.color
-  })
-}, F = (e) => /* @__PURE__ */ l(f, { ...e });
-export {
-  N as ClearIndicator,
-  F as CustomSelect,
-  b as MultiValueChipContainer,
-  k as MultiValueContainer,
-  S as MultiValueRemove,
-  E as Option,
-  C as SingleSelectOption,
-  M as multiSelectStyles
-};

package/dist/Common/Policy.Types.js

@@ -1,6 +0,0 @@
-var O = /* @__PURE__ */ ((_) => (_.PRE_CI = "PRE_CI", _.POST_CI = "POST_CI", _.PRE_OR_POST_CI = "PRE_OR_POST_CI", _))(O || {}), I = /* @__PURE__ */ ((_) => (_.PRE_CI = "preBuildStage", _.POST_CI = "postBuildStage", _.PRE_OR_POST_CI = "PRE_OR_POST_CI", _))(I || {}), E = /* @__PURE__ */ ((_) => (_.BLOCK = "BLOCK", _.ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME", _.ALLOW_FOREVER = "ALLOW_FOREVER", _))(E || {});
-export {
-  O as ApplyPolicyToStage,
-  E as ConsequenceAction,
-  I as PluginRequiredStage
-};

package/dist/Common/PopupMenu.js

@@ -1,148 +0,0 @@
-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.js

@@ -1,52 +0,0 @@
-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
-};