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

package/dist/Common/Security/ScanVulnerabilitiesTable.js

@@ -0,0 +1,49 @@
+import "../../assets/ScanVulnerabilitiesTable.css";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+function n({ vulnerabilities: a }) {
+  const t = (c) => /* @__PURE__ */ r(
+    "tr",
+    {
+      className: "dc__security-tab__table-row cursor",
+      onClick: (l) => {
+        window.open(`https://cve.mitre.org/cgi-bin/cvename.cgi?name=${c.name}`, "_blank");
+      },
+      children: [
+        /* @__PURE__ */ e("td", { className: "security-tab__cell-cve dc__cve-cell", children: /* @__PURE__ */ e(
+          "a",
+          {
+            href: `https://cve.mitre.org/cgi-bin/cvename.cgi?name=${c.name}`,
+            rel: "noopener noreferrer",
+            target: "_blank",
+            children: c.name
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { className: "security-tab__cell-severity", children: /* @__PURE__ */ e("span", { className: `fill-${c.severity?.toLowerCase()}`, children: c.severity }) }),
+        /* @__PURE__ */ e("td", { className: "security-tab__cell-package", children: c.package }),
+        /* @__PURE__ */ e("td", { className: "security-tab__cell-current-ver", children: c.version }),
+        /* @__PURE__ */ e("td", { className: "security-tab__cell-fixed-ver", children: c.fixedVersion }),
+        /* @__PURE__ */ e(
+          "td",
+          {
+            className: `security-tab__cell-policy security-tab__cell-policy--${c.policy?.toLowerCase()}`,
+            children: c.policy?.toLowerCase()
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ e("table", { className: "security-tab__table", children: /* @__PURE__ */ r("tbody", { children: [
+    /* @__PURE__ */ r("tr", { className: "security-tab__table-header", children: [
+      /* @__PURE__ */ e("th", { className: "security-cell-header security-tab__cell-cve", children: "CVE" }),
+      /* @__PURE__ */ e("th", { className: "security-cell-header security-tab__cell-severity", children: "Severity" }),
+      /* @__PURE__ */ e("th", { className: "security-cell-header security-tab__cell-package", children: "Package" }),
+      /* @__PURE__ */ e("th", { className: "security-cell-header security-tab__cell-current-ver", children: "Current Version" }),
+      /* @__PURE__ */ e("th", { className: "security-cell-header security-tab__cell-fixed-ver", children: "Fixed In Version" }),
+      /* @__PURE__ */ e("th", { className: "security-cell-header security-tab__cell-policy", children: "Policy" })
+    ] }),
+    a.map((c) => t(c))
+  ] }) });
+}
+export {
+  n as default
+};

package/dist/Common/Select/Select.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectComposition, SelectProps } from './types';
+declare const Select: React.FC<SelectProps> & SelectComposition;
+export default Select;

package/dist/Common/Select/Select.js

@@ -0,0 +1,193 @@
+import "../../assets/Select.css";
+import { jsx as n, jsxs as m, Fragment as G } from "react/jsx-runtime";
+import u, { useEffect as I } from "react";
+import { a as R } from "../../ic-chevron-down-eb7fd953.js";
+import b from "../PopupMenu.js";
+import { s as q } from "../../Helper-e1262739.js";
+const N = u.createContext(null);
+function y() {
+  const t = u.useContext(N);
+  if (!t)
+    throw new Error("Select compound components cannot be rendered outside the Toggle component");
+  return t;
+}
+const d = ({
+  children: t = null,
+  onChange: o,
+  value: e = null,
+  valueComparator: s,
+  rootClassName: r = "",
+  disabled: l = !1,
+  tabIndex: i = 0,
+  name: f = "select",
+  autoWidth: g = !0,
+  isKebab: C = !1,
+  dataTestId: S = ""
+}) => {
+  const [h, p] = u.useState(e), [_, A] = u.useState(!1), [w, B] = u.useState(""), [x, E] = u.useState(!1);
+  useEffectAfterMount(() => {
+    h !== e && A(!1);
+  }, [h]), useEffectAfterMount(() => {
+    p(e);
+  }, [e]);
+  function L(c, a) {
+    p(a), c.target.name = f, c.target.value = a, o(c);
+  }
+  if (!t)
+    return null;
+  const { button: j, body: M, optionLength: T, AsyncComponent: F } = u.Children.toArray(t).reduce(
+    (c, a) => (a.type === O ? c.button = a : a.type === P ? c.AsyncComponent = a : ((a.type === $ || a.type === k) && (c.optionLength += 1), c.body.push(a)), c),
+    { button: null, body: [], optionLength: 0, AsyncComponent: null }
+  );
+  return /* @__PURE__ */ n(
+    N.Provider,
+    {
+      value: {
+        selected: h,
+        select: p,
+        popupOpen: _,
+        valueComparator: s,
+        searchString: w,
+        search: B,
+        handleClick: L,
+        disabled: l,
+        loading: x,
+        setLoading: E
+      },
+      children: /* @__PURE__ */ m(b, { onToggleCallback: (c) => A(c), autoClose: _, children: [
+        /* @__PURE__ */ n(
+          b.Button,
+          {
+            isKebab: C,
+            disabled: l,
+            tabIndex: i,
+            rootClassName: r,
+            dataTestId: S,
+            children: j
+          }
+        ),
+        _ && F,
+        /* @__PURE__ */ n(b.Body, { rootClassName: `select-popup ${r || ""}`, autoWidth: g, children: x ? null : /* @__PURE__ */ m(G, { children: [
+          T === 0 && /* @__PURE__ */ n("div", { className: `${r} no-option-found flex`, children: "No results found" }),
+          M
+        ] }) })
+      ] })
+    }
+  );
+}, $ = ({
+  dataTestIdMenuList: t,
+  children: o,
+  value: e,
+  disabled: s = !1,
+  style: r = {},
+  active: l = !1,
+  name: i = "",
+  rootClassName: f = ""
+}) => {
+  const { selected: g, searchString: C, valueComparator: S, handleClick: h } = y();
+  return l = l || g === e, typeof e == "object" && (l = l || S(e)), i.includes(C) ? /* @__PURE__ */ n(
+    "div",
+    {
+      "data-testid": `list-${t}`,
+      className: `select__option ${f} ${l ? "selected" : ""}`,
+      style: { ...r },
+      onClick: (p) => {
+        s || (p.persist(), h(p, e));
+      },
+      children: o
+    }
+  ) : null;
+}, k = ({ children: t, label: o, rootClassName: e = "" }) => /* @__PURE__ */ m("div", { className: `select__option-group ${e}`, children: [
+  /* @__PURE__ */ n("span", { className: "option-group__label", children: o }),
+  t
+] }), O = ({
+  dataTestIdDropdown: t,
+  children: o,
+  style: e = {},
+  rootClassName: s = "",
+  arrowAsset: r = "",
+  hideArrow: l = !1
+}) => {
+  const { popupOpen: i, loading: f } = y();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      "data-testid": t,
+      className: `select-button flex ${s} ${i ? "focused" : ""}`,
+      style: { ...e },
+      children: [
+        o,
+        !l && (f ? /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(Progressing, {}) }) : /* @__PURE__ */ n(
+          "img",
+          {
+            src: r || R,
+            className: "rotate select-button-sort-image",
+            style: { "--rotateBy": i ? "180deg" : "0deg" }
+          }
+        ))
+      ]
+    }
+  );
+}, v = ({ placeholder: t = "search", style: o = {}, inputStyle: e = {}, rootClassName: s = "" }) => {
+  const { searchString: r, search: l } = y();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: `${s} search search--select-menu`,
+      onClickCapture: (i) => i.stopPropagation(),
+      style: { ...o },
+      children: [
+        /* @__PURE__ */ n("span", { className: "search__icon", children: /* @__PURE__ */ n("i", { className: "fa fa-search" }) }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            autoFocus: !0,
+            className: "search__input",
+            style: { ...e },
+            type: "text",
+            placeholder: t,
+            value: r,
+            onChange: (i) => l(i.target.value)
+          }
+        )
+      ]
+    }
+  );
+}, P = ({ api: t }) => {
+  const { loading: o, setLoading: e } = y();
+  return I(() => {
+    async function s() {
+      e(!0);
+      try {
+        await t();
+      } catch (r) {
+        q(r);
+      } finally {
+        e(!1);
+      }
+    }
+    s();
+  }, []), null;
+}, z = ({ rootClassName: t = "", style: o = {} }) => {
+  const { handleClick: e } = y();
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `select__all ${t}`,
+      style: { ...o },
+      onClick: (s) => {
+        s.persist(), e(s, "all");
+      },
+      children: "Select All"
+    }
+  );
+};
+d.Button = O;
+d.OptGroup = k;
+d.Option = $;
+d.Search = v;
+d.All = z;
+d.Async = P;
+export {
+  d as default
+};

