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

package/dist/Common/Constants.js

@@ -0,0 +1,239 @@
+const o = 6e4, s = import.meta.env.REACT_APP_ORCHESTRATOR_ROOT ?? "/orchestrator", a = "https://docs.devtron.ai", d = {
+  APP_TAGS: `${a}/v/v0.6/usage/applications/create-application#tags`,
+  APP_OVERVIEW_TAGS: `${a}/v/v0.6/usage/applications/overview#manage-tags`
+}, i = {
+  KUBERNETES_KEY_PREFIX: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*$/,
+  KUBERNETES_KEY_NAME: /^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])$/,
+  START_END_ALPHANUMERIC: /^([Az09].*[A-Za-z0-9])$|[A-Za-z0-9]$/,
+  ALPHANUMERIC_WITH_SPECIAL_CHAR: /^[A-Za-z0-9._-]+$/
+  // allow alphanumeric,(.) ,(-),(_)
+}, c = {
+  LOGIN_SSO: "/login/sso"
+}, n = {
+  PROJECT_LIST_MIN: "team/autocomplete",
+  USER_CHECK_ROLE: "user/check/roles",
+  IMAGE_TAGGING: "app/image-tagging",
+  CD_MATERIAL_GET: "app/cd-pipeline",
+  DEPLOYMENT_TEMPLATE_LIST: "app/template/list"
+};
+var t = /* @__PURE__ */ ((e) => (e.KEY = "key", e.VALUE = "value", e))(t || {});
+const u = {
+  key: "",
+  value: "",
+  propagate: !1,
+  isInvalidKey: !1,
+  isInvalidValue: !1,
+  isSuggested: !0
+}, g = {
+  TITLE: "Access denied",
+  SUBTITLE: "You do not have required access to perform this action"
+}, p = {
+  PAGE_NOT_FOUND: "We could not find this page",
+  PAGE_NOT_EXIST: "This page doesn’t exist or was removed. We suggest you go back to home",
+  TAKE_BACK_HOME: "Take me home",
+  ONLY_FOR_SUPERADMIN: "Information on this page is available only to superadmin users.",
+  NOT_AUTHORIZED: "Not authorized",
+  UNAUTHORIZED: "unauthorized",
+  FORBIDDEN: "forbidden",
+  REQUIRED_MANAGER_ACCESS: "Looks like you don’t have access to information on this page. Please contact your manager to request access."
+}, E = "argocd.token", R = {
+  automatic: "Auto",
+  manual: "Manual"
+}, T = {
+  PreBuild: "preBuildStage",
+  Build: "buildStage",
+  PostBuild: "postBuildStage"
+}, A = {
+  ecr: {
+    value: "ecr",
+    label: "ECR",
+    desiredFormat: "(desired format: repo-name)",
+    placeholderText: "Eg. repo_name",
+    gettingStartedLink: "https://docs.aws.amazon.com/AmazonECR/latest/userguide/get-set-up-for-amazon-ecr.html",
+    defaultRegistryURL: "",
+    registryURL: {
+      label: "Registry URL",
+      defaultValue: "",
+      placeholder: "Eg. xxxxxxxxxxxx.dkr.ecr.region.amazonaws.com"
+    },
+    id: {
+      label: "Access key ID",
+      defaultValue: "",
+      placeholder: ""
+    },
+    password: {
+      label: "Secret access key",
+      defaultValue: "",
+      placeholder: ""
+    }
+  },
+  "docker-hub": {
+    value: "docker-hub",
+    label: "Docker",
+    desiredFormat: "(desired format: username/repo-name)",
+    placeholderText: "Eg. username/repo_name",
+    gettingStartedLink: "https://docs.docker.com/docker-hub/",
+    defaultRegistryURL: "docker.io",
+    registryURL: {
+      label: "Registry URL",
+      defaultValue: "",
+      placeholder: ""
+    },
+    id: {
+      label: "Username",
+      defaultValue: "",
+      placeholder: ""
+    },
+    password: {
+      label: "Password/Token (Recommended: Token)",
+      defaultValue: "",
+      placeholder: ""
+    }
+  },
+  acr: {
+    value: "acr",
+    label: "Azure",
+    desiredFormat: "(desired format: repo-name)",
+    placeholderText: "Eg. repo_name",
+    gettingStartedLink: "https://docs.microsoft.com/en-us/azure/container-registry/container-registry-get-started-portal",
+    defaultRegistryURL: "",
+    registryURL: {
+      label: "Registry URL/Login Server",
+      defaultValue: "",
+      placeholder: "Eg. xxx.azurecr.io"
+    },
+    id: {
+      label: "Username/Registry Name",
+      defaultValue: "",
+      placeholder: ""
+    },
+    password: {
+      label: "Password",
+      defaultValue: "",
+      placeholder: ""
+    }
+  },
+  "artifact-registry": {
+    value: "artifact-registry",
+    label: "Artifact Registry (GCP)",
+    desiredFormat: "(desired format: project-id/artifacts-repo/repo-name)",
+    placeholderText: "Eg. project-id/artifacts-repo/repo-name",
+    gettingStartedLink: "https://cloud.google.com/artifact-registry/docs/manage-repos?hl=en_US",
+    defaultRegistryURL: "",
+    registryURL: {
+      label: "Registry URL",
+      defaultValue: "",
+      placeholder: "Eg. region-docker.pkg.dev"
+    },
+    id: {
+      label: "Username",
+      defaultValue: "_json_key",
+      placeholder: ""
+    },
+    password: {
+      label: "Service Account JSON File",
+      defaultValue: "",
+      placeholder: "Paste json file content here"
+    }
+  },
+  gcr: {
+    value: "gcr",
+    label: "GCR",
+    desiredFormat: "(desired format: project-id/repo-name)",
+    placeholderText: "Eg. project-id/repo_name",
+    gettingStartedLink: "https://cloud.google.com/container-registry/docs/quickstart",
+    defaultRegistryURL: "gcr.io",
+    registryURL: {
+      label: "Registry URL",
+      defaultValue: "gcr.io",
+      placeholder: ""
+    },
+    id: {
+      label: "Username",
+      defaultValue: "_json_key",
+      placeholder: ""
+    },
+    password: {
+      label: "Service Account JSON File",
+      defaultValue: "",
+      placeholder: "Paste json file content here"
+    }
+  },
+  quay: {
+    value: "quay",
+    label: "Quay",
+    desiredFormat: "(desired format: username/repo-name)",
+    placeholderText: "Eg. username/repo_name",
+    gettingStartedLink: "",
+    defaultRegistryURL: "quay.io",
+    registryURL: {
+      label: "Registry URL",
+      defaultValue: "",
+      placeholder: ""
+    },
+    id: {
+      label: "Username",
+      defaultValue: "",
+      placeholder: ""
+    },
+    password: {
+      label: "Token",
+      defaultValue: "",
+      placeholder: ""
+    }
+  },
+  other: {
+    value: "other",
+    label: "Other",
+    desiredFormat: "",
+    placeholderText: "",
+    gettingStartedLink: "",
+    defaultRegistryURL: "",
+    registryURL: {
+      label: "Registry URL",
+      defaultValue: "",
+      placeholder: ""
+    },
+    id: {
+      label: "Username",
+      defaultValue: "",
+      placeholder: ""
+    },
+    password: {
+      label: "Password/Token",
+      defaultValue: "",
+      placeholder: ""
+    }
+  }
+}, m = {
+  CONTAINER: "CONTAINER",
+  CHART_PULL: "CHART_PULL",
+  CHART_PUSH: "CHART_PUSH"
+};
+var r = /* @__PURE__ */ ((e) => (e.YAML = "yaml", e.JSON = "json", e.SHELL = "shell", e.DOCKERFILE = "dockerfile", e))(r || {}), l = /* @__PURE__ */ ((e) => (e.CONFIG = "CONFIG", e.DEPLOYMENT = "DEPLOYMENT", e))(l || {});
+const _ = 2147483647, h = {
+  APPROVAL: "approval",
+  PENDING: "pending"
+};
+export {
+  l as APPROVAL_MODAL_TYPE,
+  T as BuildStageVariable,
+  u as DEFAULT_TAG_DATA,
+  d as DOCUMENTATION,
+  a as DOCUMENTATION_HOME_PAGE,
+  p as ERROR_EMPTY_SCREEN,
+  o as FALLBACK_REQUEST_TIMEOUT,
+  s as Host,
+  t as KEY_VALUE,
+  _ as MAX_Z_INDEX,
+  r as MODES,
+  i as PATTERNS,
+  A as REGISTRY_TYPE_MAP,
+  n as ROUTES,
+  m as RepositoryAction,
+  h as SELECTED_APPROVAL_TAB_STATE,
+  g as TOAST_ACCESS_DENIED,
+  E as TOKEN_COOKIE_NAME,
+  R as TriggerTypeMap,
+  c as URLS
+};

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { CustomInputProps } from './Types';
-export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo }: CustomInputProps): JSX.Element;
+/// <reference types="react" />
+import { CustomInputProps } from './Types';
+export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, }: CustomInputProps): JSX.Element;

