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

package/dist/Common/ImageTags.js

@@ -1,384 +0,0 @@
-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.js

@@ -1,65 +0,0 @@
-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.js

@@ -1,48 +0,0 @@
-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.js

@@ -1,32 +0,0 @@
-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.js

@@ -1,31 +0,0 @@
-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.js

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