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

package/dist/Common/Policy.Types.d.ts

@@ -1,56 +1,56 @@
-import { VariableType } from "./CIPipeline.Types";
-import { ResponseType } from "./Types";
-export declare enum ApplyPolicyToStage {
-    PRE_CI = "PRE_CI",
-    POST_CI = "POST_CI",
-    PRE_OR_POST_CI = "PRE_OR_POST_CI"
-}
-export declare enum PluginRequiredStage {
-    PRE_CI = "preBuildStage",
-    POST_CI = "postBuildStage",
-    PRE_OR_POST_CI = "PRE_OR_POST_CI"
-}
-export interface DefinitionSourceType {
-    projectName: string;
-    isDueToProductionEnvironment: boolean;
-    isDueToLinkedPipeline: boolean;
-    policyName: string;
-    appName?: string;
-    clusterName?: string;
-    environmentName?: string;
-    branchNames?: string[];
-    ciPipelineName?: string;
-}
-export interface MandatoryPluginDetailType {
-    id: number;
-    icon: string;
-    name: string;
-    description?: string;
-    requiredIn: PluginRequiredStage;
-    applied?: boolean;
-    inputVariables?: VariableType[];
-    outputVariables?: VariableType[];
-    definitionSources?: DefinitionSourceType[];
-}
-export interface MandatoryPluginDataType {
-    pluginData: MandatoryPluginDetailType[];
-    isValidPre: boolean;
-    isValidPost: boolean;
-}
-export declare enum ConsequenceAction {
-    BLOCK = "BLOCK",
-    ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",
-    ALLOW_FOREVER = "ALLOW_FOREVER"
-}
-export interface ConsequenceType {
-    action: ConsequenceAction;
-    metadataField: string;
-}
-export interface BlockedStateData {
-    isOffendingMandatoryPlugin: boolean;
-    isCITriggerBlocked: boolean;
-    ciBlockState: ConsequenceType;
-}
-export interface GetBlockedStateResponse extends ResponseType {
-    result?: BlockedStateData;
-}
+import { VariableType } from "./CIPipeline.Types";
+import { ResponseType } from "./Types";
+export declare enum ApplyPolicyToStage {
+    PRE_CI = "PRE_CI",
+    POST_CI = "POST_CI",
+    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+}
+export declare enum PluginRequiredStage {
+    PRE_CI = "preBuildStage",
+    POST_CI = "postBuildStage",
+    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+}
+export interface DefinitionSourceType {
+    projectName: string;
+    isDueToProductionEnvironment: boolean;
+    isDueToLinkedPipeline: boolean;
+    policyName: string;
+    appName?: string;
+    clusterName?: string;
+    environmentName?: string;
+    branchNames?: string[];
+    ciPipelineName?: string;
+}
+export interface MandatoryPluginDetailType {
+    id: number;
+    icon: string;
+    name: string;
+    description?: string;
+    requiredIn: PluginRequiredStage;
+    applied?: boolean;
+    inputVariables?: VariableType[];
+    outputVariables?: VariableType[];
+    definitionSources?: DefinitionSourceType[];
+}
+export interface MandatoryPluginDataType {
+    pluginData: MandatoryPluginDetailType[];
+    isValidPre: boolean;
+    isValidPost: boolean;
+}
+export declare enum ConsequenceAction {
+    BLOCK = "BLOCK",
+    ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",
+    ALLOW_FOREVER = "ALLOW_FOREVER"
+}
+export interface ConsequenceType {
+    action: ConsequenceAction;
+    metadataField: string;
+}
+export interface BlockedStateData {
+    isOffendingMandatoryPlugin: boolean;
+    isCITriggerBlocked: boolean;
+    ciBlockState: ConsequenceType;
+}
+export interface GetBlockedStateResponse extends ResponseType {
+    result?: BlockedStateData;
+}

package/dist/Common/Policy.Types.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
-declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
-declare namespace PopupMenu {
-    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
-    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
-}
-export default PopupMenu;
+/// <reference types="react" />
+import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
+declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
+declare namespace PopupMenu {
+    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
+    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
+}
+export default PopupMenu;

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/RadioGroup/RadioGroup.d.ts

@@ -1,17 +1,16 @@
-import React from 'react';
-import './radioGroup.scss';
-interface RadioGroupInterface {
-    name: string;
-    onChange: any;
-    className?: string;
-    initialTab: string;
-    disabled: boolean;
-    showTippy?: boolean;
-    tippyContent?: any;
-    dataTestId?: string;
-}
-interface RadioGroupComposition {
-    Radio?: React.FC<any>;
-}
-declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
-export default RadioGroup;
+import React from 'react';
+interface RadioGroupInterface {
+    name: string;
+    onChange: any;
+    className?: string;
+    initialTab: string;
+    disabled: boolean;
+    showTippy?: boolean;
+    tippyContent?: any;
+    dataTestId?: string;
+}
+interface RadioGroupComposition {
+    Radio?: React.FC<any>;
+}
+declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
+export default RadioGroup;