package/dist/Common/Select/types.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export interface SelectComposition {
+    Button?: React.FC<any>;
+    OptGroup?: React.FC<any>;
+    Option?: React.FC<any>;
+    Search?: React.FC<any>;
+    All?: React.FC<any>;
+    Async?: React.FC<any>;
+}
+export interface OptionGroupProps {
+    label: string;
+    rootClassName?: string;
+}
+export interface SelectProps {
+    children: any;
+    onChange: (...args: any[]) => void;
+    valueComparator?: (...args: any[]) => boolean;
+    value?: any;
+    rootClassName?: string;
+    disabled?: boolean;
+    tabIndex?: number;
+    name?: string;
+    autoWidth?: boolean;
+    isKebab?: boolean;
+    dataTestId?: string;
+}
+export interface SelectAsync {
+    api: (...args: any[]) => Promise<any>;
+}

package/dist/Common/Select/types.js

@@ -0,0 +1 @@
+

package/dist/Common/ServerError.d.ts

@@ -1,15 +1,15 @@
-export declare class ServerError {
-    code: number;
-    internalMessage: string | null;
-    userMessage: string | null;
-    moreInfo?: string | null;
-    constructor(error: any);
-}
-export declare class ServerErrors extends Error {
-    code: number;
-    errors: ServerError[];
-    constructor(obj: {
-        code: number;
-        errors: ServerError[];
-    });
-}
+export declare class ServerError {
+    code: number;
+    internalMessage: string | null;
+    userMessage: string | null;
+    moreInfo?: string | null;
+    constructor(error: any);
+}
+export declare class ServerErrors extends Error {
+    code: number;
+    errors: ServerError[];
+    constructor(obj: {
+        code: number;
+        errors: ServerError[];
+    });
+}

