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

package/dist/Common/CustomInput/CustomInput.js

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

package/dist/Common/CustomTagSelector/PropagateTagInfo.js

@@ -1,43 +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-c58fd46a.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: [
+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(a, { className: "icon-dim-16 ml-4 mr-4" }),
+        /* @__PURE__ */ e.jsx(s, { 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." })
+    /* @__PURE__ */ e.jsx("div", { children: "Use these tags to filter/identify resources via CLI or in other Kubernetes tools." })
   ] });
-  return /* @__PURE__ */ e(
-    n,
+  return /* @__PURE__ */ e.jsx(
+    i,
     {
-      theme: c.white,
+      theme: r.white,
       className: "w-300",
       placement: "top",
-      Icon: a,
+      Icon: s,
       heading: "Propagate tags to K8s resources",
       infoText: "",
-      additionalContent: s(),
+      additionalContent: o(),
       showCloseButton: !0,
       trigger: "click",
       interactive: !0,
-      documentationLink: i ? o.APP_TAGS : o.APP_OVERVIEW_TAGS,
+      documentationLink: a ? t.APP_TAGS : t.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" })
+      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 {
-  f as default
+  u as default
 };

package/dist/Common/CustomTagSelector/ResizableTagTextArea.js

@@ -1,11 +1,11 @@
-import { jsx as z } from "react/jsx-runtime";
-import { useState as C, useEffect as O } from "react";
-import { u as b } from "../../Helper-e1262739.js";
+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: l,
-  value: o,
+  maxHeight: o,
+  value: l,
   onChange: x,
   onBlur: e,
   onFocus: u,
@@ -13,29 +13,29 @@ function A({
   tabIndex: g,
   refVar: c,
   dependentRef: r,
-  dataTestId: T,
-  handleKeyDown: f
+  dataTestId: E,
+  handleKeyDown: T
 }) {
-  const [h, i] = C("");
-  O(() => {
-    i(o);
-  }, [o]);
-  const E = (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), l && t > l && (t = l), c.current.style.height = t + "px", r && (r.current.style.height = t + "px");
+    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");
   };
-  b(a, 500, [h]);
-  const p = (t) => {
+  C(a, 500, [h]);
+  const j = (t) => {
     c.current.style.height = s + "px", r && (r.current.style.height = s + "px"), e && e(t);
-  }, w = (t) => {
+  }, p = (t) => {
     a(), u && u(t);
   };
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ m.jsx(
     "textarea",
     {
       rows: 1,
@@ -44,12 +44,12 @@ function A({
       placeholder: y,
       className: `${n || ""} lh-20`,
       style: { resize: "none" },
-      onChange: E,
-      onBlur: p,
-      onFocus: w,
+      onChange: f,
+      onBlur: j,
+      onFocus: p,
       tabIndex: g,
-      "data-testid": T,
-      onKeyDown: f
+      "data-testid": E,
+      onKeyDown: T
     }
   );
 }

package/dist/Common/CustomTagSelector/TagDetails.js

@@ -1,65 +1,65 @@
-import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import { j as a } from "../../jsx-runtime-0dcb030c.js";
 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 { 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 V } from "../../Helper-e1262739.js";
-import { ValidationRules as T } from "./ValidationRules.js";
-const S = ({
-  index: a,
-  tagData: o,
-  setTagData: l,
+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: t = 1,
+  tabIndex: l = 1,
   suggestedTagsOptions: u
 }) => {
-  const s = n(null), i = n(null), p = new T(), g = (e) => {
-    V(e), m(a);
+  const t = n(null), i = n(null), p = new V(), g = (e) => {
+    I(e), m(o);
   }, 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);
+    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__ */ v("div", { className: "flexbox mb-8", children: [
-    /* @__PURE__ */ r(
+  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 ${o.propagate ? "bcn-7" : ""} ${o.key.startsWith("devtron.ai/") ? "cursor-not-allowed bcn-1" : ""}`,
+        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-${a}`,
-        children: /* @__PURE__ */ r(I, { className: `icon-dim-20 mt-4 ${o.propagate ? "scn-0" : ""}` })
+        "data-testid": `propagate-tag-${o}`,
+        children: /* @__PURE__ */ a.jsx(y, { className: `icon-dim-20 mt-4 ${r.propagate ? "scn-0" : ""}` })
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a.jsx(
       d,
       {
-        selectedTagIndex: a,
-        tagData: o,
-        setTagData: l,
+        selectedTagIndex: o,
+        tagData: r,
+        setTagData: s,
         tagInputType: c.KEY,
         placeholder: "Enter key",
-        tabIndex: t - 1,
-        refVar: s,
+        tabIndex: l - 1,
+        refVar: t,
         dependentRef: i,
         tagOptions: u
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a.jsx(
       d,
       {
-        selectedTagIndex: a,
-        tagData: o,
-        setTagData: l,
+        selectedTagIndex: o,
+        tagData: r,
+        setTagData: s,
         tagInputType: c.VALUE,
         placeholder: "Enter value",
-        tabIndex: t,
+        tabIndex: l,
         refVar: i,
-        dependentRef: s
+        dependentRef: t
       }
     ),
-    /* @__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" }) })
+    /* @__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 {
-  S as TagDetails
+  E as TagDetails
 };

package/dist/Common/CustomTagSelector/TagLabelSelect.js

@@ -1,44 +1,44 @@
-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 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 w = ({
-  isCreateApp: d,
-  labelTags: c,
-  setLabelTags: s,
-  tabIndex: n = 0
+const N = ({
+  isCreateApp: e,
+  labelTags: o,
+  setLabelTags: c,
+  tabIndex: d = 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);
+  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__ */ r("div", { children: [
-    /* @__PURE__ */ r("div", { className: "flexbox dc__content-space mb-8", children: [
-      /* @__PURE__ */ o("span", { children: "Tags" }),
-      /* @__PURE__ */ o(g, { isCreateApp: d })
+  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__ */ 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" }),
+    /* @__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__ */ o("div", { className: "mb-8", "data-testid": "tag-rows-container", children: c?.map((t, a) => /* @__PURE__ */ o(
-        l,
+      /* @__PURE__ */ t.jsx("div", { className: "mb-8", "data-testid": "tag-rows-container", children: o?.map((s, a) => /* @__PURE__ */ t.jsx(
+        f,
         {
           index: a,
-          tagData: t,
-          setTagData: m,
-          removeTag: f,
-          tabIndex: n + (a + 2)
+          tagData: s,
+          setTagData: n,
+          removeTag: p,
+          tabIndex: d + (a + 2)
         },
         `tag-${a}`
       )) })
@@ -46,5 +46,5 @@ const w = ({
   ] });
 };
 export {
-  w as TagLabelSelect
+  N as TagLabelSelect
 };