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

package/dist/Common/ImageTags.js

@@ -0,0 +1,384 @@
+import { j as e } from "../jsx-runtime-0dcb030c.js";
+import * as g from "react";
+import { useState as o, useEffect as ae, useRef as Ce } from "react";
+import { S as je } from "../ic-add-4787ded5.js";
+import { S as we } from "../ic-cross-0e71861d.js";
+import { T as Ne, a as Te, S as be } from "../TippyCustomized-7b9b46b9.js";
+import { t as _e } from "../react-toastify.esm-1042de65.js";
+import { S as Ie } from "../ic-info-filled-31a15add.js";
+import { S as se } from "../ic-warning-42534af1.js";
+import { S as ke } from "../ic-error-exclamation-5f9af461.js";
+import { TippyTheme as ye } from "./Types.js";
+import { b as h, s as Se } from "../Helper-a0caa238.js";
+import { setImageTags as Ee } from "./Common.service.js";
+import { T as ne } from "../tippy-react.esm-8dc66a75.js";
+import { Progressing as De } from "./Progressing.js";
+const Le = (i) => /* @__PURE__ */ g.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ g.createElement("path", { d: "M10.625 4.99991L15 9.37491M7.5 16.8749H3.75C3.58424 16.8749 3.42527 16.8091 3.30806 16.6918C3.19085 16.5746 3.125 16.4157 3.125 16.2499V12.7588C3.125 12.6767 3.14117 12.5954 3.17258 12.5196C3.20398 12.4438 3.25002 12.3749 3.30806 12.3168L12.6831 2.94185C12.8003 2.82464 12.9592 2.75879 13.125 2.75879C13.2908 2.75879 13.4497 2.82464 13.5669 2.94185L17.0581 6.43296C17.1753 6.55017 17.2411 6.70915 17.2411 6.87491C17.2411 7.04067 17.1753 7.19964 17.0581 7.31685L7.5 16.8749Z", stroke: "#596168", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Me = (i) => /* @__PURE__ */ g.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ g.createElement("path", { d: "M3.74216 4.67419H1.49216V2.42419", fill: "#767D84" }), /* @__PURE__ */ g.createElement("path", { d: "M3.74216 4.67419H1.49216V2.42419", stroke: "#596168", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M3.08318 8.91682C3.66007 9.49371 4.39507 9.88658 5.19525 10.0457C5.99542 10.2049 6.82482 10.1232 7.57856 9.811C8.33231 9.49879 8.97654 8.97008 9.42981 8.29173C9.88307 7.61338 10.125 6.81585 10.125 6C10.125 5.18415 9.88307 4.38663 9.42981 3.70827C8.97654 3.02992 8.33231 2.50121 7.57856 2.189C6.82482 1.87679 5.99542 1.7951 5.19525 1.95426C4.39507 2.11343 3.66007 2.50629 3.08318 3.08319L1.49219 4.67418", stroke: "#596168", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Be = (i) => /* @__PURE__ */ g.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", ...i }, /* @__PURE__ */ g.createElement("path", { fill: "#959BA1", className: "fill-color", fillRule: "evenodd", d: "M10.5 7.583h-7c-.322 0-.583-.26-.583-.583 0-.322.26-.583.583-.583h7c.322 0 .583.26.583.583 0 .322-.26.583-.583.583z" })), He = (i) => /* @__PURE__ */ g.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ g.createElement("path", { d: "M12.6667 4C12.4899 4 12.3203 4.07024 12.1953 4.19526C12.0703 4.32029 12.0001 4.48986 12.0001 4.66667V7.33333C12.0001 7.51014 11.9298 7.67971 11.8048 7.80474C11.6798 7.92976 11.5102 8 11.3334 8H4.94005L5.80672 7.14C5.93226 7.01446 6.00278 6.8442 6.00278 6.66667C6.00278 6.48913 5.93226 6.31887 5.80672 6.19333C5.68118 6.0678 5.51092 5.99727 5.33339 5.99727C5.15585 5.99727 4.98559 6.0678 4.86005 6.19333L2.86005 8.19333C2.79936 8.25674 2.75178 8.3315 2.72005 8.41333C2.65337 8.57564 2.65337 8.75769 2.72005 8.92C2.75178 9.00183 2.79936 9.0766 2.86005 9.14L4.86005 11.14C4.92203 11.2025 4.99576 11.2521 5.077 11.2859C5.15824 11.3198 5.24538 11.3372 5.33339 11.3372C5.42139 11.3372 5.50853 11.3198 5.58977 11.2859C5.67101 11.2521 5.74474 11.2025 5.80672 11.14C5.86921 11.078 5.9188 11.0043 5.95265 10.9231C5.98649 10.8418 6.00392 10.7547 6.00392 10.6667C6.00392 10.5787 5.98649 10.4915 5.95265 10.4103C5.9188 10.329 5.86921 10.2553 5.80672 10.1933L4.94005 9.33333H11.3334C11.8638 9.33333 12.3725 9.12262 12.7476 8.74755C13.1227 8.37247 13.3334 7.86377 13.3334 7.33333V4.66667C13.3334 4.48986 13.2631 4.32029 13.1381 4.19526C13.0131 4.07024 12.8435 4 12.6667 4Z", fill: "#3B444C" })), Qe = ({
+  // Setting it to zero in case of external pipeline
+  ciPipelineId: i,
+  artifactId: l,
+  imageComment: c,
+  imageReleaseTags: d,
+  updateCurrentAppMaterial: b,
+  appReleaseTagNames: p,
+  setAppReleaseTagNames: _,
+  tagsEditable: x,
+  setTagsEditable: j,
+  toggleCardMode: I,
+  hideHardDelete: k,
+  forceReInit: y,
+  isSuperAdmin: S
+}) => {
+  const [E, D] = o(d || []), [H, K] = o(c ? c.comment : ""), [Z, O] = o(p || []), [$, L] = o(c ? c.comment : ""), [v, R] = o(!1), [re, W] = o(!1), [f, u] = o(d || []), [A, w] = o(""), [N, T] = o([]), [M, P] = o([]), [Y, V] = o([]), [q, G] = o(""), [C, J] = o(""), [z, Q] = o(!1);
+  ae(() => {
+    oe();
+  }, [d, c, x]), ae(() => {
+    O(p || []);
+  }, [p]);
+  const oe = () => {
+    (y || !v) && (D(d || []), K(c ? c.comment : ""), L(c ? c.comment : ""), u(d || []), R(!1));
+  }, B = () => {
+    R(!v), typeof I == "function" && I(l);
+  }, ce = (t) => {
+    const s = t.target.value;
+    s?.length > 500 ? G("comment length cannot exceed 500 characters") : G(""), L(s);
+  }, le = () => {
+    u(E), L(H), T([]), P([]), V([]), B(), W(!1), w("");
+  }, U = (t) => {
+    if (t.length == 0 || t.length >= 128 || t[0] == "." || t[0] == "-")
+      return w("Tag name cannot be empty or exceed 128 characters or cannot start with . or -"), !1;
+    w("");
+    const s = Z.includes(t);
+    let a = !1;
+    for (let n = 0; n < f?.length; n++)
+      f[n].tagName.toLowerCase() === t && (a = !0);
+    return s || a || t === "latest" ? (w("This tag is already being used in this application"), !1) : !0;
+  }, F = (t) => {
+    const s = t.toLowerCase().trim();
+    if (U(s)) {
+      const a = {
+        id: 0,
+        tagName: s,
+        appId: 0,
+        deleted: !1,
+        artifactId: 0,
+        duplicateTag: !1
+      }, n = [...N, a];
+      return T(n), u([...f, a]), W(!0), J(""), n;
+    }
+    return N;
+  }, X = (t) => {
+    const s = [...f];
+    s[t] = {
+      ...s[t],
+      deleted: !s[t].deleted
+    };
+    const a = s[t];
+    let n = [...M];
+    const r = n.findIndex((m) => m.tagName === a.tagName);
+    r !== -1 ? n.splice(r, 1) : n.push(a), u(s), P(n);
+  }, ee = (t) => {
+    const s = f[t], a = N.filter((m) => m.tagName !== s.tagName);
+    T(a);
+    const n = [...f];
+    n.splice(t, 1), u(n);
+    const r = Z.filter((m) => m.toLowerCase() !== s.tagName.toLowerCase());
+    if (O(r), s.id !== 0) {
+      const m = [...Y, s];
+      V(m);
+    }
+  }, de = (t) => {
+    t.forEach(({ userMessage: s }) => {
+      const a = N.map((r) => s?.appReleaseTags?.includes(r.tagName) ? {
+        ...r,
+        duplicateTag: !0
+      } : r);
+      T(a);
+      const n = f.map((r) => {
+        const m = a.find((ve) => ve.tagName === r.tagName);
+        return m ? { ...r, duplicateTag: m.duplicateTag } : r;
+      });
+      u(n);
+    });
+  }, me = async (t) => {
+    if (A)
+      return;
+    const s = {
+      createTags: t,
+      softDeleteTags: M,
+      imageComment: {
+        id: 0,
+        comment: $.trim(),
+        artifactId: 0
+      },
+      hardDeleteTags: Y
+    };
+    Q(!0), Ee(s, i ?? 0, l).then((a) => {
+      const n = a.result?.imageReleaseTags?.map((r) => ({
+        id: r.id,
+        tagName: r.tagName,
+        deleted: r.deleted,
+        appId: 0,
+        artifactId: 0
+      }));
+      _ && _(a.result?.appReleaseTags), j && j(a.result?.tagsEditable), D(n), K(a.result?.imageComment?.comment), u(n), L(a.result?.imageComment?.comment), T([]), P([]), V([]), B(), W(!1), w(""), b && b(l, n, a.result?.imageComment);
+    }).catch((a) => {
+      a.errors?.[0]?.userMessage?.appReleaseTags?.length ? (_e.error(a.errors?.[0]?.internalMessage), de(a.errors)) : Se(a);
+    }).finally(() => {
+      Q(!1);
+    });
+  }, ge = () => /* @__PURE__ */ e.jsx(
+    Ne,
+    {
+      theme: ye.white,
+      className: "w-300 fcv-5",
+      placement: "right",
+      Icon: Te,
+      heading: "Release tags",
+      showCloseButton: !0,
+      trigger: "click",
+      interactive: !0,
+      additionalContent: fe(),
+      children: /* @__PURE__ */ e.jsx("div", { className: "flex", children: /* @__PURE__ */ e.jsx(be, { className: "fcn-5 ml-8 cursor icon-dim-16" }) })
+    }
+  ), fe = () => /* @__PURE__ */ e.jsxs("div", { className: "h-250 fs-13 dc__overflow-scroll p-12", children: [
+    /* @__PURE__ */ e.jsx("div", { children: "Release tags allow you to tag container images with readable and relatable tags eg. v1.0." }),
+    /* @__PURE__ */ e.jsxs("ul", { className: "pl-20 mt-8", children: [
+      /* @__PURE__ */ e.jsx("li", { children: "A release tag can only be added if a workflow has CD pipelines deploying to Production environments." }),
+      /* @__PURE__ */ e.jsx("li", { children: "Multiple tags can be added to an image." }),
+      /* @__PURE__ */ e.jsx("li", { children: "Multiple images in an application cannot have the same tag." }),
+      /* @__PURE__ */ e.jsx("li", { children: "Tags cannot be deleted once saved. Although, you can soft delete a tag if an unwanted tag has been added." })
+    ] })
+  ] }), he = Ce(null);
+  if ($ === "" && f.length === 0 && !v)
+    return x ? /* @__PURE__ */ e.jsx("div", { className: "bcn-0 mt-8 add-image-button", children: /* @__PURE__ */ e.jsx($e, { handleEditClick: B }) }) : /* @__PURE__ */ e.jsx("div", {});
+  const pe = (t) => {
+    t.key === "Enter" && t.target.value.trim() && F(t.target.value.trim());
+  }, te = (t) => {
+    t.target.value && U(t.target.value), J(t.target.value);
+  }, ue = (t) => {
+    h(t), C.trim() && F(C.trim());
+  }, xe = () => {
+    let t = N;
+    C.trim() && (t = F(C)), me(t);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "mt-8", children: v && x ? /* @__PURE__ */ e.jsxs("div", { className: "bcn-0 dc__border-top-n1 ", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "cn-7 mt-12 flex left", children: [
+      /* @__PURE__ */ e.jsx("div", { children: "Release tags (eg. v1.0)" }),
+      ge()
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "mt-6 dc__position-rel-imp", "data-testid": "add-tag-text-area", children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          className: "form__input fs-13",
+          value: C,
+          onChange: te,
+          placeholder: "Type a tag and press enter",
+          onKeyDown: pe,
+          onBlur: te,
+          ref: he
+        }
+      ),
+      C.length > 0 && /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          onClick: ue,
+          className: "dc__position-abs bcn-0 flex cursor pt-2 pb-2 pr-4 pl-4 br-2 cn-7 dc__border dc__border-bottom-2",
+          style: {
+            top: "50%",
+            fontFamily: "monospace",
+            right: "8px",
+            transform: "translateY(-50%)"
+          },
+          children: [
+            /* @__PURE__ */ e.jsx(He, { className: "icon-dim-16 mr-4" }),
+            "Enter"
+          ]
+        }
+      )
+    ] }),
+    A && /* @__PURE__ */ e.jsxs("div", { className: "flex left", children: [
+      /* @__PURE__ */ e.jsx(se, { className: "form__icon form__icon--error" }),
+      /* @__PURE__ */ e.jsx("div", { className: "form__error", children: A })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex-wrap mt-8 flex left", children: f?.map((t, s) => /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        text: t?.tagName,
+        isSoftDeleted: t?.deleted,
+        isEditing: v,
+        onSoftDeleteClick: (a) => {
+          h(a), X(s);
+        },
+        onHardDeleteClick: (a) => {
+          h(a), ee(s);
+        },
+        tagId: t.id,
+        softDeleteTags: M,
+        isSuperAdmin: S,
+        duplicateTag: t?.duplicateTag,
+        hideHardDelete: k
+      },
+      t.id
+    )) }),
+    re && /* @__PURE__ */ e.jsxs("div", { className: "cn-7 mb-8 flex left", children: [
+      /* @__PURE__ */ e.jsx(Ie, { className: "form__icon--info icon-dim-16 mr-2" }),
+      "Tags cannot be edited/removed later"
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "cn-7 mt-12", children: "Comment" }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "flex left flex-wrap dc__gap-8 w-100 mt-6 mb-12",
+        "data-testid": "add-image-comment-text-area",
+        children: /* @__PURE__ */ e.jsx(
+          "textarea",
+          {
+            value: $,
+            onChange: ce,
+            className: "flex left flex-wrap dc__gap-8 dc__description-textarea fs-13",
+            style: { height: "90px !important" }
+          }
+        )
+      }
+    ),
+    q !== "" && /* @__PURE__ */ e.jsxs("div", { className: "flex left", children: [
+      /* @__PURE__ */ e.jsx(se, { className: "form__icon form__icon--error" }),
+      /* @__PURE__ */ e.jsx("div", { className: "form__error", children: q })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "w-100 flex right mt-12", children: [
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: "cta flex cancel h-32 lh-32-imp",
+          type: "button",
+          onClick: (t) => {
+            h(t), le();
+          },
+          disabled: z,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: "cta flex h-32 lh-32-imp ml-12",
+          "data-testid": "save-tags-button",
+          type: "button",
+          onClick: (t) => {
+            h(t), xe();
+          },
+          disabled: z,
+          children: z ? /* @__PURE__ */ e.jsx(De, {}) : "Save"
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: "top br-4 bcn-0 image-tags-container flexbox", children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "flex left image-tag-left-border w-100 mt-8 mb-8 pr-10 pl-10",
+        "data-testid": "image-tags-container-hover",
+        children: /* @__PURE__ */ e.jsxs("div", { className: "w-100", children: [
+          H && /* @__PURE__ */ e.jsx("div", { className: "mb-6 fs-13 lh-20 dc__word-break-all", children: H }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex-wrap flex left", children: E?.map((t, s) => /* @__PURE__ */ e.jsx(
+            ie,
+            {
+              text: t?.tagName,
+              isSoftDeleted: t?.deleted,
+              isEditing: v,
+              onSoftDeleteClick: (a) => {
+                h(a), X(s);
+              },
+              onHardDeleteClick: (a) => {
+                h(a), ee(s);
+              },
+              tagId: t.id,
+              softDeleteTags: M,
+              isSuperAdmin: S,
+              duplicateTag: t?.duplicateTag,
+              hideHardDelete: k
+            },
+            t?.id
+          )) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-8 mr-10 icon-dim-16", children: x && /* @__PURE__ */ e.jsx(
+      Le,
+      {
+        className: "icon-dim-16 image-tags-container-edit__icon cursor",
+        "data-testid": "edit-tags-icon",
+        onClick: (t) => {
+          h(t), B();
+        }
+      }
+    ) })
+  ] }) });
+}, ie = ({
+  text: i,
+  isSoftDeleted: l,
+  isEditing: c,
+  onSoftDeleteClick: d,
+  onHardDeleteClick: b,
+  tagId: p,
+  softDeleteTags: _,
+  isSuperAdmin: x,
+  duplicateTag: j,
+  hideHardDelete: I
+}) => {
+  const k = l ? Me : Be, y = l && _.some((D) => D.tagName === i), S = p === 0 || x && !I, E = () => j ? "cr-5 bcr-1 er-2" : l ? "cy-7 bcy-1 dc__strike-through ey-2" : "cn-9";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `br-4 en-2 bw-1 mr-8 bcn-0 mb-4 pt-2 pr-8 pb-2 pl-8 tag-class dc__word-break-all flex ${c ? "icon-hover" : ""} ${E()}`,
+      children: [
+        j ? /* @__PURE__ */ e.jsx(ke, { className: "icon-dim-12 mr-4" }) : /* @__PURE__ */ e.jsx(
+          ne,
+          {
+            className: "default-tt",
+            arrow: !0,
+            placement: "top",
+            content: y ? "Restore tag" : "Soft delete tag",
+            children: /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: `action-icon mr-4 lh-16 pt-3 ${y || p !== 0 && !l ? "show-icon" : ""}`,
+                children: /* @__PURE__ */ e.jsx(
+                  k,
+                  {
+                    className: `icon-dim-12 cursor ${l ? "scn-6" : "fcn-6"} `,
+                    "data-testid": `${i}-tag-soft-delete`,
+                    onClick: d
+                  }
+                )
+              }
+            )
+          }
+        ),
+        i,
+        /* @__PURE__ */ e.jsx(ne, { className: "default-tt", arrow: !0, placement: "top", content: "Remove tag", children: /* @__PURE__ */ e.jsx("div", { className: `action-icon ml-4 lh-16 pt-3 ${S ? "show-icon" : ""}`, children: /* @__PURE__ */ e.jsx(
+          we,
+          {
+            className: "icon-dim-12 fcn-6 cursor",
+            "data-testid": `${i}-tag-hard-delete`,
+            onClick: b
+          }
+        ) }) })
+      ]
+    }
+  );
+}, $e = ({ handleEditClick: i }) => {
+  const l = (c) => {
+    h(c), i();
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "add-tag-button flex pt-12 pr-12", "data-testid": "add-tags-button", onClick: l, children: /* @__PURE__ */ e.jsxs("div", { className: "lh-16 flex", children: [
+    /* @__PURE__ */ e.jsx(je, { className: "icon-dim-16 cn-6" }),
+    /* @__PURE__ */ e.jsx("span", { className: "cn-7", children: "Add tags/comment" })
+  ] }) });
+};
+export {
+  ie as ImageTagButton,
+  Qe as ImageTagsContainer
+};

