@devtron-labs/devtron-fe-common-lib 1.12.0 → 1.13.0-pre-1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.12.0",
+    "version": "1.13.0-pre-1",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
@@ -66,8 +66,6 @@
         "json-schema": "^0.4.0",
         "lint-staged": "^12.5.0",
         "moment": "^2.29.4",
-        "monaco-editor": "0.44.0",
-        "monaco-yaml": "5.1.1",
         "prettier": "^3.1.1",
         "react-ga4": "^1.4.1",
         "react-toastify": "9.1.3",
@@ -127,7 +125,6 @@
         "react-diff-viewer-continued": "^3.4.0",
         "react-draggable": "^4.4.5",
         "react-international-phone": "^4.5.0",
-        "react-monaco-editor": "^0.54.0",
         "react-virtualized-sticky-tree": "^3.0.0-beta18",
         "sass": "^1.69.7",
         "tslib": "2.7.0"
@@ -138,9 +135,6 @@
             "react": "^17.0.2",
             "react-dom": "^17.0.2"
         },
-        "react-monaco-editor": {
-            "monaco-editor": "0.44.0"
-        },
         "vite-plugin-svgr": {
             "vite": "5.4.17"
         },

package/dist/@common-rjsf-CzK1frl5.js

@@ -1,617 +0,0 @@
-import { j as n, av as y, ax as k, aw as W } from "./@vendor-SjXFleuT.js";
-import V, { forwardRef as J, useMemo as P } from "react";
-import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-BX93G51P.js";
-import Q, { components as D } from "react-select";
-import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
-import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as se, deepEquals as ae } from "@rjsf/utils";
-import { ReactComponent as oe } from "./assets/ic-add.cfaa779b.svg";
-import { ReactComponent as ie } from "./assets/ic-cross.01e03666.svg";
-import { ReactComponent as le } from "./assets/ic-warning.ecf7ff97.svg";
-import './assets/@common-rjsf.css';const O = {
-  SELECT: "Please select an option",
-  INPUT: "Please enter an input",
-  OBJECT_KEY: "Please enter a value for the key"
-}, ce = "Key not available", Je = {
-  "ui:submitButtonOptions": {
-    norender: !0
-  }
-}, de = ({
-  children: e,
-  disabled: t,
-  hasToolbar: s,
-  hasRemove: r,
-  index: a,
-  onDropIndexClick: i,
-  readonly: l,
-  registry: o,
-  uiSchema: c
-}) => {
-  const { RemoveButton: d } = o.templates.ButtonTemplates;
-  return /* @__PURE__ */ n.jsxs("div", { className: "dc__position-rel display-grid rjsf-form-template__array-field-item flex-align-center", children: [
-    e,
-    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: s && r && /* @__PURE__ */ n.jsx(
-      d,
-      {
-        disabled: t || l,
-        onClick: i(a),
-        uiSchema: c,
-        registry: o
-      }
-    ) })
-  ] });
-}, T = ({
-  showLabel: e,
-  label: t,
-  required: s,
-  children: r,
-  id: a,
-  rawDescription: i,
-  shouldAlignCenter: l = !0
-}) => /* @__PURE__ */ n.jsxs(
-  "div",
-  {
-    className: e ? `display-grid dc__gap-12 rjsf-form-template__field ${l ? "flex-align-center" : ""}` : "",
-    children: [
-      e && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: a, children: [
-        /* @__PURE__ */ n.jsx(F, { alwaysShowTippyOnHover: !!i, content: i, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${i ? "text-underline-dashed-300" : ""}`, children: t || ce }) }),
-        s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
-      ] }),
-      r
-    ]
-  }
-), A = ({ label: e, canAdd: t, onAddClick: s, disabled: r, readonly: a, uiSchema: i, registry: l }) => {
-  const {
-    ButtonTemplates: { AddButton: o }
-  } = l.templates;
-  return t && /* @__PURE__ */ n.jsx(
-    o,
-    {
-      label: e,
-      onClick: s,
-      disabled: r || a,
-      uiSchema: i,
-      registry: l
-    }
-  );
-}, ue = ({
-  canAdd: e,
-  className: t,
-  disabled: s,
-  idSchema: r,
-  uiSchema: a,
-  items: i,
-  onAddClick: l,
-  readonly: o,
-  registry: c,
-  required: d,
-  title: x
-}) => {
-  const u = B(a), f = $("ArrayFieldItemTemplate", c, u), p = u.title || x;
-  return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: r.$id, children: i.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    i.map(({ key: _, ...j }, h) => {
-      const m = {
-        ...j.children,
-        props: {
-          ...j.children.props
-        }
-      };
-      return /* @__PURE__ */ n.jsx(f, { ...j, children: m }, _);
-    }),
-    /* @__PURE__ */ n.jsx(
-      A,
-      {
-        label: p,
-        canAdd: e,
-        onAddClick: l,
-        disabled: s,
-        readonly: o,
-        uiSchema: a,
-        registry: c
-      }
-    )
-  ] }) : /* @__PURE__ */ n.jsx(T, { label: p, required: d, showLabel: !0, id: r.$id, children: /* @__PURE__ */ n.jsx(
-    A,
-    {
-      label: p,
-      canAdd: e,
-      onAddClick: l,
-      disabled: s,
-      readonly: o,
-      uiSchema: a,
-      registry: c
-    }
-  ) }) });
-}, {
-  templates: { BaseInputTemplate: me }
-} = q(), pe = ({ placeholder: e, ...t }) => /* @__PURE__ */ n.jsx(
-  me,
-  {
-    placeholder: e || O.INPUT,
-    ...t,
-    className: "form__input cn-9 fs-13 lh-20 fw-4"
-  }
-), U = ({
-  label: e,
-  icon: t,
-  iconType: s,
-  registry: r,
-  uiSchema: a,
-  ...i
-}) => {
-  const l = `Add ${e}`;
-  return /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-start", children: /* @__PURE__ */ n.jsxs(
-    "button",
-    {
-      ...i,
-      type: "button",
-      className: "dc__outline-none-imp p-0 dc__transparent flex dc__gap-4 cursor dc__mxw-250",
-      title: "Add",
-      children: [
-        /* @__PURE__ */ n.jsx(oe, { className: "icon-dim-16 fcb-5" }),
-        /* @__PURE__ */ n.jsx(F, { placement: "right", content: l, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: l }) })
-      ]
-    }
-  ) });
-}, fe = ({ icon: e, iconType: t, registry: s, uiSchema: r, ...a }) => /* @__PURE__ */ n.jsx("button", { ...a, type: "button", className: "dc__outline-none-imp p-0 dc__transparent flex cursor", title: "Remove", children: /* @__PURE__ */ n.jsx(ie, { className: "icon-dim-16 fcn-6" }) }), he = ({ uiSchema: e }) => {
-  const { submitText: t, norender: s, props: r = {} } = Z(e);
-  return s ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...r, className: `cta ${r.className || ""}`, children: t }) });
-}, C = ({
-  id: e,
-  title: t,
-  required: s,
-  description: r
-}) => /* @__PURE__ */ n.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border pb-9 mb-0", id: e, children: [
-  /* @__PURE__ */ n.jsx(F, { alwaysShowTippyOnHover: !!r, content: r, children: /* @__PURE__ */ n.jsx("span", { className: `${r ? "text-underline-dashed-300" : ""}`, children: t }) }),
-  s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
-] }), xe = (e) => {
-  const {
-    id: t,
-    label: s,
-    children: r,
-    errors: a,
-    hidden: i,
-    required: l,
-    displayLabel: o,
-    registry: c,
-    uiSchema: d,
-    classNames: x,
-    schema: u,
-    rawDescription: f
-  } = e, p = B(d), _ = $(
-    "WrapIfAdditionalTemplate",
-    c,
-    p
-  ), j = L in u, h = (o || u.type === "boolean") && !j, m = u.type === "array";
-  return i ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: r }) : (
-    // NOTE: need to override the margins of default rjsf css
-    /* @__PURE__ */ n.jsxs("div", { className: `${x} mb-0`, children: [
-      m && /* @__PURE__ */ n.jsx(
-        C,
-        {
-          id: t,
-          title: s,
-          required: l,
-          registry: c,
-          uiSchema: d,
-          schema: u,
-          description: f
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        T,
-        {
-          label: s,
-          showLabel: h,
-          id: t,
-          required: l,
-          rawDescription: f,
-          children: /* @__PURE__ */ n.jsx(_, { ...e, children: r })
-        }
-      ),
-      a
-    ] })
-  );
-}, je = ({ errors: e = [], idSchema: t }) => {
-  const s = ee(t);
-  return e.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: s, children: e.filter((r) => !!r).map((r, a) => /* @__PURE__ */ n.jsxs(V.Fragment, { children: [
-    /* @__PURE__ */ n.jsx("span", {}),
-    /* @__PURE__ */ n.jsxs("span", { className: "form__error", children: [
-      /* @__PURE__ */ n.jsx(le, { className: "form__icon form__icon--error" }),
-      r
-    ] })
-  ] }, a)) });
-}, _e = (e, t) => {
-  switch (e) {
-    case ne.NewStringDefault:
-      return "";
-    default:
-      return te(e, t);
-  }
-}, Ke = (e) => {
-  try {
-    const t = new URL(e).origin === window.location.origin;
-    return {
-      href: e,
-      target: t ? "_self" : "_blank",
-      rel: t ? void 0 : "external noreferrer",
-      url: e
-    };
-  } catch {
-    return {
-      href: e,
-      target: "_blank",
-      url: `${e} (Invalid URL)`
-    };
-  }
-}, qe = (e) => {
-  const t = typeof e;
-  switch (t) {
-    case "boolean":
-    case "string":
-    case "number":
-      return t;
-    case "object":
-      return Array.isArray(e) ? "array" : e === null ? "null" : t;
-    default:
-      return "null";
-  }
-}, b = (e) => {
-  if (!e)
-    return "";
-  const t = e.trim(), r = (/^\/.+$/g.test(t) ? t : `/${t}`).replaceAll(/\./g, "/");
-  return /(\/(([^/~])|(~[01]))*)/g.test(r) ? r : "";
-}, R = {
-  value: !1,
-  path: ""
-}, ge = (e) => {
-  if (!e)
-    return null;
-  const t = structuredClone(e);
-  return typeof t == "string" ? {
-    value: !0,
-    path: b(t)
-  } : typeof t != "object" ? structuredClone(R) : Object.hasOwn(t, "condition") && "condition" in t && Object.hasOwn(t, "value") && "value" in t ? {
-    value: t.condition,
-    path: b(t.value)
-  } : Object.hasOwn(t, "value") && "value" in t && Object.hasOwn(t, "path") && "path" in t ? {
-    value: t.value,
-    path: b(t.path)
-  } : structuredClone(R);
-}, H = (e, t, s) => {
-  e && (e.type === "object" && e.properties && typeof e.properties == "object" && Object.entries(e.properties).forEach(([r, a]) => {
-    H(a, `${t}/${r}`, s);
-  }), (e.type === "boolean" || e.type === "string" || e.type === "number" || e.type === "integer") && (s[t] = b(e.updatePath ?? t)));
-}, be = (e) => {
-  const t = {};
-  return H(e, "", t), t;
-}, M = (e, t, s) => {
-  if (t >= s.length)
-    return e;
-  const r = s[t];
-  if (t === s.length - 1) {
-    const a = structuredClone(e);
-    return delete a[r], a;
-  }
-  if (e[r] && (e[r] = M(e[r], t + 1, s)), Object.keys(e[r] ?? {}).length === 0) {
-    const a = structuredClone(e);
-    return delete a[r], a;
-  }
-  return e;
-}, ye = (e, t) => {
-  if (!e || typeof e != "object" || Array.isArray(e))
-    throw new Error("Invalid object");
-  if (!t || !t.startsWith("/"))
-    throw new Error("Invalid path");
-  const s = t.split("/").slice(1);
-  return M(e, 0, s);
-}, I = ({
-  formState: e,
-  formData: t,
-  schemaPathToUpdatePathMap: s
-}) => {
-  let r = structuredClone(e);
-  return r && (Object.entries(s).forEach(([a, i]) => {
-    if (a === i || !i)
-      return;
-    const l = y({
-      json: t,
-      path: v(a),
-      resultType: "value",
-      wrap: !1
-    });
-    l === void 0 ? r = ye(r, a) : r = N([S(a, l), r]);
-    const o = y({
-      json: e,
-      path: v(a),
-      resultType: "value",
-      wrap: !1
-    });
-    o !== void 0 && (r = N([S(i, o), r]));
-  }), t && r ? k(t, W(t, r), !1, !1).newDocument : r);
-}, ve = ({ formData: e, schemaPathToUpdatePathMap: t }) => N([
-  ...Object.entries(t).map(([s, r]) => {
-    if (s === r || !r)
-      return {};
-    const a = y({
-      json: e,
-      path: v(r),
-      resultType: "value",
-      wrap: !1
-    });
-    return a === void 0 ? {} : S(s, a);
-  }),
-  structuredClone(e)
-]), Te = ({
-  disabled: e,
-  formData: t,
-  idSchema: s,
-  onAddClick: r,
-  properties: a,
-  readonly: i,
-  registry: l,
-  required: o,
-  schema: c,
-  title: d,
-  uiSchema: x,
-  formContext: u
-}) => {
-  const f = !!c.additionalProperties, p = se(c, x, t) && /* @__PURE__ */ n.jsx(
-    U,
-    {
-      label: d,
-      className: "object-property-expand",
-      onClick: r(c),
-      disabled: e || i,
-      uiSchema: x,
-      registry: l
-    }
-  ), _ = a.filter((j) => {
-    const h = c.properties?.[j.name]?.hidden;
-    if (!h)
-      return !0;
-    try {
-      const m = ge(h);
-      if (!m.path)
-        throw new Error("Empty path property of hidden descriptor field");
-      const g = y({
-        path: v(m.path),
-        json: u,
-        resultType: "value",
-        wrap: !1
-      });
-      return !(g === void 0 || ae(m.value, g));
-    } catch {
-      return !0;
-    }
-  }).sort((j) => c.properties?.[j.name]?.type === "boolean" ? -1 : 1).map((j) => j.content);
-  return f ? a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(
-      T,
-      {
-        label: d,
-        required: o,
-        showLabel: !0,
-        id: s.$id,
-        shouldAlignCenter: !1,
-        children: /* @__PURE__ */ n.jsx("div", { children: _ })
-      }
-    ),
-    p
-  ] }) : /* @__PURE__ */ n.jsx(T, { label: d, required: o, showLabel: !0, id: s.$id, children: p }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    _,
-    p
-  ] });
-}, we = (e) => {
-  const { idSchema: t, registry: s, required: r, schema: a, title: i, uiSchema: l, description: o } = e, c = !!a.additionalProperties, d = i && !c;
-  return /* @__PURE__ */ n.jsxs("fieldset", { id: t.$id, children: [
-    d && /* @__PURE__ */ n.jsx(
-      C,
-      {
-        id: re(t),
-        title: i,
-        required: r,
-        schema: a,
-        uiSchema: l,
-        registry: s,
-        description: o
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        className: `${a.properties && !c && t.$id !== "root" ? "dc__border-left pl-12" : ""} ${t.$id === "root" ? "dc__separated-flexbox dc__separated-flexbox--vertical" : "flexbox-col dc__gap-8"}`,
-        children: /* @__PURE__ */ n.jsx(Te, { ...e })
-      }
-    )
-  ] });
-}, Ne = ({
-  id: e,
-  disabled: t,
-  label: s,
-  onKeyChange: r,
-  onDropPropertyClick: a,
-  readonly: i,
-  schema: l,
-  children: o,
-  uiSchema: c,
-  registry: d
-}) => {
-  const { templates: x } = d, { RemoveButton: u } = x.ButtonTemplates, f = L in l;
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: f ? /* @__PURE__ */ n.jsxs("div", { className: "dc__position-rel rjsf-form-template__additional-fields display-grid dc__gap-8 flex-align-center", children: [
-    /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(
-      "input",
-      {
-        type: "text",
-        className: "form__input cn-9 fs-13 lh-20 fw-4",
-        id: `${e}-key`,
-        onBlur: (p) => r(p.target.value),
-        placeholder: O.OBJECT_KEY,
-        defaultValue: s
-      }
-    ) }),
-    /* @__PURE__ */ n.jsx("div", { children: o }),
-    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: /* @__PURE__ */ n.jsx(
-      u,
-      {
-        disabled: t || i,
-        onClick: a(s),
-        uiSchema: c,
-        registry: d
-      }
-    ) })
-  ] }) : o });
-}, Se = ({
-  id: e,
-  onChange: t,
-  value: s,
-  required: r,
-  disabled: a,
-  readonly: i,
-  autofocus: l,
-  onBlur: o,
-  onFocus: c
-}) => {
-  const d = (u, f) => {
-    const { id: p, checked: _ } = u.target;
-    f === "blur" ? o(p, _) : f === "focus" && c(p, _);
-  }, x = z(s) ? !1 : s;
-  return /* @__PURE__ */ n.jsxs("div", { children: [
-    /* @__PURE__ */ n.jsx(
-      Y,
-      {
-        selected: x,
-        onSelect: t,
-        id: e,
-        name: e,
-        required: r,
-        disabled: a || i,
-        autoFocus: l,
-        rootClassName: "w-32 mb-0 dc__height-inherit",
-        onBlur: (u) => d(u, "blur"),
-        onFocus: (u) => d(u, "focus")
-      }
-    ),
-    /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize ml-8", children: x.toString() })
-  ] });
-}, Fe = ({ children: e, ...t }) => /* @__PURE__ */ n.jsx(D.MenuList, { ...t, children: Array.isArray(e) ? e.slice(0, 20) : e }), Oe = (e) => /* @__PURE__ */ n.jsx(D.DropdownIndicator, { ...e, children: /* @__PURE__ */ n.jsx(X, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), Ce = (e) => {
-  const {
-    id: t,
-    multiple: s = !1,
-    options: r,
-    value: a,
-    disabled: i,
-    readonly: l,
-    autofocus: o = !1,
-    onChange: c,
-    onBlur: d,
-    onFocus: x,
-    placeholder: u
-  } = e, { enumOptions: f = [] } = r, p = s ? [] : "", _ = (h) => {
-    c(s ? h.map((m) => m.value) : h.value);
-  }, j = (h) => s ? f.filter((m) => h.some((g) => E(g, m.value))) : f.find((m) => E(h, m.value));
-  return /* @__PURE__ */ n.jsx(
-    Q,
-    {
-      id: t,
-      name: t,
-      isMulti: s,
-      value: typeof a > "u" ? p : j(a),
-      autoFocus: o,
-      onChange: _,
-      options: f,
-      onBlur: () => d(t, a),
-      onFocus: () => x(t, a),
-      placeholder: u || O.SELECT,
-      isDisabled: i || l,
-      styles: {
-        ...w,
-        control: (h, m) => ({
-          ...w.control(h, m),
-          minHeight: "36px"
-        }),
-        multiValue: (h, m) => ({
-          ...w.multiValue(h, m),
-          margin: "2px 8px 2px 2px"
-        })
-      },
-      components: {
-        IndicatorSeparator: null,
-        DropdownIndicator: Oe,
-        MenuList: Fe
-      },
-      menuPlacement: "auto"
-    }
-  );
-}, Pe = {
-  CheckboxWidget: Se,
-  SelectWidget: Ce
-}, Ee = {
-  ArrayFieldItemTemplate: de,
-  ArrayFieldTemplate: ue,
-  BaseInputTemplate: pe,
-  ButtonTemplates: { AddButton: U, RemoveButton: fe, SubmitButton: he },
-  FieldTemplate: xe,
-  FieldErrorTemplate: je,
-  ObjectFieldTemplate: we,
-  TitleFieldTemplate: C,
-  WrapIfAdditionalTemplate: Ne
-}, Ae = K, Re = G, Ye = J((e, t) => {
-  const { schemaPathToUpdatePathMap: s, isUpdatePathKeywordPresent: r } = P(() => {
-    const o = be(e.schema);
-    return {
-      schemaPathToUpdatePathMap: o,
-      isUpdatePathKeywordPresent: Object.entries(o).some(([c, d]) => c !== d)
-    };
-  }, [e.schema]), a = P(() => r ? ve({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: s }) : e.formData, [e.formData, s, r]), i = (o) => {
-    if (!e.onChange)
-      return;
-    const c = I({
-      formState: o.formData,
-      formData: e.formData,
-      schemaPathToUpdatePathMap: s
-    });
-    e.onChange({ ...o, formData: c });
-  }, l = (o, c) => {
-    if (!e.onSubmit)
-      return;
-    const d = I({
-      formState: o.formData,
-      formData: e.formData,
-      schemaPathToUpdatePathMap: s
-    });
-    e.onSubmit?.({ ...o, formData: d }, c);
-  };
-  return /* @__PURE__ */ n.jsx(
-    Ae,
-    {
-      noHtml5Validate: !0,
-      showErrorList: !1,
-      autoComplete: "off",
-      ...e,
-      formData: a,
-      ...r ? {
-        onChange: i,
-        onSubmit: l
-      } : {},
-      className: `rjsf-form-template__container ${e.className || ""}`,
-      validator: Re,
-      templates: {
-        ...Ee,
-        ...e.templates
-      },
-      formContext: a,
-      widgets: { ...Pe, ...e.widgets },
-      translateString: _e,
-      ref: t
-    }
-  );
-});
-export {
-  Je as H,
-  Ye as R,
-  Ke as a,
-  be as b,
-  b as c,
-  qe as g
-};