@devtron-labs/devtron-fe-common-lib 1.23.3-beta-3 → 1.23.3-beta-4

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

@@ -1,592 +0,0 @@
-import { j as n, bW as D, bX as W, bY as J, bZ as K, b_ as B, b$ as V, bw as v, c0 as Y, c1 as q, bt as G, bs as z, c2 as X, c3 as Z, Y as Q, c4 as ee } from "./@vendor-9kEu4wD5.js";
-import te, { useState as ne, useEffect as se, useMemo as E } from "react";
-import { T as O, j as w, c as T, b as N, S as ae, i as re, g as oe, a as le, d as R, e as ie } from "./@code-editor-AiTERtNx.js";
-import { ReactComponent as ce } from "./assets/ic-add.cfaa779b.svg";
-import { ReactComponent as de } from "./assets/ic-warning.ecf7ff97.svg";
-import { ReactComponent as ue } from "./assets/ic-cross.01e03666.svg";
-import './assets/@common-rjsf.css';const F = {
-  SELECT: "Please select an option",
-  INPUT: "Please enter an input",
-  OBJECT_KEY: "Please enter a value for the key"
-}, me = "Key not available", ke = {
-  "ui:submitButtonOptions": {
-    norender: !0
-  }
-}, L = "rjsf-form-select-portal-target", pe = ({
-  children: t,
-  disabled: e,
-  hasToolbar: a,
-  hasRemove: s,
-  onRemoveItem: r,
-  readonly: i,
-  registry: o,
-  uiSchema: l
-}) => {
-  const { RemoveButton: c } = o.templates.ButtonTemplates;
-  return /* @__PURE__ */ n.jsxs("div", { className: "dc__position-rel display-grid rjsf-form-template__array-field-item flex-align-center", children: [
-    t,
-    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: a && s && /* @__PURE__ */ n.jsx(
-      c,
-      {
-        disabled: e || i,
-        onClick: r,
-        uiSchema: l,
-        registry: o
-      }
-    ) })
-  ] });
-}, S = ({
-  showLabel: t,
-  label: e,
-  required: a,
-  children: s,
-  id: r,
-  rawDescription: i,
-  shouldAlignCenter: o = !0
-}) => /* @__PURE__ */ n.jsxs(
-  "div",
-  {
-    className: t ? `display-grid dc__gap-12 rjsf-form-template__field ${o ? "" : "rjsf-form-template__field--align-top"}` : "",
-    children: [
-      t && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: r, children: [
-        /* @__PURE__ */ n.jsx(O, { alwaysShowTippyOnHover: !!i, content: i, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${i ? "dc__underline-dotted" : ""}`, children: e || me }) }),
-        a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
-      ] }),
-      s
-    ]
-  }
-), A = ({ label: t, canAdd: e, onAddClick: a, disabled: s, readonly: r, uiSchema: i, registry: o }) => {
-  const {
-    ButtonTemplates: { AddButton: l }
-  } = o.templates;
-  return e && /* @__PURE__ */ n.jsx(
-    l,
-    {
-      label: t,
-      onClick: a,
-      disabled: s || r,
-      uiSchema: i,
-      registry: o
-    }
-  );
-}, fe = ({
-  canAdd: t,
-  className: e,
-  disabled: a,
-  fieldPathId: s,
-  uiSchema: r,
-  items: i,
-  onAddClick: o,
-  readonly: l,
-  registry: c,
-  required: d,
-  title: p
-}) => {
-  const u = D(r).title || p;
-  return /* @__PURE__ */ n.jsx("fieldset", { className: e, id: s.$id, children: i.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    i,
-    /* @__PURE__ */ n.jsx(
-      A,
-      {
-        label: u,
-        canAdd: t,
-        onAddClick: o,
-        disabled: a,
-        readonly: l,
-        uiSchema: r,
-        registry: c
-      }
-    )
-  ] }) : /* @__PURE__ */ n.jsx(S, { label: u, required: d, showLabel: !0, id: s.$id, children: /* @__PURE__ */ n.jsx(
-    A,
-    {
-      label: u,
-      canAdd: t,
-      onAddClick: o,
-      disabled: a,
-      readonly: l,
-      uiSchema: r,
-      registry: c
-    }
-  ) }) });
-}, {
-  templates: { BaseInputTemplate: he }
-} = W(), _e = ({ placeholder: t, ...e }) => {
-  const { schema: a } = e;
-  return /* @__PURE__ */ n.jsx(
-    he,
-    {
-      placeholder: a.placeholder || t || F.INPUT,
-      ...e,
-      className: "form__input cn-9 fs-13 lh-20 fw-4"
-    }
-  );
-}, U = ({
-  label: t,
-  icon: e,
-  iconType: a,
-  registry: s,
-  uiSchema: r,
-  ...i
-}) => {
-  const o = `Add ${t}`;
-  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(ce, { className: "icon-dim-16 fcb-5" }),
-        /* @__PURE__ */ n.jsx(O, { placement: "right", content: o, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: o }) })
-      ]
-    }
-  ) });
-}, xe = ({ icon: t, iconType: e, registry: a, uiSchema: s, ...r }) => /* @__PURE__ */ n.jsx("button", { ...r, type: "button", className: "dc__outline-none-imp p-0 dc__transparent flex cursor", title: "Remove", children: /* @__PURE__ */ n.jsx(ue, { className: "icon-dim-16 fcn-6" }) }), je = ({ uiSchema: t }) => {
-  const { submitText: e, norender: a, props: s = {} } = J(t);
-  return a ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...s, className: `cta ${s.className || ""}`, children: e }) });
-}, P = ({
-  id: t,
-  title: e,
-  required: a,
-  description: s
-}) => /* @__PURE__ */ n.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border pb-9 mb-0", id: t, children: [
-  /* @__PURE__ */ n.jsx(O, { alwaysShowTippyOnHover: !!s, content: s, children: /* @__PURE__ */ n.jsx("span", { className: `${s ? "dc__underline-dotted" : ""}`, children: e }) }),
-  a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
-] }), be = (t) => {
-  const {
-    id: e,
-    label: a,
-    children: s,
-    errors: r,
-    hidden: i,
-    required: o,
-    displayLabel: l,
-    registry: c,
-    uiSchema: d,
-    classNames: p,
-    schema: m,
-    rawDescription: u
-  } = t, f = D(d), h = K(
-    "WrapIfAdditionalTemplate",
-    c,
-    f
-  ), x = B in m, _ = (l || m.type === "boolean") && !x, j = m.type === "array";
-  return i ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: s }) : (
-    // NOTE: need to override the margins of default rjsf css
-    /* @__PURE__ */ n.jsxs("div", { className: `${p} mb-0`, children: [
-      j && /* @__PURE__ */ n.jsx(
-        P,
-        {
-          id: e,
-          title: a,
-          required: o,
-          registry: c,
-          uiSchema: d,
-          schema: m,
-          description: u
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        S,
-        {
-          label: a,
-          showLabel: _,
-          id: e,
-          required: o,
-          rawDescription: u,
-          children: /* @__PURE__ */ n.jsx(h, { ...t, children: s })
-        }
-      ),
-      r
-    ] })
-  );
-}, ge = ({ errors: t = [], fieldPathId: e }) => {
-  const a = V(e);
-  return t.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: a, children: t.filter((s) => !!s).map((s, r) => /* @__PURE__ */ n.jsxs(te.Fragment, { children: [
-    /* @__PURE__ */ n.jsx("span", {}),
-    /* @__PURE__ */ n.jsxs("span", { className: "form__error", children: [
-      /* @__PURE__ */ n.jsx(de, { className: "form__icon form__icon--error" }),
-      s
-    ] })
-  ] }, r)) });
-}, ye = (t, e) => {
-  switch (t) {
-    case q.NewStringDefault:
-      return "";
-    default:
-      return Y(t, e);
-  }
-}, He = (t) => {
-  try {
-    const e = new URL(t).origin === window.location.origin;
-    return {
-      href: t,
-      target: e ? "_self" : "_blank",
-      rel: e ? void 0 : "external noreferrer",
-      url: t
-    };
-  } catch {
-    return {
-      href: t,
-      target: "_blank",
-      url: `${t} (Invalid URL)`
-    };
-  }
-}, Me = (t) => {
-  const e = typeof t;
-  switch (e) {
-    case "boolean":
-    case "string":
-    case "number":
-      return e;
-    case "object":
-      return Array.isArray(t) ? "array" : t === null ? "null" : e;
-    default:
-      return "null";
-  }
-}, y = (t) => {
-  if (!t)
-    return "";
-  const e = t.trim(), s = (/^\/.+$/g.test(e) ? e : `/${e}`).replaceAll(/\./g, "/");
-  return /(\/(([^/~])|(~[01]))*)/g.test(s) ? s : "";
-}, I = {
-  value: !1,
-  path: ""
-}, ve = (t) => {
-  if (!t)
-    return null;
-  const e = structuredClone(t);
-  return typeof e == "string" ? {
-    value: !0,
-    path: y(e)
-  } : typeof e != "object" ? structuredClone(I) : Object.hasOwn(e, "condition") && "condition" in e && Object.hasOwn(e, "value") && "value" in e ? {
-    value: e.condition,
-    path: y(e.value)
-  } : Object.hasOwn(e, "value") && "value" in e && Object.hasOwn(e, "path") && "path" in e ? {
-    value: e.value,
-    path: y(e.path)
-  } : structuredClone(I);
-}, k = (t, e, a) => {
-  t && (t.type === "object" && t.properties && typeof t.properties == "object" && Object.entries(t.properties).forEach(([s, r]) => {
-    k(r, `${e}/${s}`, a);
-  }), (t.type === "boolean" || t.type === "string" || t.type === "number" || t.type === "integer") && (a[e] = y(t.updatePath ?? e)));
-}, Te = (t) => {
-  const e = {};
-  return k(t, "", e), e;
-}, H = (t, e, a) => {
-  if (e >= a.length)
-    return t;
-  const s = a[e];
-  if (e === a.length - 1) {
-    const r = structuredClone(t);
-    return delete r[s], r;
-  }
-  if (t[s] && (t[s] = H(t[s], e + 1, a)), Object.keys(t[s] ?? {}).length === 0) {
-    const r = structuredClone(t);
-    return delete r[s], r;
-  }
-  return t;
-}, Se = (t, e) => {
-  if (!t || typeof t != "object" || Array.isArray(t))
-    throw new Error("Invalid object");
-  if (!e || !e.startsWith("/"))
-    throw new Error("Invalid path");
-  const a = e.split("/").slice(1);
-  return H(t, 0, a);
-}, $ = ({
-  formState: t,
-  formData: e,
-  schemaPathToUpdatePathMap: a
-}) => {
-  let s = structuredClone(t);
-  return s && (Object.entries(a).forEach(([r, i]) => {
-    if (r === i || !i)
-      return;
-    const o = v({
-      json: e,
-      path: T(r),
-      resultType: "value",
-      wrap: !1
-    });
-    o === void 0 ? s = Se(s, r) : s = w([N(r, o), s]);
-    const l = v({
-      json: t,
-      path: T(r),
-      resultType: "value",
-      wrap: !1
-    });
-    l !== void 0 && (s = w([N(i, l), s]));
-  }), e && s ? G(e, z(e, s), !1, !1).newDocument : s);
-}, we = ({ formData: t, schemaPathToUpdatePathMap: e }) => w([
-  ...Object.entries(e).map(([a, s]) => {
-    if (a === s || !s)
-      return {};
-    const r = v({
-      json: t,
-      path: T(s),
-      resultType: "value",
-      wrap: !1
-    });
-    return r === void 0 ? {} : N(a, r);
-  }),
-  structuredClone(t)
-]), Ne = ({
-  disabled: t,
-  formData: e,
-  fieldPathId: a,
-  onAddProperty: s,
-  properties: r,
-  readonly: i,
-  registry: o,
-  required: l,
-  schema: c,
-  title: d,
-  uiSchema: p
-}) => {
-  const m = !!c.additionalProperties, u = Z(c, p, e) && /* @__PURE__ */ n.jsx(
-    U,
-    {
-      label: d,
-      className: "object-property-expand",
-      onClick: s,
-      disabled: t || i,
-      uiSchema: p,
-      registry: o
-    }
-  ), f = r.filter((h) => {
-    const x = c.properties?.[h.name]?.hidden;
-    if (!x)
-      return !0;
-    try {
-      const _ = ve(x);
-      if (!_.path)
-        throw new Error("Empty path property of hidden descriptor field");
-      const j = v({
-        path: T(_.path),
-        json: o.formContext,
-        resultType: "value",
-        wrap: !1
-      });
-      return !(j === void 0 || Q(_.value, j));
-    } catch {
-      return !0;
-    }
-  }).map((h) => h.content);
-  return m ? r.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(
-      S,
-      {
-        label: d,
-        required: l,
-        showLabel: !0,
-        id: a.$id,
-        shouldAlignCenter: !1,
-        children: /* @__PURE__ */ n.jsx("div", { children: f })
-      }
-    ),
-    u
-  ] }) : /* @__PURE__ */ n.jsx(S, { label: d, required: l, showLabel: !0, id: a.$id, children: u }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    f,
-    u
-  ] });
-}, Oe = (t) => {
-  const { fieldPathId: e, registry: a, required: s, schema: r, title: i, uiSchema: o, description: l } = t, c = !!r.additionalProperties, d = i && !c;
-  return /* @__PURE__ */ n.jsxs("fieldset", { id: e.$id, children: [
-    d && /* @__PURE__ */ n.jsx(
-      P,
-      {
-        id: X(e),
-        title: i,
-        required: s,
-        schema: r,
-        uiSchema: o,
-        registry: a,
-        description: l
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        className: `${r.properties && !c && e.$id !== "root" ? "dc__border-left pl-12" : ""} ${e.$id === "root" ? "dc__separated-flexbox dc__separated-flexbox--vertical" : "flexbox-col dc__gap-8"}`,
-        children: /* @__PURE__ */ n.jsx(Ne, { ...t })
-      }
-    )
-  ] });
-}, Fe = ({
-  id: t,
-  disabled: e,
-  label: a,
-  onKeyRename: s,
-  onRemoveProperty: r,
-  readonly: i,
-  schema: o,
-  children: l,
-  uiSchema: c,
-  registry: d
-}) => {
-  const { templates: p } = d, { RemoveButton: m } = p.ButtonTemplates, u = B in o;
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: u ? /* @__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: `${t}-key`,
-        onBlur: (f) => s(f.target.value),
-        placeholder: F.OBJECT_KEY,
-        defaultValue: a
-      }
-    ) }),
-    /* @__PURE__ */ n.jsx("div", { children: l }),
-    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: /* @__PURE__ */ n.jsx(
-      m,
-      {
-        disabled: e || i,
-        onClick: r,
-        uiSchema: c,
-        registry: d
-      }
-    ) })
-  ] }) : l });
-}, Pe = ({
-  id: t,
-  onChange: e,
-  value: a,
-  disabled: s,
-  readonly: r,
-  autofocus: i
-}) => {
-  const o = re(a) ? !1 : a, l = () => {
-    e(!o);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: "flexbox dc__align-items-center dc__gap-8", children: [
-    /* @__PURE__ */ n.jsx(
-      ae,
-      {
-        name: t,
-        ariaLabel: t,
-        onChange: l,
-        isChecked: o,
-        autoFocus: i,
-        isDisabled: s || r
-      }
-    ),
-    /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize", children: o.toString() })
-  ] });
-}, Ce = (t) => {
-  const {
-    id: e,
-    multiple: a = !1,
-    options: s,
-    value: r,
-    disabled: i,
-    readonly: o,
-    autofocus: l = !1,
-    onChange: c,
-    onBlur: d,
-    onFocus: p,
-    placeholder: m,
-    schema: u
-  } = t, { enumOptions: f = [] } = s, h = a ? [] : null, x = (b) => {
-    c(a ? b.map((g) => g.value) : b.value);
-  }, [_, j] = ne();
-  se(() => {
-    j(oe(8));
-  }, []);
-  const C = (b) => a ? f.filter((g) => b.some((M) => R(M, g.value))) : f.find((g) => R(b, g.value));
-  return /* @__PURE__ */ n.jsx(
-    le,
-    {
-      inputId: `devtron-rjsf-select__${e}`,
-      name: e,
-      isMulti: a,
-      value: typeof r > "u" ? h : C(r),
-      autoFocus: l,
-      onChange: x,
-      options: f,
-      onBlur: () => d(e, r),
-      onFocus: () => p(e, r),
-      placeholder: u.placeholder || m || F.SELECT,
-      isDisabled: i || o,
-      menuPortalTarget: document.getElementById(L),
-      menuPosition: "fixed"
-    },
-    _
-  );
-}, Ee = {
-  CheckboxWidget: Pe,
-  SelectWidget: Ce
-}, Re = {
-  ArrayFieldItemTemplate: pe,
-  ArrayFieldTemplate: fe,
-  BaseInputTemplate: _e,
-  ButtonTemplates: { AddButton: U, RemoveButton: xe, SubmitButton: je },
-  FieldTemplate: be,
-  FieldErrorTemplate: ge,
-  ObjectFieldTemplate: Oe,
-  TitleFieldTemplate: P,
-  WrapIfAdditionalTemplate: Fe
-}, Ae = ee, We = ({ ref: t, ...e }) => {
-  const { schemaPathToUpdatePathMap: a, isUpdatePathKeywordPresent: s } = E(() => {
-    const l = Te(e.schema);
-    return {
-      schemaPathToUpdatePathMap: l,
-      isUpdatePathKeywordPresent: Object.entries(l).some(([c, d]) => c !== d)
-    };
-  }, [e.schema]), r = E(() => s ? we({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: a }) : e.formData, [e.formData, a, s]), i = (l) => {
-    if (!e.onChange)
-      return;
-    const c = $({
-      formState: l.formData,
-      formData: e.formData,
-      schemaPathToUpdatePathMap: a
-    });
-    e.onChange({ ...l, formData: c });
-  }, o = (l, c) => {
-    if (!e.onSubmit)
-      return;
-    const d = $({
-      formState: l.formData,
-      formData: e.formData,
-      schemaPathToUpdatePathMap: a
-    });
-    e.onSubmit?.({ ...l, formData: d }, c);
-  };
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(
-      Ae,
-      {
-        noHtml5Validate: !0,
-        showErrorList: !1,
-        autoComplete: "off",
-        ...e,
-        formData: r,
-        ...s ? {
-          onChange: i,
-          onSubmit: o
-        } : {},
-        className: `rjsf-form-template__container ${e.className || ""}`,
-        validator: ie,
-        templates: {
-          ...Re,
-          ...e.templates
-        },
-        formContext: r,
-        widgets: { ...Ee, ...e.widgets },
-        translateString: ye,
-        ref: t
-      }
-    ),
-    /* @__PURE__ */ n.jsx("div", { id: L })
-  ] });
-};
-export {
-  ke as H,
-  We as R,
-  He as a,
-  Te as b,
-  y as c,
-  Me as g
-};