@devtron-labs/devtron-fe-common-lib 0.0.51 → 0.0.52-beta-1

package/dist/Common/Constants.js

@@ -0,0 +1,234 @@
+const l = 6e4, o = import.meta.env.REACT_APP_ORCHESTRATOR_ROOT ?? "/orchestrator", a = "https://docs.devtron.ai", s = {
+  APP_TAGS: `${a}/v/v0.6/usage/applications/create-application#tags`,
+  APP_OVERVIEW_TAGS: `${a}/v/v0.6/usage/applications/overview#manage-tags`
+}, d = {
+  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,(.) ,(-),(_)
+}, i = {
+  LOGIN_SSO: "/login/sso"
+}, c = {
+  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 n = {
+  key: "",
+  value: "",
+  propagate: !1,
+  isInvalidKey: !1,
+  isInvalidValue: !1,
+  isSuggested: !0
+}, u = {
+  TITLE: "Access denied",
+  SUBTITLE: "You do not have required access to perform this action"
+}, g = {
+  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."
+}, p = "argocd.token", R = {
+  automatic: "Auto",
+  manual: "Manual"
+}, E = {
+  PreBuild: "preBuildStage",
+  Build: "buildStage",
+  PostBuild: "postBuildStage"
+}, T = {
+  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 || {});
+const A = 2147483647;
+export {
+  E as BuildStageVariable,
+  n as DEFAULT_TAG_DATA,
+  s as DOCUMENTATION,
+  a as DOCUMENTATION_HOME_PAGE,
+  g as ERROR_EMPTY_SCREEN,
+  l as FALLBACK_REQUEST_TIMEOUT,
+  o as Host,
+  t as KEY_VALUE,
+  A as MAX_Z_INDEX,
+  r as MODES,
+  d as PATTERNS,
+  T as REGISTRY_TYPE_MAP,
+  c as ROUTES,
+  m as RepositoryAction,
+  u as TOAST_ACCESS_DENIED,
+  p as TOKEN_COOKIE_NAME,
+  R as TriggerTypeMap,
+  i 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 }: CustomInputProps): JSX.Element;