package/dist/Common/RadioGroup/RadioGroup.js

@@ -0,0 +1,76 @@
+import "../../assets/RadioGroup.css";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { T as b } from "../../tippy-react.esm-3be2e905.js";
+import m, { useState as w, useEffect as N } from "react";
+import { C as _ } from "../../Helper-4dc38bc2.js";
+const f = m.createContext(null);
+function $() {
+  const e = m.useContext(f);
+  if (!e)
+    throw new Error("Radio compound components cannot be rendered outside the Toggle component");
+  return e;
+}
+const v = m.memo(function({
+  name: s,
+  onChange: d,
+  children: c,
+  className: i = "",
+  initialTab: o,
+  disabled: l = !1,
+  dataTestId: u
+}) {
+  const [n, r] = w(null);
+  return N(() => {
+    o !== n && r(o);
+  }, [o]), /* @__PURE__ */ t(f.Provider, { value: { name: s, selected: n, select: r, disabled: l, onChange: d }, children: /* @__PURE__ */ t("div", { className: `${i} radio-group`, children: c }) });
+});
+function G({
+  value: e,
+  children: s,
+  className: d = "",
+  showTippy: c = !1,
+  tippyContent: i = "",
+  tippyPlacement: o = "bottom",
+  canSelect: l = !0,
+  isDisabled: u = !1,
+  tippyClass: n = "",
+  dataTestId: r
+}) {
+  const { name: h, selected: x, select: C, disabled: p, onChange: R } = $();
+  return /* @__PURE__ */ t(
+    _,
+    {
+      condition: c,
+      wrap: (a) => /* @__PURE__ */ t(
+        b,
+        {
+          className: `default-tt w-250 ${n}`,
+          arrow: !1,
+          placement: o,
+          content: i,
+          children: a
+        }
+      ),
+      children: /* @__PURE__ */ g("label", { className: `${d} radio ${u || p ? "disabled" : ""}`, children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            value: e,
+            name: h,
+            checked: e === x,
+            onChange: (a) => {
+              a.persist(), l && C(a.target.value), R(a);
+            },
+            disabled: u || p
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "radio__item-label", "data-testid": r, children: s })
+      ] })
+    }
+  );
+}
+v.Radio = G;
+export {
+  v as default
+};

package/dist/Common/RadioGroup.d.ts

@@ -1,8 +1,8 @@
-import { Component } from 'react';
-import { RadioGroupItemProps, RadioGroupProps } from './Types';
-export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
-    render(): JSX.Element;
-}
-export declare class RadioGroup extends Component<RadioGroupProps> {
-    render(): JSX.Element;
-}
+import { Component } from 'react';
+import { RadioGroupItemProps, RadioGroupProps } from './Types';
+export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
+    render(): JSX.Element;
+}
+export declare class RadioGroup extends Component<RadioGroupProps> {
+    render(): JSX.Element;
+}

package/dist/Common/RadioGroup.js

@@ -0,0 +1,47 @@
+import { jsx as e, Fragment as o, jsxs as r } from "react/jsx-runtime";
+import { createContext as t, Component as d } from "react";
+const i = t({ name: "", value: "", disabled: !1, onChange: (s) => {
+} });
+class l extends d {
+  render() {
+    return /* @__PURE__ */ e(i.Consumer, { children: (a) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r("label", { className: this.props.disabled || a.disabled ? "form__radio-item disabled" : "form__radio-item", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "radio",
+          className: "form__checkbox",
+          name: a.name,
+          disabled: a.disabled || this.props.disabled,
+          onChange: a.onChange,
+          value: this.props.value,
+          checked: a.value === this.props.value,
+          "data-testid": this.props.dataTestId
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: "form__radio-item-content", "data-testid": `${this.props.dataTestId}-span`, children: [
+        /* @__PURE__ */ e("span", { className: "radio__button" }),
+        /* @__PURE__ */ e("span", { className: "radio__title", children: this.props.children })
+      ] })
+    ] }) }) });
+  }
+}
+class h extends d {
+  render() {
+    return /* @__PURE__ */ e("div", { className: `form__radio-group ${this.props.className || ""}`, children: /* @__PURE__ */ e(
+      i.Provider,
+      {
+        value: {
+          name: this.props.name,
+          value: this.props.value,
+          disabled: this.props.disabled,
+          onChange: this.props.onChange
+        },
+        children: this.props.children
+      }
+    ) });
+  }
+}
+export {
+  h as RadioGroup,
+  l as RadioGroupItem
+};

package/dist/Common/Reload.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ReloadType } from './Types';
-export default function Reload({ reload, className }: ReloadType): JSX.Element;
+/// <reference types="react" />
+import { ReloadType } from './Types';
+export default function Reload({ reload, className }: ReloadType): JSX.Element;