package/dist/Common/InfoColorBar/InfoColourbar.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { InfoColourBarType } from '../Types';
-import './infoColourBar.scss';
-declare function InfoColourBar({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, }: InfoColourBarType): JSX.Element;
-export default InfoColourBar;
+/// <reference types="react" />
+import { InfoColourBarType } from '../Types';
+declare function InfoColourBar({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, }: InfoColourBarType): JSX.Element;
+export default InfoColourBar;

package/dist/Common/InfoColorBar/InfoColourbar.js

@@ -0,0 +1,65 @@
+import "../../assets/InfoColourbar.css";
+import { j as r } from "../../jsx-runtime-0dcb030c.js";
+import { Link as u } from "react-router-dom";
+function j({
+  message: i,
+  classname: c,
+  Icon: l,
+  iconClass: d,
+  iconSize: o,
+  renderActionButton: n,
+  linkText: s,
+  redirectLink: e,
+  linkOnClick: a,
+  linkClass: t,
+  internalLink: m,
+  styles: f
+}) {
+  const p = () => {
+    if (s) {
+      if (e)
+        return m ? /* @__PURE__ */ r.jsx(
+          u,
+          {
+            to: e,
+            onClick: a,
+            "data-testid": "info-bar-internal-link",
+            className: "cursor dc__link dc__underline-onhover mr-5",
+            children: s
+          }
+        ) : /* @__PURE__ */ r.jsx(
+          "a",
+          {
+            href: e,
+            target: "_blank",
+            onClick: a,
+            "data-testid": "info-bar-redirectLink",
+            className: "cursor dc__link dc__underline-onhover mr-5",
+            children: s
+          }
+        );
+    } else
+      return null;
+    return a && /* @__PURE__ */ r.jsx("div", { onClick: a, className: "cursor dc__link dc__underline-onhover", "data-testid": "info-bar-linkText", children: s });
+  };
+  return /* @__PURE__ */ r.jsx("div", { className: "info-bar-container", children: /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: `${c} info_text flex dc__content-space pt-8 pb-8 pl-12 pr-12 br-4 top fs-13 fw-4`,
+      style: f,
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: `flex top ${typeof n == "function" ? "mr-5" : ""}`, children: [
+          /* @__PURE__ */ r.jsx("div", { className: `icon-dim-${o ?? "20"} mr-10`, children: /* @__PURE__ */ r.jsx(l, { className: `icon-dim-${o ?? "20"} ${d || ""} mr-8` }) }),
+          /* @__PURE__ */ r.jsxs("div", { className: `info-bar-message-wrapper ${t || ""}`, children: [
+            /* @__PURE__ */ r.jsx("span", { className: s && e ? "mr-5" : "", children: i }),
+            p()
+          ] })
+        ] }),
+        typeof n == "function" && n()
+      ]
+    }
+  ) });
+}
+export {
+  j as default
+};

