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

package/dist/Common/ClipboardButton/ClipboardButton.js

@@ -0,0 +1,40 @@
+import { j as o } from "../../jsx-runtime-0dcb030c.js";
+import { useState as p, useCallback as y, useEffect as r } from "react";
+import { T as C } from "../../tippy-react.esm-8dc66a75.js";
+import { q as h } from "../../Helper-a0caa238.js";
+import { S as T } from "../../ic-copy-118b83dc.js";
+function S({ content: s, copiedTippyText: m, duration: a, trigger: i, setTrigger: l }) {
+  const [e, t] = p(!1), [u, c] = p(!1), d = () => t(!0), f = () => c(!0), b = () => c(!1), n = y(() => h(s, d), [s]);
+  return r(() => {
+    if (!e)
+      return;
+    const x = setTimeout(() => {
+      t(!1), l(!1);
+    }, a);
+    return () => clearTimeout(x);
+  }, [e, a, l]), r(() => {
+    i && (t(!0), n());
+  }, [i, n]), /* @__PURE__ */ o.jsx("div", { className: "icon-dim-16 flex center", children: /* @__PURE__ */ o.jsx(
+    C,
+    {
+      className: "default-tt",
+      content: e ? m : "Copy",
+      placement: "right",
+      visible: e || u,
+      children: /* @__PURE__ */ o.jsx(
+        "button",
+        {
+          type: "button",
+          className: "dc__hover-n100 dc__outline-none-imp p-0 flex bcn-0 dc__no-border",
+          onMouseEnter: f,
+          onMouseLeave: b,
+          onClick: n,
+          children: /* @__PURE__ */ o.jsx(T, { className: "icon-dim-16" })
+        }
+      )
+    }
+  ) });
+}
+export {
+  S as default
+};

package/dist/Common/ClipboardButton/__tests__/ClipboardButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Common/ClipboardButton/__tests__/ClipboardButton.test.js

@@ -0,0 +1,27 @@
+import { j as t } from "../../../jsx-runtime-0dcb030c.js";
+import { r as o, s as e, f as s } from "../../../react.esm-2c92920f.js";
+import r from "../ClipboardButton.js";
+jest.mock("../../helpers/Helpers", () => ({
+  copyToClipboard: jest.fn().mockImplementation((n, i) => {
+    i();
+  })
+}));
+describe("When ClipboardButton mounts", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  }), it("should show the copy icon", () => {
+    o(
+      /* @__PURE__ */ t.jsx(r, { content: "test", copiedTippyText: "test", duration: 1e3, trigger: !1, setTrigger: null })
+    ), expect(e.getByRole("button")).toBeTruthy();
+  }), it("should show tippy on hover", () => {
+    o(
+      /* @__PURE__ */ t.jsx(r, { content: "test", copiedTippyText: "test", duration: 1e3, trigger: !1, setTrigger: null })
+    ), s.mouseEnter(e.getByRole("button")), expect(e.getByText("Copy")).toBeTruthy();
+  }), it("should show copiedTippyText when trigger is true", () => {
+    o(/* @__PURE__ */ t.jsx(r, { content: "test", copiedTippyText: "test", duration: 1e3, trigger: !0, setTrigger: null })), expect(e.getByText("test")).toBeTruthy();
+  }), it("should call copyToClipboard when clicked", () => {
+    o(
+      /* @__PURE__ */ t.jsx(r, { content: "test", copiedTippyText: "test", duration: 1e3, trigger: !1, setTrigger: null })
+    ), s.click(e.getByRole("button")), expect(e.getByText("test")).toBeTruthy();
+  });
+});

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export default interface ClipboardProps {
-    content: string;
-    copiedTippyText: string;
-    duration: number;
-    trigger: boolean;
-    setTrigger: React.Dispatch<React.SetStateAction<boolean>>;
-}
+/// <reference types="react" />
+export default interface ClipboardProps {
+    content: string;
+    copiedTippyText: string;
+    duration: number;
+    trigger: boolean;
+    setTrigger: React.Dispatch<React.SetStateAction<boolean>>;
+}

package/dist/Common/ClipboardButton/types.js

@@ -0,0 +1 @@
+