package/dist/Common/CustomInput/CustomInput.js

@@ -0,0 +1,81 @@
+import { j as e } from "../../jsx-runtime-0dcb030c.js";
+import { S as R } from "../../ic-info-filled-31a15add.js";
+import { S as k } from "../../ic-warning-42534af1.js";
+function D({
+  name: m,
+  value: u,
+  error: t,
+  onChange: r,
+  onFocus: p = (l) => {
+  },
+  label: n,
+  type: d = "text",
+  disabled: _ = !1,
+  labelClassName: x = "",
+  placeholder: j = "",
+  tabIndex: g = 1,
+  dataTestid: i = "",
+  isRequiredField: N = !1,
+  autoFocus: h = !1,
+  rootClassName: y = "",
+  autoComplete: I = "off",
+  helperText: o = "",
+  handleOnBlur: a,
+  readOnly: $ = !1,
+  noTrim: S = !1,
+  ref: b,
+  onKeyPress: v,
+  defaultValue: E,
+  onKeyDown: A,
+  required: C,
+  additionalErrorInfo: f,
+  inputWrapClassName: F = ""
+}) {
+  function l(s) {
+    return Array.isArray(s) ? s : [s];
+  }
+  const L = (s) => {
+    S || (s.stopPropagation(), s.target.value = s.target.value?.trim(), r(s)), typeof a == "function" && a(s);
+  }, c = (s) => /* @__PURE__ */ e.jsxs("div", { className: "form__error", children: [
+    /* @__PURE__ */ e.jsx(k, { className: "form__icon form__icon--error" }),
+    s,
+    s && typeof f == "function" && f()
+  ] }, s), W = () => t?.length ? typeof t == "object" ? l(t).map((s) => c(s)) : c(t) : null, q = () => typeof n == "string" ? /* @__PURE__ */ e.jsx("span", { className: `${N ? "dc__required-field" : ""}`, children: n }) : n, P = () => n ? /* @__PURE__ */ e.jsx("label", { className: `form__label ${x}`, "data-testid": `label-${i}`, children: q() }) : null;
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex column left top ${F}`, children: [
+    P(),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        "data-testid": i,
+        type: d,
+        name: m,
+        autoComplete: I,
+        className: `form__input ${y}`,
+        onChange: (s) => {
+          s.persist(), r(s);
+        },
+        onBlur: L,
+        onFocus: p,
+        placeholder: j,
+        value: u,
+        disabled: _,
+        tabIndex: g,
+        autoFocus: h,
+        readOnly: $,
+        ref: b,
+        onKeyPress: v,
+        defaultValue: E,
+        onKeyDown: A,
+        required: C
+      }
+    ),
+    W(),
+    o && /* @__PURE__ */ e.jsxs("div", { className: "form__text-field-info", children: [
+      /* @__PURE__ */ e.jsx(R, { className: "form__icon form__icon--info" }),
+      /* @__PURE__ */ e.jsx("p", { className: "sentence-case", children: o })
+    ] })
+  ] });
+}
+export {
+  D as CustomInput
+};

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

@@ -1,29 +1,30 @@
-import React, { HTMLInputTypeAttribute } from 'react';
-export interface CustomInputProps {
-    name: string;
-    value: string | number;
-    onChange: (e: any) => void;
-    onFocus?: (e: any) => void;
-    autoComplete?: string;
-    label?: string | React.ReactNode;
-    labelClassName?: string;
-    type?: HTMLInputTypeAttribute;
-    disabled?: boolean;
-    placeholder?: string;
-    tabIndex?: number;
-    dataTestid?: string;
-    isRequiredField?: boolean;
-    autoFocus?: boolean;
-    rootClassName?: string;
-    error?: string[] | string;
-    helperText?: string;
-    handleOnBlur?: (e: any) => void;
-    readOnly?: boolean;
-    noTrim?: boolean;
-    ref?: React.LegacyRef<HTMLInputElement>;
-    onKeyPress?: (e: any) => void;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
-    onKeyDown?: (e: any) => void;
-    required?: boolean;
-    additionalErrorInfo?: React.ReactNode;
-}
+import React, { HTMLInputTypeAttribute } from 'react';
+export interface CustomInputProps {
+    name: string;
+    value: string | number;
+    onChange: (e: any) => void;
+    onFocus?: (e: any) => void;
+    autoComplete?: string;
+    label?: string | React.ReactNode;
+    labelClassName?: string;
+    type?: HTMLInputTypeAttribute;
+    disabled?: boolean;
+    placeholder?: string;
+    tabIndex?: number;
+    dataTestid?: string;
+    isRequiredField?: boolean;
+    autoFocus?: boolean;
+    rootClassName?: string;
+    error?: string[] | string;
+    helperText?: string;
+    handleOnBlur?: (e: any) => void;
+    readOnly?: boolean;
+    noTrim?: boolean;
+    ref?: React.LegacyRef<HTMLInputElement>;
+    onKeyPress?: (e: any) => void;
+    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    onKeyDown?: (e: any) => void;
+    required?: boolean;
+    additionalErrorInfo?: React.ReactNode;
+    inputWrapClassName?: string;
+}

package/dist/Common/CustomInput/Types.js

@@ -0,0 +1 @@
+

package/dist/Common/CustomInput/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CustomInput';
-export * from './Types';
+export * from './CustomInput';
+export * from './Types';

package/dist/Common/CustomInput/index.js

@@ -0,0 +1,4 @@
+import { CustomInput as m } from "./CustomInput.js";
+export {
+  m as CustomInput
+};

package/dist/Common/CustomTagSelector/PropagateTagInfo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export default function PropagateTagInfo({ isCreateApp }: {
-    isCreateApp: boolean;
-}): JSX.Element;
+/// <reference types="react" />
+export default function PropagateTagInfo({ isCreateApp }: {
+    isCreateApp: boolean;
+}): JSX.Element;

package/dist/Common/CustomTagSelector/PropagateTagInfo.js

@@ -0,0 +1,43 @@
+import { j as e } from "../../jsx-runtime-0dcb030c.js";
+import { S as s } from "../../inject-tag-824bf92c.js";
+import { T as i, S as n } from "../../TippyCustomized-7b9b46b9.js";
+import { TippyTheme as r } from "../Types.js";
+import { DOCUMENTATION as t } from "../Constants.js";
+function u({ isCreateApp: a }) {
+  const o = () => /* @__PURE__ */ e.jsxs("div", { className: "p-12 fs-13", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "mb-20", children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "flex left", children: [
+        "Add a tag and click on the",
+        /* @__PURE__ */ e.jsx(s, { className: "icon-dim-16 ml-4 mr-4" }),
+        "icon to"
+      ] }),
+      "propagate tags as labels to Kubernetes resources"
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { children: "Use these tags to filter/identify resources via CLI or in other Kubernetes tools." })
+  ] });
+  return /* @__PURE__ */ e.jsx(
+    i,
+    {
+      theme: r.white,
+      className: "w-300",
+      placement: "top",
+      Icon: s,
+      heading: "Propagate tags to K8s resources",
+      infoText: "",
+      additionalContent: o(),
+      showCloseButton: !0,
+      trigger: "click",
+      interactive: !0,
+      documentationLink: a ? t.APP_TAGS : t.APP_OVERVIEW_TAGS,
+      documentationLinkText: "View Documentation",
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flexbox cursor", children: [
+        /* @__PURE__ */ e.jsx(s, { className: "icon-dim-16 mt-2 mr-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "Propagate tags" }),
+        /* @__PURE__ */ e.jsx(n, { className: "icon-dim-16 mt-2 ml-4" })
+      ] })
+    }
+  );
+}
+export {
+  u as default
+};

package/dist/Common/CustomTagSelector/ResizableTagTextArea.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ResizableTagTextAreaProps } from './Types';
-export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, }: ResizableTagTextAreaProps): JSX.Element;
+/// <reference types="react" />
+import { ResizableTagTextAreaProps } from './Types';
+export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, }: ResizableTagTextAreaProps): JSX.Element;

package/dist/Common/CustomTagSelector/ResizableTagTextArea.js

@@ -0,0 +1,58 @@
+import { j as m } from "../../jsx-runtime-0dcb030c.js";
+import { useState as w, useEffect as z } from "react";
+import { u as C } from "../../Helper-a0caa238.js";
+function A({
+  className: n,
+  minHeight: s,
+  maxHeight: o,
+  value: l,
+  onChange: x,
+  onBlur: e,
+  onFocus: u,
+  placeholder: y,
+  tabIndex: g,
+  refVar: c,
+  dependentRef: r,
+  dataTestId: E,
+  handleKeyDown: T
+}) {
+  const [h, i] = w("");
+  z(() => {
+    i(l);
+  }, [l]);
+  const f = (t) => {
+    i(t.target.value), x(t);
+  }, a = () => {
+    if (document.activeElement !== c.current)
+      return;
+    c.current.style.height = s + "px", r && (r.current.style.height = s + "px");
+    let t = c.current.scrollHeight;
+    r && t < r.current.scrollHeight && (t = r.current.scrollHeight), s && t < s && (t = s), o && t > o && (t = o), c.current.style.height = t + "px", r && (r.current.style.height = t + "px");
+  };
+  C(a, 500, [h]);
+  const j = (t) => {
+    c.current.style.height = s + "px", r && (r.current.style.height = s + "px"), e && e(t);
+  }, p = (t) => {
+    a(), u && u(t);
+  };
+  return /* @__PURE__ */ m.jsx(
+    "textarea",
+    {
+      rows: 1,
+      ref: c,
+      value: h,
+      placeholder: y,
+      className: `${n || ""} lh-20`,
+      style: { resize: "none" },
+      onChange: f,
+      onBlur: j,
+      onFocus: p,
+      tabIndex: g,
+      "data-testid": E,
+      onKeyDown: T
+    }
+  );
+}
+export {
+  A as ResizableTagTextArea
+};

package/dist/Common/CustomTagSelector/TagDetails.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TagDetailType } from './Types';
-export declare const TagDetails: ({ index, tagData, setTagData, removeTag, tabIndex, suggestedTagsOptions, }: TagDetailType) => JSX.Element;
+import { TagDetailType } from './Types';
+export declare const TagDetails: ({ index, tagData, setTagData, removeTag, tabIndex, suggestedTagsOptions, }: TagDetailType) => JSX.Element;

package/dist/Common/CustomTagSelector/TagDetails.js

@@ -0,0 +1,65 @@
+import { j as a } from "../../jsx-runtime-0dcb030c.js";
+import { useRef as n } from "react";
+import { S as v } from "../../ic-cross-0e71861d.js";
+import { S as y } from "../../inject-tag-824bf92c.js";
+import { TagLabelValueSelector as d } from "./TagLabelValueSelector.js";
+import { KEY_VALUE as c } from "../Constants.js";
+import { b as I } from "../../Helper-a0caa238.js";
+import { ValidationRules as V } from "./ValidationRules.js";
+const E = ({
+  index: o,
+  tagData: r,
+  setTagData: s,
+  removeTag: m,
+  tabIndex: l = 1,
+  suggestedTagsOptions: u
+}) => {
+  const t = n(null), i = n(null), p = new V(), g = (e) => {
+    I(e), m(o);
+  }, f = () => {
+    const e = { ...r };
+    e.propagate = !e.propagate, e.propagate ? (e.isInvalidKey = e.isInvalidKey || !e.key, e.isInvalidValue = e.isInvalidValue || !e.value) : (e.isInvalidKey = e.key || e.value ? !p.propagateTagKey(e.key).isValid : !1, e.isInvalidValue = e.value ? !p.propagateTagValue(e.value, e.key).isValid : !1), s(o, e);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "flexbox mb-8", children: [
+    /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        className: `dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ${r.propagate ? "bcn-7" : ""} ${r.key.startsWith("devtron.ai/") ? "cursor-not-allowed bcn-1" : ""}`,
+        onClick: f,
+        "data-testid": `propagate-tag-${o}`,
+        children: /* @__PURE__ */ a.jsx(y, { className: `icon-dim-20 mt-4 ${r.propagate ? "scn-0" : ""}` })
+      }
+    ),
+    /* @__PURE__ */ a.jsx(
+      d,
+      {
+        selectedTagIndex: o,
+        tagData: r,
+        setTagData: s,
+        tagInputType: c.KEY,
+        placeholder: "Enter key",
+        tabIndex: l - 1,
+        refVar: t,
+        dependentRef: i,
+        tagOptions: u
+      }
+    ),
+    /* @__PURE__ */ a.jsx(
+      d,
+      {
+        selectedTagIndex: o,
+        tagData: r,
+        setTagData: s,
+        tagInputType: c.VALUE,
+        placeholder: "Enter value",
+        tabIndex: l,
+        refVar: i,
+        dependentRef: t
+      }
+    ),
+    /* @__PURE__ */ a.jsx("div", { className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: g, "data-testid": `delete-tag-${o}`, children: /* @__PURE__ */ a.jsx(v, { className: "icon-dim-20 mt-4" }) })
+  ] });
+};
+export {
+  E as TagDetails
+};

package/dist/Common/CustomTagSelector/TagLabelSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TagLabelSelectType } from './Types';
-export declare const TagLabelSelect: ({ isCreateApp, labelTags, setLabelTags, tabIndex }: TagLabelSelectType) => JSX.Element;
+import { TagLabelSelectType } from './Types';
+export declare const TagLabelSelect: ({ isCreateApp, labelTags, setLabelTags, tabIndex }: TagLabelSelectType) => JSX.Element;

package/dist/Common/CustomTagSelector/TagLabelSelect.js

@@ -0,0 +1,50 @@
+import x from "./PropagateTagInfo.js";
+import { TagDetails as f } from "./TagDetails.js";
+import { j as t } from "../../jsx-runtime-0dcb030c.js";
+import { S as g } from "../../ic-add-4787ded5.js";
+import { DEFAULT_TAG_DATA as l } from "../Constants.js";
+import "./TagLabelValueSelector.js";
+import "./ResizableTagTextArea.js";
+const N = ({
+  isCreateApp: e,
+  labelTags: o,
+  setLabelTags: c,
+  tabIndex: d = 0
+}) => {
+  const n = (s, a) => {
+    const i = [...o], r = a;
+    r.key.startsWith("devtron.ai/") && (r.propagate = !1), i[s] = r, c(i);
+  }, m = () => {
+    const s = [...o];
+    s.splice(0, 0, l), c(s);
+  }, p = (s) => {
+    const a = [...o];
+    a.splice(s, 1), c(a);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flexbox dc__content-space mb-8", children: [
+      /* @__PURE__ */ t.jsx("span", { children: "Tags" }),
+      /* @__PURE__ */ t.jsx(x, { isCreateApp: e })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor", onClick: m, "data-testid": "add-tag-button", children: [
+        /* @__PURE__ */ t.jsx(g, { className: "icon-dim-20 fcb-5" }),
+        " Add tag"
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { className: "mb-8", "data-testid": "tag-rows-container", children: o?.map((s, a) => /* @__PURE__ */ t.jsx(
+        f,
+        {
+          index: a,
+          tagData: s,
+          setTagData: n,
+          removeTag: p,
+          tabIndex: d + (a + 2)
+        },
+        `tag-${a}`
+      )) })
+    ] })
+  ] });
+};
+export {
+  N as TagLabelSelect
+};

package/dist/Common/CustomTagSelector/TagLabelValueSelector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TagLabelValueSelectorType } from './Types';
-export declare const TagLabelValueSelector: ({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, tagInputType, placeholder, tabIndex, refVar, dependentRef, noBackDrop, }: TagLabelValueSelectorType) => JSX.Element;
+import { TagLabelValueSelectorType } from './Types';
+export declare const TagLabelValueSelector: ({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, tagInputType, placeholder, tabIndex, refVar, dependentRef, noBackDrop, }: TagLabelValueSelectorType) => JSX.Element;