package/dist/Common/Modals/Modal.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ModalType } from '../Types';
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;
+import React from 'react';
+import { ModalType } from '../Types';
+export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;

package/dist/Common/Modals/Modal.js

@@ -0,0 +1,48 @@
+import { j as u } from "../../jsx-runtime-0dcb030c.js";
+import m, { useEffect as p } from "react";
+import v from "react-dom";
+const g = ({
+  style: d = {},
+  children: l,
+  modal: c = !1,
+  rootClassName: f = "",
+  onClick: n = null,
+  callbackRef: i = null,
+  preventWheelDisable: o = !1,
+  noBackDrop: s
+}) => {
+  const t = m.useRef(null);
+  function r(e) {
+    typeof n == "function" && (t && t.current?.contains(e.target) ? n(e, "in") : n(e, "out"));
+  }
+  function a(e) {
+    o || (t?.current.contains(e.target) ? t.current.clientHeight === t.current.scrollHeight && e.preventDefault() : e.preventDefault());
+  }
+  return p(() => {
+    document.addEventListener("click", r);
+    let e = document.getElementById("visible-modal");
+    return e && e.classList.add("show"), s && e.classList.add("no-back-drop"), o || document.body.addEventListener("wheel", a, { passive: !1 }), () => {
+      o || document.body.removeEventListener("wheel", a), document.removeEventListener("click", r), e && e.classList.remove("show"), s && e.classList.remove("no-back-drop");
+    };
+  }, []), v.createPortal(
+    /* @__PURE__ */ u.jsx(
+      "div",
+      {
+        tabIndex: 0,
+        onClick: n,
+        "data-testid": "common-modal",
+        ref: (e) => {
+          typeof i == "function" && i(e), t.current = e;
+        },
+        id: "popup",
+        className: `${f} popup ${c ? "modal" : ""}`,
+        style: { ...d },
+        children: l
+      }
+    ),
+    document.getElementById("visible-modal")
+  );
+};
+export {
+  g as Modal
+};