package/dist/Common/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+interface InformationBarProps {
+    text: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+interface CodeEditorInterface {
+    value?: string;
+    lineDecorationsWidth?: number;
+    responseType?: string;
+    onChange?: (string: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    children?: any;
+    defaultValue?: string;
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile';
+    tabSize?: number;
+    readOnly?: boolean;
+    noParsing?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+    inline?: boolean;
+    height?: number | string;
+    shebang?: string | JSX.Element;
+    diffView?: boolean;
+    loading?: boolean;
+    customLoader?: JSX.Element;
+    theme?: string;
+    original?: string;
+    focus?: boolean;
+    validatorSchema?: any;
+    isKubernetes?: boolean;
+    cleanData?: boolean;
+    chartVersion?: any;
+}
+interface CodeEditorComposition {
+    Header?: React.FC<any>;
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+    Warning?: React.FC<InformationBarProps>;
+    ErrorBar?: React.FC<InformationBarProps>;
+    Information?: React.FC<InformationBarProps>;
+}
+declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
+export default CodeEditor;

package/dist/Common/CodeEditor/CodeEditor.js

@@ -0,0 +1,15 @@
+import "../../jsx-runtime-0dcb030c.js";
+import "react";
+import { C as x } from "../../CodeEditor-3c2aaef5.js";
+import "../../Helper-a0caa238.js";
+import "../../ic-copy-118b83dc.js";
+import "../../ic-info-filled-31a15add.js";
+import "../../ic-error-exclamation-5f9af461.js";
+import "../../ic-warning-42534af1.js";
+import "../Progressing.js";
+import "../Hooks/UseWindowSize/UseWindowSize.js";
+import "../Select/Select.js";
+import "../RadioGroup/RadioGroup.js";
+export {
+  x as default
+};

package/dist/Common/Common.service.d.ts

@@ -1,20 +1,20 @@
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType } from './Types';
-export declare const getTeamListMin: () => Promise<TeamList>;
-interface UserRole extends ResponseType {
-    result?: {
-        roles: string[];
-        superAdmin: boolean;
-    };
-}
-export declare const SourceTypeMap: {
-    BranchFixed: string;
-    WEBHOOK: string;
-    BranchRegex: string;
-};
-export declare function getUserRole(appName?: string): Promise<UserRole>;
-export declare function setImageTags(request: any, pipelineId: number, artifactId: number): Promise<ResponseType<any>>;
-export declare const genericCDMaterialsService: (serviceType: CDMaterialServiceEnum, cdMaterialID: number, stage: DeploymentNodeType, signal: AbortSignal, queryParams?: CDMaterialServiceQueryParams) => Promise<CDMaterialResponseType>;
-export declare function extractImage(image: string): string;
-export declare function createGitCommitUrl(url: string, revision: string): string;
-export declare function fetchChartTemplateVersions(): Promise<ResponseType<any>>;
-export {};
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType } from './Types';
+export declare const getTeamListMin: () => Promise<TeamList>;
+interface UserRole extends ResponseType {
+    result?: {
+        roles: string[];
+        superAdmin: boolean;
+    };
+}
+export declare const SourceTypeMap: {
+    BranchFixed: string;
+    WEBHOOK: string;
+    BranchRegex: string;
+};
+export declare function getUserRole(appName?: string): Promise<UserRole>;
+export declare function setImageTags(request: any, pipelineId: number, artifactId: number): Promise<ResponseType<any>>;
+export declare const genericCDMaterialsService: (serviceType: CDMaterialServiceEnum, cdMaterialID: number, stage: DeploymentNodeType, signal: AbortSignal, queryParams?: CDMaterialServiceQueryParams) => Promise<CDMaterialResponseType>;
+export declare function extractImage(image: string): string;
+export declare function createGitCommitUrl(url: string, revision: string): string;
+export declare function fetchChartTemplateVersions(): Promise<ResponseType<any>>;
+export {};

package/dist/Common/Common.service.js