package/dist/Common/ServerError.js

@@ -0,0 +1,26 @@
+var i = Object.defineProperty;
+var g = (t, e, s) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var r = (t, e, s) => (g(t, typeof e != "symbol" ? e + "" : e, s), s);
+class d {
+  constructor(e) {
+    r(this, "code");
+    r(this, "internalMessage");
+    r(this, "userMessage");
+    r(this, "moreInfo");
+    this.code = e.code || 0, this.userMessage = e.userMessage || "", this.internalMessage = e.internalMessage || "", this.moreInfo = e.moreInfo || "";
+  }
+}
+class n extends Error {
+  constructor(s) {
+    super();
+    r(this, "code");
+    r(this, "errors");
+    this.code = s.code;
+    let c = s.errors.reduce((o, a) => (o += `${a.internalMessage || a.userMessage}`, o), "");
+    this.name = `[${s.code.toString()}]`, this.message = c, this.errors = s.errors.map((o) => new d(o)), Object.setPrototypeOf(this, n.prototype);
+  }
+}
+export {
+  d as ServerError,
+  n as ServerErrors
+};

package/dist/Common/TippyCustomized.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import 'tippy.js/animations/shift-toward-subtle.css';
-import { TippyCustomizedProps } from './Types';
-export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
+/// <reference types="react" />
+import { TippyCustomizedProps } from './Types';
+export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;

package/dist/Common/TippyCustomized.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../tippy-react.esm-d5c56a0a.js";
+import "../ic-cross-0e71861d.js";
+import { T } from "../TippyCustomized-c58fd46a.js";
+import "./Types.js";
+import "../Helper-e1262739.js";
+export {
+  T as TippyCustomized
+};

package/dist/Common/ToastBody.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-export declare class ToastBody extends React.Component<{
-    title: string;
-    subtitle?: string;
-}> {
-    render(): JSX.Element;
-}
-export declare class ToastBody3 extends React.Component<{
-    text: string;
-    onClick: (...args: any[]) => void;
-    buttonText: string;
-}> {
-    render(): JSX.Element;
-}
-export declare class ToastBodyWithButton extends React.Component<{
-    title: string;
-    subtitle?: string;
-    onClick: (...args: any[]) => void;
-    buttonText: string;
-}> {
-    render(): JSX.Element;
-}
-export declare const toastAccessDenied: (title?: string, subtitle?: string) => React.ReactText;
+import React from 'react';
+export declare class ToastBody extends React.Component<{
+    title: string;
+    subtitle?: string;
+}> {
+    render(): JSX.Element;
+}
+export declare class ToastBody3 extends React.Component<{
+    text: string;
+    onClick: (...args: any[]) => void;
+    buttonText: string;
+}> {
+    render(): JSX.Element;
+}
+export declare class ToastBodyWithButton extends React.Component<{
+    title: string;
+    subtitle?: string;
+    onClick: (...args: any[]) => void;
+    buttonText: string;
+}> {
+    render(): JSX.Element;
+}
+export declare const toastAccessDenied: (title?: string, subtitle?: string) => React.ReactText;