package/dist/Common/Modals/OpaqueModal.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export interface OpaqueModalProps {
-    className?: string;
-    onHide?: any;
-    noBackground?: boolean;
-}
-export declare class OpaqueModal extends React.Component<OpaqueModalProps> {
-    modalRef: HTMLElement;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+export interface OpaqueModalProps {
+    className?: string;
+    onHide?: any;
+    noBackground?: boolean;
+}
+export declare class OpaqueModal extends React.Component<OpaqueModalProps> {
+    modalRef: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal;
+}

package/dist/Common/Modals/OpaqueModal.js

@@ -0,0 +1,32 @@
+var c = Object.defineProperty;
+var i = (o, e, s) => e in o ? c(o, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[e] = s;
+var a = (o, e, s) => (i(o, typeof e != "symbol" ? e + "" : e, s), s);
+import { j as t } from "../../jsx-runtime-0dcb030c.js";
+import m from "react";
+import n from "react-dom";
+import { c as d } from "../../ic-cross-0e71861d.js";
+class g extends m.Component {
+  constructor() {
+    super(...arguments);
+    a(this, "modalRef", document.getElementById("full-screen-modal"));
+  }
+  componentDidMount() {
+    this.props.noBackground ? this.modalRef.classList.add("show") : this.modalRef.classList.add("show-with-bg");
+  }
+  componentWillUnmount() {
+    this.modalRef.classList.remove("show"), this.modalRef.classList.remove("show-with-bg");
+  }
+  render() {
+    const { className: s = "", onHide: l = null } = { ...this.props };
+    return n.createPortal(
+      /* @__PURE__ */ t.jsxs("div", { className: `full-screen-modal__body-container ${s}`, children: [
+        this.props.children,
+        typeof l == "function" && /* @__PURE__ */ t.jsx("div", { className: "close-btn icon-dim-24", onClick: (r) => l(!1), "data-testid": "opaque-modal-close", children: /* @__PURE__ */ t.jsx("img", { className: "close-img", src: d, alt: "close" }) })
+      ] }),
+      document.getElementById("full-screen-modal")
+    );
+  }
+}
+export {
+  g as OpaqueModal
+};

package/dist/Common/Modals/VisibleModal.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export declare class VisibleModal extends React.Component<{
-    className: string;
-    parentClassName?: string;
-    noBackground?: boolean;
-    close?: (e: any) => void;
-    onEscape?: (e: any) => void;
-}> {
-    modalRef: HTMLElement;
-    constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+export declare class VisibleModal extends React.Component<{
+    className: string;
+    parentClassName?: string;
+    noBackground?: boolean;
+    close?: (e: any) => void;
+    onEscape?: (e: any) => void;
+}> {
+    modalRef: HTMLElement;
+    constructor(props: any);
+    escFunction(event: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal;
+}

package/dist/Common/Modals/VisibleModal.js

@@ -0,0 +1,31 @@
+var i = Object.defineProperty;
+var a = (o, e, s) => e in o ? i(o, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[e] = s;
+var t = (o, e, s) => (a(o, typeof e != "symbol" ? e + "" : e, s), s);
+import { j as n } from "../../jsx-runtime-0dcb030c.js";
+import l from "react";
+import r from "react-dom";
+class h extends l.Component {
+  constructor(s) {
+    super(s);
+    t(this, "modalRef", document.getElementById("visible-modal"));
+    this.escFunction = this.escFunction.bind(this);
+  }
+  escFunction(s) {
+    (s.keyCode === 27 || s.key === "Escape") && (this.props.onEscape ? this.props.onEscape(s) : this.props.close && this.props.close(s));
+  }
+  componentDidMount() {
+    document.addEventListener("keydown", this.escFunction), this.modalRef.classList.add(this.props.noBackground ? "show" : "show-with-bg"), this.props.parentClassName && this.modalRef.classList.add(this.props.parentClassName);
+  }
+  componentWillUnmount() {
+    document.removeEventListener("keydown", this.escFunction), this.modalRef.classList.remove("show"), this.modalRef.classList.remove("show-with-bg"), this.props.parentClassName && this.modalRef.classList.remove(this.props.parentClassName);
+  }
+  render() {
+    return r.createPortal(
+      /* @__PURE__ */ n.jsx("div", { className: `visible-modal__body ${this.props.className}`, onClick: this.props?.close, "data-testid": "visible-modal-close", children: this.props.children }),
+      document.getElementById("visible-modal")
+    );
+  }
+}
+export {
+  h as VisibleModal
+};

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export declare class VisibleModal2 extends React.Component<{
-    className: string;
-    close?: (e: any) => void;
-}> {
-    modalRef: HTMLElement;
-    constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+export declare class VisibleModal2 extends React.Component<{
+    className: string;
+    close?: (e: any) => void;
+}> {
+    modalRef: HTMLElement;
+    constructor(props: any);
+    escFunction(event: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal;
+}