@@ -0,0 +1,191 @@
+import { a as O, D as E } from "../Helper-a0caa238.js";
+import { get as d, post as y } from "./Api.js";
+import { ROUTES as p } from "./Constants.js";
+import { CDMaterialServiceEnum as _, DeploymentNodeType as T, CDMaterialFilterQuery as S, FilterStates as u, CDModalTab as L } from "./Types.js";
+const B = () => {
+  const e = `${p.PROJECT_LIST_MIN}`;
+  return d(e).then((r) => {
+    let n = [];
+    return r && r.result && Array.isArray(r.result) && (n = r.result), n = n.sort((o, i) => O("name", o, i)), {
+      code: r.code,
+      status: r.status,
+      result: n
+    };
+  });
+}, b = {
+  PRECD: "PRE",
+  CD: "DEPLOY",
+  POSTCD: "POST",
+  APPROVAL: "APPROVAL"
+}, I = {
+  BranchFixed: "SOURCE_TYPE_BRANCH_FIXED",
+  WEBHOOK: "WEBHOOK",
+  BranchRegex: "SOURCE_TYPE_BRANCH_REGEX"
+};
+function Y(e) {
+  return d(`${p.USER_CHECK_ROLE}${e ? `?appName=${e}` : ""}`);
+}
+function w(e, r, n) {
+  return y(`${p.IMAGE_TAGGING}/${r}/${n}`, e);
+}
+const C = (e, r) => {
+  const n = Object.keys(r).filter((i) => r[i] != null);
+  if (!n.length)
+    return e;
+  const o = n.map((i) => Array.isArray(r[i]) ? `${i}=${r[i].join(",")}` : `${i}=${r[i]}`).join("&");
+  return `${e}?${o}`;
+}, v = (e, r, n, o) => {
+  if (!e || !e.length)
+    return [];
+  const i = r === 0, l = r;
+  let a = !1;
+  return e.map((t, D) => {
+    let g = "";
+    const c = t.filterState ?? u.ALLOWED;
+    n && o && t.id === n && (g = o);
+    const m = !a && i && c === u.ALLOWED ? !t.vulnerable : !1;
+    return m && (a = !0), {
+      index: l + D,
+      id: t.id,
+      deployedTime: t.deployed_time ? E(t.deployed_time).format("ddd, DD MMM YYYY, hh:mm A") : "Not Deployed",
+      deployedBy: t.deployedBy,
+      wfrId: t.wfrId,
+      tab: L.Changes,
+      image: U(t.image),
+      showChanges: !1,
+      vulnerabilities: [],
+      buildTime: t.build_time || "",
+      isSelected: m,
+      showSourceInfo: !1,
+      deployed: t.deployed || !1,
+      latest: t.latest || !1,
+      vulnerabilitiesLoading: !0,
+      scanned: t.scanned,
+      scanEnabled: t.scanEnabled,
+      vulnerable: t.vulnerable,
+      runningOnParentCd: t.runningOnParentCd,
+      artifactStatus: g,
+      userApprovalMetadata: t.userApprovalMetadata,
+      triggeredBy: t.triggeredBy,
+      isVirtualEnvironment: t.isVirtualEnvironment,
+      imageComment: t.imageComment,
+      imageReleaseTags: t.imageReleaseTags,
+      // It is going to be null but required in type so can't remove
+      lastExecution: t.lastExecution,
+      materialInfo: t.material_info ? t.material_info.map((s) => ({
+        modifiedTime: s.modifiedTime ? E(s.modifiedTime).format("ddd, DD MMM YYYY, hh:mm A") : "",
+        commitLink: F(s.url, s.revision),
+        author: s.author || "",
+        message: s.message || "",
+        revision: s.revision || "",
+        tag: s.tag || "",
+        webhookData: s.webhookData || "",
+        url: s.url || "",
+        branch: (t.ciConfigureSourceType === I.WEBHOOK ? t.ciConfigureSourceValue : s.branch) || "",
+        type: t.ciConfigureSourceType || ""
+      })) : [],
+      filterState: c,
+      appliedFiltersTimestamp: t.appliedFiltersTimestamp ?? "",
+      appliedFilters: t.appliedFilters ?? [],
+      appliedFiltersState: t.appliedFiltersState ?? u.ALLOWED,
+      createdTime: t.createdTime ?? "",
+      dataSource: t.data_source ?? "",
+      registryType: t.registryType ?? "",
+      imagePath: t.image ?? "",
+      registryName: t.registryName ?? ""
+    };
+  });
+}, A = (e, r) => e ? {
+  approvalUsers: r.approvalUsers,
+  userApprovalConfig: r.userApprovalConfig,
+  requestedUserId: r.requestedUserId
+} : {
+  approvalUsers: [],
+  userApprovalConfig: null,
+  requestedUserId: 0
+}, h = (e) => e ? {
+  appReleaseTagNames: e.appReleaseTagNames,
+  tagsEditable: e.tagsEditable,
+  hideImageTaggingHardDelete: e.hideImageTaggingHardDelete,
+  resourceFilters: e.resourceFilters ?? [],
+  totalCount: e.totalCount ?? 0,
+  canApproverDeploy: e.canApproverDeploy ?? !1
+} : {
+  tagsEditable: !1,
+  appReleaseTagNames: [],
+  hideImageTaggingHardDelete: !1,
+  resourceFilters: [],
+  totalCount: 0,
+  canApproverDeploy: e.canApproverDeploy ?? !1
+}, P = (e, r, n, o) => {
+  if (!e)
+    return {
+      materials: [],
+      ...h(e),
+      ...A(!1, e)
+    };
+  const i = v(
+    e.ci_artifacts,
+    n ?? 0,
+    e.latest_wf_artifact_id,
+    e.latest_wf_artifact_status
+  ), l = A(
+    r === T.CD || r === T.APPROVAL,
+    e
+  ), a = h(e);
+  return {
+    materials: o && o === S.RESOURCE ? i.filter((t) => t.filterState === u.ALLOWED) : i,
+    ...l,
+    ...a
+  };
+}, $ = (e) => {
+  const { filter: r, ...n } = e;
+  return n;
+}, H = (e, r, n, o, i = {}) => {
+  const l = $(i);
+  let a;
+  switch (e) {
+    case _.ROLLBACK:
+      a = C(`${p.CD_MATERIAL_GET}/${r}/material/rollback`, l);
+      break;
+    default:
+      a = C(`${p.CD_MATERIAL_GET}/${r}/material`, { ...l, stage: b[n] });
+      break;
+  }
+  return d(a, { signal: o }).then((f) => P(f.result, n, i.offset, i.filter));
+};
+function U(e) {
+  return e ? e.split(":").pop() : "";
+}
+function F(e, r) {
+  if (!e || !r)
+    return "NA";
+  if (e.indexOf("gitlab") > 0 || e.indexOf("github") > 0 || e.indexOf("azure") > 0) {
+    let n = e.split("@");
+    if (n.length > 1)
+      return "https://" + n[1].split(".git")[0] + "/commit/" + r;
+    if (n.length == 1)
+      return n[0].split(".git")[0] + "/commit/" + r;
+  }
+  if (e.indexOf("bitbucket") > 0) {
+    let n = e.split("@");
+    if (n.length > 1)
+      return "https://" + n[1].split(".git")[0] + "/commits/" + r;
+    if (n.length == 1)
+      return n[0].split(".git")[0] + "/commits/" + r;
+  }
+  return "NA";
+}
+function k() {
+  return d(`${p.DEPLOYMENT_TEMPLATE_LIST}?appId=-1&envId=-1`);
+}
+export {
+  I as SourceTypeMap,
+  F as createGitCommitUrl,
+  U as extractImage,
+  k as fetchChartTemplateVersions,
+  H as genericCDMaterialsService,
+  B as getTeamListMin,
+  Y as getUserRole,
+  w as setImageTags
+};

