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

package/dist/Common/ResizableTextarea.js

@@ -1,12 +1,12 @@
-import { jsx as R } from "react/jsx-runtime";
-import { useState as T, useRef as _, useEffect as $ } from "react";
-import { u as b } from "../Helper-e1262739.js";
+import { j as R } from "../jsx-runtime-0dcb030c.js";
+import { useState as j, useRef as T, useEffect as _ } from "react";
+import { u as $ } from "../Helper-a0caa238.js";
 const k = ({
   minHeight: n,
   maxHeight: r,
   value: l,
-  onChange: f = null,
-  onBlur: s = null,
+  onChange: s = null,
+  onBlur: f = null,
   onFocus: u = null,
   className: c = "",
   placeholder: i = "Enter your text here..",
@@ -16,20 +16,20 @@ const k = ({
   dataTestId: d,
   ...y
 }) => {
-  const [o, a] = T(""), t = _(null);
-  $(() => {
+  const [o, a] = j(""), t = T(null);
+  _(() => {
     a(l);
   }, [l]);
   function g(e) {
-    e.persist(), a(e.target.value), typeof f == "function" && f(e);
+    e.persist(), a(e.target.value), typeof s == "function" && s(e);
   }
   function m(e) {
-    typeof s == "function" && s(e);
+    typeof f == "function" && f(e);
   }
   function E(e) {
     typeof u == "function" && u(e);
   }
-  return b(
+  return $(
     () => {
       t.current.style.height = "auto";
       let e = t.current.scrollHeight;
@@ -37,7 +37,7 @@ const k = ({
     },
     500,
     [o]
-  ), /* @__PURE__ */ R(
+  ), /* @__PURE__ */ R.jsx(
     "textarea",
     {
       "data-testid": d,

package/dist/Common/SearchBar/SearchBar.component.js

@@ -1,41 +1,41 @@
 import "../../assets/SearchBar.component.css";
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import * as o from "react";
-import { useState as B, useRef as S, useCallback as x } from "react";
-import { S as y } from "../../ic-error-cross-2760059a.js";
-import { B as C } from "../../Helper-e1262739.js";
-const E = (r) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...r }, /* @__PURE__ */ o.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0h24v24H0z" }), /* @__PURE__ */ o.createElement("path", { fill: "#959BA1", d: "M10 2a8 8 0 0 1 6.32 12.905l5.044 5.045a1 1 0 1 1-1.414 1.414l-5.045-5.043A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" })));
-const D = ({
+import { j as t } from "../../jsx-runtime-0dcb030c.js";
+import * as c from "react";
+import { useState as x, useRef as g, useCallback as j } from "react";
+import { S as B } from "../../ic-error-cross-2760059a.js";
+import { B as E } from "../../Helper-a0caa238.js";
+const S = (r) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...r }, /* @__PURE__ */ c.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ c.createElement("path", { d: "M0 0h24v24H0z" }), /* @__PURE__ */ c.createElement("path", { fill: "#959BA1", d: "M10 2a8 8 0 0 1 6.32 12.905l5.044 5.045a1 1 0 1 1-1.414 1.414l-5.045-5.043A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" })));
+const A = ({
   initialSearchText: r = "",
-  handleSearchChange: c = () => {
+  handleSearchChange: s = () => {
   },
   handleEnter: p = () => {
   },
   inputProps: m = {},
   containerClassName: d,
   shouldDebounce: b = !1,
-  debounceTimeout: n = 300
+  debounceTimeout: o = 300
 }) => {
-  const [s, _] = B(!!r), l = S(), h = x(C(c, n), [
-    c,
-    n
-  ]), u = (e) => {
-    const { value: t } = e.target;
-    _(!!t), b ? h(t) : c(t);
+  const [n, u] = x(!!r), l = g(), _ = j(E(s, o), [
+    s,
+    o
+  ]), h = (e) => {
+    const { value: a } = e.target;
+    u(!!a), b ? _(a) : s(a);
   }, i = (e) => {
-    c(e), p(e);
+    s(e), p(e);
   }, f = (e) => {
-    const { key: t } = e;
-    if (t === "Enter") {
+    const { key: a } = e;
+    if (a === "Enter") {
       const v = e.target.value.trim();
       i(v);
     }
   }, w = () => {
     l.current.value = "", i("");
   };
-  return /* @__PURE__ */ a("div", { className: d, children: /* @__PURE__ */ g("div", { className: "search-bar bcn-0 dc__block w-100 min-w-200 dc__position-rel en-2 bw-1 br-4 h-32", children: [
-    /* @__PURE__ */ a(E, { className: "search-bar__icon dc__position-abs icon-color-n6 icon-dim-18" }),
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ t.jsx("div", { className: d, children: /* @__PURE__ */ t.jsxs("div", { className: "search-bar bcn-0 dc__block w-100 min-w-200 dc__position-rel en-2 bw-1 br-4 h-32", children: [
+    /* @__PURE__ */ t.jsx(S, { className: "search-bar__icon dc__position-abs icon-color-n6 icon-dim-18" }),
+    /* @__PURE__ */ t.jsx(
       "input",
       {
         placeholder: "Search",
@@ -43,24 +43,24 @@ const D = ({
         type: "text",
         ...m,
         defaultValue: r,
-        className: `search-bar__input bcn-0 dc__position-abs w-100 h-100 br-4 dc__no-border pt-6 pr-10 pb-6 pl-30 fs-13 lh-20 fw-4 cn-9 placeholder-cn5 ${s ? "pr-30" : "pr-10"}`,
-        onChange: u,
+        className: `search-bar__input bcn-0 dc__position-abs w-100 h-100 br-4 dc__no-border pt-6 pr-10 pb-6 pl-30 fs-13 lh-20 fw-4 cn-9 placeholder-cn5 ${n ? "pr-30" : "pr-10"}`,
+        onChange: h,
         onKeyDown: f,
         ref: l
       }
     ),
-    s && /* @__PURE__ */ a(
+    n && /* @__PURE__ */ t.jsx(
       "button",
       {
         className: "flex search-bar__clear-button dc__position-abs dc__transparent mt-0 mb-0 mr-5 ml-5",
         type: "button",
         onClick: w,
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ a(y, { className: "icon-dim-18 icon-n4 dc__vertical-align-middle" })
+        children: /* @__PURE__ */ t.jsx(B, { className: "icon-dim-18 icon-n4 dc__vertical-align-middle" })
       }
     )
   ] }) });
 };
 export {
-  D as default
+  A as default
 };

package/dist/Common/Security/ScanVulnerabilitiesTable.js

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

package/dist/Common/Select/Select.js

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

package/dist/Common/TippyCustomized.js

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

package/dist/Common/ToastBody.js

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

package/dist/Common/Toggle/Toggle.js

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