package/dist/Common/CustomInput/CustomInput.js

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

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

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

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 { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { S as a } from "../../inject-tag-824bf92c.js";
+import { T as n, S as r } from "../../TippyCustomized-0d0b9a6f.js";
+import { TippyTheme as c } from "../Types.js";
+import { DOCUMENTATION as o } from "../Constants.js";
+function f({ isCreateApp: i }) {
+  const s = () => /* @__PURE__ */ t("div", { className: "p-12 fs-13", children: [
+    /* @__PURE__ */ t("div", { className: "mb-20", children: [
+      /* @__PURE__ */ t("span", { className: "flex left", children: [
+        "Add a tag and click on the",
+        /* @__PURE__ */ e(a, { className: "icon-dim-16 ml-4 mr-4" }),
+        "icon to"
+      ] }),
+      "propagate tags as labels to Kubernetes resources"
+    ] }),
+    /* @__PURE__ */ e("div", { children: "Use these tags to filter/identify resources via CLI or in other Kubernetes tools." })
+  ] });
+  return /* @__PURE__ */ e(
+    n,
+    {
+      theme: c.white,
+      className: "w-300",
+      placement: "top",
+      Icon: a,
+      heading: "Propagate tags to K8s resources",
+      infoText: "",
+      additionalContent: s(),
+      showCloseButton: !0,
+      trigger: "click",
+      interactive: !0,
+      documentationLink: i ? o.APP_TAGS : o.APP_OVERVIEW_TAGS,
+      documentationLinkText: "View Documentation",
+      children: /* @__PURE__ */ t("div", { className: "flexbox cursor", children: [
+        /* @__PURE__ */ e(a, { className: "icon-dim-16 mt-2 mr-4" }),
+        /* @__PURE__ */ e("span", { children: "Propagate tags" }),
+        /* @__PURE__ */ e(r, { className: "icon-dim-16 mt-2 ml-4" })
+      ] })
+    }
+  );
+}
+export {
+  f 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 { jsx as z } from "react/jsx-runtime";
+import { useState as C, useEffect as O } from "react";
+import { u as b } from "../../Helper-1f1cf2ba.js";
+function A({
+  className: n,
+  minHeight: s,
+  maxHeight: l,
+  value: o,
+  onChange: x,
+  onBlur: e,
+  onFocus: u,
+  placeholder: y,
+  tabIndex: g,
+  refVar: c,
+  dependentRef: r,
+  dataTestId: T,
+  handleKeyDown: f
+}) {
+  const [h, i] = C("");
+  O(() => {
+    i(o);
+  }, [o]);
+  const E = (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), l && t > l && (t = l), c.current.style.height = t + "px", r && (r.current.style.height = t + "px");
+  };
+  b(a, 500, [h]);
+  const p = (t) => {
+    c.current.style.height = s + "px", r && (r.current.style.height = s + "px"), e && e(t);
+  }, w = (t) => {
+    a(), u && u(t);
+  };
+  return /* @__PURE__ */ z(
+    "textarea",
+    {
+      rows: 1,
+      ref: c,
+      value: h,
+      placeholder: y,
+      className: `${n || ""} lh-20`,
+      style: { resize: "none" },
+      onChange: E,
+      onBlur: p,
+      onFocus: w,
+      tabIndex: g,
+      "data-testid": T,
+      onKeyDown: f
+    }
+  );
+}
+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 { jsxs as v, jsx as r } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import { S as y } from "../../ic-cross-0e71861d.js";
+import { S as I } from "../../inject-tag-824bf92c.js";
+import { TagLabelValueSelector as d } from "./TagLabelValueSelector.js";
+import { KEY_VALUE as c } from "../Constants.js";
+import { b as V } from "../../Helper-1f1cf2ba.js";
+import { ValidationRules as T } from "./ValidationRules.js";
+const S = ({
+  index: a,
+  tagData: o,
+  setTagData: l,
+  removeTag: m,
+  tabIndex: t = 1,
+  suggestedTagsOptions: u
+}) => {
+  const s = n(null), i = n(null), p = new T(), g = (e) => {
+    V(e), m(a);
+  }, f = () => {
+    const e = { ...o };
+    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), l(a, e);
+  };
+  return /* @__PURE__ */ v("div", { className: "flexbox mb-8", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ${o.propagate ? "bcn-7" : ""} ${o.key.startsWith("devtron.ai/") ? "cursor-not-allowed bcn-1" : ""}`,
+        onClick: f,
+        "data-testid": `propagate-tag-${a}`,
+        children: /* @__PURE__ */ r(I, { className: `icon-dim-20 mt-4 ${o.propagate ? "scn-0" : ""}` })
+      }
+    ),
+    /* @__PURE__ */ r(
+      d,
+      {
+        selectedTagIndex: a,
+        tagData: o,
+        setTagData: l,
+        tagInputType: c.KEY,
+        placeholder: "Enter key",
+        tabIndex: t - 1,
+        refVar: s,
+        dependentRef: i,
+        tagOptions: u
+      }
+    ),
+    /* @__PURE__ */ r(
+      d,
+      {
+        selectedTagIndex: a,
+        tagData: o,
+        setTagData: l,
+        tagInputType: c.VALUE,
+        placeholder: "Enter value",
+        tabIndex: t,
+        refVar: i,
+        dependentRef: s
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: g, "data-testid": `delete-tag-${a}`, children: /* @__PURE__ */ r(y, { className: "icon-dim-20 mt-4" }) })
+  ] });
+};
+export {
+  S 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 g from "./PropagateTagInfo.js";
+import { TagDetails as l } from "./TagDetails.js";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { S as _ } from "../../ic-add-4787ded5.js";
+import { DEFAULT_TAG_DATA as h } from "../Constants.js";
+import "./TagLabelValueSelector.js";
+import "./ResizableTagTextArea.js";
+const w = ({
+  isCreateApp: d,
+  labelTags: c,
+  setLabelTags: s,
+  tabIndex: n = 0
+}) => {
+  const m = (t, a) => {
+    const e = [...c], i = a;
+    i.key.startsWith("devtron.ai/") && (i.propagate = !1), e[t] = i, s(e);
+  }, p = () => {
+    const t = [...c];
+    t.splice(0, 0, h), s(t);
+  }, f = (t) => {
+    const a = [...c];
+    a.splice(t, 1), s(a);
+  };
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r("div", { className: "flexbox dc__content-space mb-8", children: [
+      /* @__PURE__ */ o("span", { children: "Tags" }),
+      /* @__PURE__ */ o(g, { isCreateApp: d })
+    ] }),
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: "dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor", onClick: p, "data-testid": "add-tag-button", children: [
+        /* @__PURE__ */ o(_, { className: "icon-dim-20 fcb-5" }),
+        " Add tag"
+      ] }),
+      /* @__PURE__ */ o("div", { className: "mb-8", "data-testid": "tag-rows-container", children: c?.map((t, a) => /* @__PURE__ */ o(
+        l,
+        {
+          index: a,
+          tagData: t,
+          setTagData: m,
+          removeTag: f,
+          tabIndex: n + (a + 2)
+        },
+        `tag-${a}`
+      )) })
+    ] })
+  ] });
+};
+export {
+  w 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;