package/dist/Common/Constants.d.ts

@@ -1,67 +1,81 @@
-import { RegistryTypeDetailType } from "./Types";
-export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
-export declare const Host: string;
-export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
-export declare const DOCUMENTATION: {
-    APP_TAGS: string;
-    APP_OVERVIEW_TAGS: string;
-};
-export declare const PATTERNS: {
-    KUBERNETES_KEY_PREFIX: RegExp;
-    KUBERNETES_KEY_NAME: RegExp;
-    START_END_ALPHANUMERIC: RegExp;
-    ALPHANUMERIC_WITH_SPECIAL_CHAR: RegExp;
-};
-export declare const URLS: {
-    LOGIN_SSO: string;
-};
-export declare const ROUTES: {
-    PROJECT_LIST_MIN: string;
-    USER_CHECK_ROLE: string;
-    IMAGE_TAGGING: string;
-    CD_MATERIAL_GET: string;
-    DEPLOYMENT_TEMPLATE_LIST: string;
-};
-export declare enum KEY_VALUE {
-    KEY = "key",
-    VALUE = "value"
-}
-export declare const DEFAULT_TAG_DATA: {
-    key: string;
-    value: string;
-    propagate: boolean;
-    isInvalidKey: boolean;
-    isInvalidValue: boolean;
-    isSuggested: boolean;
-};
-export declare const TOAST_ACCESS_DENIED: {
-    TITLE: string;
-    SUBTITLE: string;
-};
-export declare const ERROR_EMPTY_SCREEN: {
-    PAGE_NOT_FOUND: string;
-    PAGE_NOT_EXIST: string;
-    TAKE_BACK_HOME: string;
-    ONLY_FOR_SUPERADMIN: string;
-    NOT_AUTHORIZED: string;
-    UNAUTHORIZED: string;
-    FORBIDDEN: string;
-    REQUIRED_MANAGER_ACCESS: string;
-};
-export declare const TOKEN_COOKIE_NAME = "argocd.token";
-export declare const TriggerTypeMap: {
-    automatic: string;
-    manual: string;
-};
-export declare const BuildStageVariable: {
-    PreBuild: string;
-    Build: string;
-    PostBuild: string;
-};
-export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;
-export declare const RepositoryAction: {
-    CONTAINER: string;
-    CHART_PULL: string;
-    CHART_PUSH: string;
-};
-export declare const MAX_Z_INDEX = 2147483647;
+import { RegistryTypeDetailType } from "./Types";
+export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
+export declare const Host: any;
+export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
+export declare const DOCUMENTATION: {
+    APP_TAGS: string;
+    APP_OVERVIEW_TAGS: string;
+};
+export declare const PATTERNS: {
+    KUBERNETES_KEY_PREFIX: RegExp;
+    KUBERNETES_KEY_NAME: RegExp;
+    START_END_ALPHANUMERIC: RegExp;
+    ALPHANUMERIC_WITH_SPECIAL_CHAR: RegExp;
+};
+export declare const URLS: {
+    LOGIN_SSO: string;
+};
+export declare const ROUTES: {
+    PROJECT_LIST_MIN: string;
+    USER_CHECK_ROLE: string;
+    IMAGE_TAGGING: string;
+    CD_MATERIAL_GET: string;
+    DEPLOYMENT_TEMPLATE_LIST: string;
+};
+export declare enum KEY_VALUE {
+    KEY = "key",
+    VALUE = "value"
+}
+export declare const DEFAULT_TAG_DATA: {
+    key: string;
+    value: string;
+    propagate: boolean;
+    isInvalidKey: boolean;
+    isInvalidValue: boolean;
+    isSuggested: boolean;
+};
+export declare const TOAST_ACCESS_DENIED: {
+    TITLE: string;
+    SUBTITLE: string;
+};
+export declare const ERROR_EMPTY_SCREEN: {
+    PAGE_NOT_FOUND: string;
+    PAGE_NOT_EXIST: string;
+    TAKE_BACK_HOME: string;
+    ONLY_FOR_SUPERADMIN: string;
+    NOT_AUTHORIZED: string;
+    UNAUTHORIZED: string;
+    FORBIDDEN: string;
+    REQUIRED_MANAGER_ACCESS: string;
+};
+export declare const TOKEN_COOKIE_NAME = "argocd.token";
+export declare const TriggerTypeMap: {
+    automatic: string;
+    manual: string;
+};
+export declare const BuildStageVariable: {
+    PreBuild: string;
+    Build: string;
+    PostBuild: string;
+};
+export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;
+export declare const RepositoryAction: {
+    CONTAINER: string;
+    CHART_PULL: string;
+    CHART_PUSH: string;
+};
+export declare enum MODES {
+    YAML = "yaml",
+    JSON = "json",
+    SHELL = "shell",
+    DOCKERFILE = "dockerfile"
+}
+export declare enum APPROVAL_MODAL_TYPE {
+    CONFIG = "CONFIG",
+    DEPLOYMENT = "DEPLOYMENT"
+}
+export declare const MAX_Z_INDEX = 2147483647;
+export declare const SELECTED_APPROVAL_TAB_STATE: {
+    APPROVAL: string;
+    PENDING: string;
+};