package/dist/Common/ToastBody.js

@@ -0,0 +1,41 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import o from "react";
+import { t as a } from "../react-toastify.esm-e28f7200.js";
+import { TOAST_ACCESS_DENIED as i } from "./Constants.js";
+class n extends o.Component {
+  render() {
+    return /* @__PURE__ */ e("div", { className: "toast", children: [
+      /* @__PURE__ */ t("div", { className: "toast__title", children: this.props.title }),
+      this.props.subtitle && /* @__PURE__ */ t("div", { className: "toast__subtitle", children: this.props.subtitle })
+    ] });
+  }
+}
+class h extends o.Component {
+  render() {
+    return /* @__PURE__ */ e("div", { className: "flex left column dc__app-update-toast", children: [
+      /* @__PURE__ */ t("span", { className: "info", children: this.props.text }),
+      /* @__PURE__ */ t("button", { type: "button", onClick: this.props.onClick, children: this.props.buttonText })
+    ] });
+  }
+}
+class u extends o.Component {
+  render() {
+    return /* @__PURE__ */ e("div", { className: "toast dc__app-update-toast", children: [
+      /* @__PURE__ */ t("div", { className: "toast__title", children: this.props.title }),
+      this.props.subtitle && /* @__PURE__ */ t("div", { className: "toast__subtitle", children: this.props.subtitle }),
+      /* @__PURE__ */ t("button", { type: "button", onClick: this.props.onClick, style: { float: "right" }, children: this.props.buttonText })
+    ] });
+  }
+}
+const m = (s, r) => a.info(
+  /* @__PURE__ */ t(n, { title: s || i.TITLE, subtitle: r || i.SUBTITLE }),
+  {
+    className: "devtron-toast unauthorized"
+  }
+);
+export {
+  n as ToastBody,
+  h as ToastBody3,
+  u as ToastBodyWithButton,
+  m as toastAccessDenied
+};

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,14 +1,12 @@
-/// <reference types="react" />
-import './Toggle.scss';
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, ...props }: {
-    [x: string]: any;
-    selected?: boolean;
-    onSelect?: any;
-    color?: string;
-    rootClassName?: string;
-    disabled?: boolean;
-    dataTestId?: string;
-    Icon?: any;
-    iconClass?: string;
-}) => JSX.Element;
-export default Toggle;
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, ...props }: {
+    [x: string]: any;
+    selected?: boolean;
+    onSelect?: any;
+    color?: string;
+    rootClassName?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+    Icon?: any;
+    iconClass?: string;
+}) => JSX.Element;
+export default Toggle;

package/dist/Common/Toggle/Toggle.js

@@ -0,0 +1,40 @@
+import "../../assets/Toggle.css";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import _ from "react";
+import { f as n } from "../../Helper-e1262739.js";
+const k = ({
+  selected: t = !1,
+  onSelect: l = null,
+  color: r = "#36b37e",
+  rootClassName: c = "",
+  disabled: i = !1,
+  dataTestId: f = "handle-toggle-button",
+  Icon: o = null,
+  iconClass: u = "",
+  ...g
+}) => {
+  const [e, s] = _.useState(t);
+  n(() => {
+    typeof l == "function" && e !== t && l(e);
+  }, [e]), n(() => {
+    s(t);
+  }, [t]);
+  function m(h) {
+    i || s((d) => !d);
+  }
+  return /* @__PURE__ */ p(
+    "label",
+    {
+      ...g,
+      className: `${c} toggle__switch ${i ? "disabled" : ""}`,
+      style: { "--color": r },
+      children: [
+        /* @__PURE__ */ a("input", { type: "checkbox", checked: !!e, onChange: m, className: "toggle__input" }),
+        /* @__PURE__ */ a("span", { className: `toggle__slider ${o ? "with-icon br-4 dc__border" : "round"}`, "data-testid": f, children: o && /* @__PURE__ */ a(o, { className: `icon-dim-20 br-4 p-2 ${u}` }) })
+      ]
+    }
+  );
+};
+export {
+  k as default
+};