@devtron-labs/devtron-fe-common-lib 1.22.8-beta-9 → 1.22.8-beta-11

package/dist/{@common-rjsf-D0gZheG0.js → @common-rjsf-lBAOmp10.js}

@@ -1,36 +1,39 @@
-import { ac as n, ch as $, ci as W, cj as J, ck as K, cl as B, cm as V, bU as v, cn as q, co as Y, bR as G, bQ as z, cp as Q, cq as X, al as Z, cr as ee } from "./@vendor-zzMkp5ik.js";
-import te, { useState as ne, useEffect as se, forwardRef as ae, useMemo as E } from "react";
-import { T as O, j as w, c as T, b as N, S as re, i as oe, g as le, a as ie, d as R, e as ce } from "./@code-editor-BQuL3MJ4.js";
+import { j as n, aM as v, aO as J, aN as K } from "./@vendor-CtCMPfdc.js";
+import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
+import z, { getDefaultRegistry as Q } from "@rjsf/core";
+import { T as O, j as w, c as N, b as F, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-D-C0F1GG.js";
+import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
 import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";
 import { ReactComponent as me } from "./assets/ic-cross.01e03666.svg";
-import './assets/@common-rjsf.css';const F = {
+import './assets/@common-rjsf.css';const P = {
   SELECT: "Please select an option",
   INPUT: "Please enter an input",
   OBJECT_KEY: "Please enter a value for the key"
-}, pe = "Key not available", He = {
+}, pe = "Key not available", Je = {
   "ui:submitButtonOptions": {
     norender: !0
   }
-}, L = "rjsf-form-select-portal-target", fe = ({
+}, U = "rjsf-form-select-portal-target", fe = ({
   children: e,
   disabled: t,
-  hasToolbar: a,
-  hasRemove: s,
-  onRemoveItem: r,
-  readonly: i,
+  hasToolbar: s,
+  hasRemove: r,
+  index: a,
+  onDropIndexClick: i,
+  readonly: l,
   registry: o,
-  uiSchema: l
+  uiSchema: c
 }) => {
-  const { RemoveButton: c } = o.templates.ButtonTemplates;
+  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: a && s && /* @__PURE__ */ n.jsx(
-      c,
+    /* @__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 || i,
-        onClick: r,
-        uiSchema: l,
+        disabled: t || l,
+        onClick: i(a),
+        uiSchema: c,
         registry: o
       }
     ) })
@@ -38,98 +41,106 @@ import './assets/@common-rjsf.css';const F = {
 }, S = ({
   showLabel: e,
   label: t,
-  required: a,
-  children: s,
-  id: r,
+  required: s,
+  children: r,
+  id: a,
   rawDescription: i,
-  shouldAlignCenter: o = !0
+  shouldAlignCenter: l = !0
 }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
-    className: e ? `display-grid dc__gap-12 rjsf-form-template__field ${o ? "" : "rjsf-form-template__field--align-top"}` : "",
+    className: e ? `display-grid dc__gap-12 rjsf-form-template__field ${l ? "" : "rjsf-form-template__field--align-top"}` : "",
     children: [
-      e && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: r, children: [
+      e && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: a, children: [
         /* @__PURE__ */ n.jsx(O, { alwaysShowTippyOnHover: !!i, content: i, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${i ? "dc__underline-dotted" : ""}`, children: t || pe }) }),
-        a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+        s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
       ] }),
-      s
+      r
     ]
   }
-), A = ({ label: e, canAdd: t, onAddClick: a, disabled: s, readonly: r, uiSchema: i, registry: o }) => {
+), A = ({ label: e, canAdd: t, onAddClick: s, disabled: r, readonly: a, uiSchema: i, registry: l }) => {
   const {
-    ButtonTemplates: { AddButton: l }
-  } = o.templates;
+    ButtonTemplates: { AddButton: o }
+  } = l.templates;
   return t && /* @__PURE__ */ n.jsx(
-    l,
+    o,
     {
       label: e,
-      onClick: a,
-      disabled: s || r,
+      onClick: s,
+      disabled: r || a,
       uiSchema: i,
-      registry: o
+      registry: l
     }
   );
 }, he = ({
   canAdd: e,
   className: t,
-  disabled: a,
-  fieldPathId: s,
-  uiSchema: r,
+  disabled: s,
+  idSchema: r,
+  uiSchema: a,
   items: i,
-  onAddClick: o,
-  readonly: l,
+  onAddClick: l,
+  readonly: o,
   registry: c,
   required: d,
-  title: p
+  title: f
 }) => {
-  const u = $(r).title || p;
-  return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: s.$id, children: i.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    i,
+  const m = B(a), h = $("ArrayFieldItemTemplate", c, m), u = m.title || f;
+  return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: r.$id, children: i.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    i.map(({ key: x, ...p }, j) => {
+      const _ = {
+        ...p.children,
+        props: {
+          ...p.children.props
+        }
+      };
+      return /* @__PURE__ */ n.jsx(h, { ...p, children: _ }, x);
+    }),
     /* @__PURE__ */ n.jsx(
       A,
       {
         label: u,
         canAdd: e,
-        onAddClick: o,
-        disabled: a,
-        readonly: l,
-        uiSchema: r,
+        onAddClick: l,
+        disabled: s,
+        readonly: o,
+        uiSchema: a,
         registry: c
       }
     )
-  ] }) : /* @__PURE__ */ n.jsx(S, { label: u, required: d, showLabel: !0, id: s.$id, children: /* @__PURE__ */ n.jsx(
+  ] }) : /* @__PURE__ */ n.jsx(S, { label: u, required: d, showLabel: !0, id: r.$id, children: /* @__PURE__ */ n.jsx(
     A,
     {
       label: u,
       canAdd: e,
-      onAddClick: o,
-      disabled: a,
-      readonly: l,
-      uiSchema: r,
+      onAddClick: l,
+      disabled: s,
+      readonly: o,
+      uiSchema: a,
       registry: c
     }
   ) }) });
 }, {
   templates: { BaseInputTemplate: _e }
-} = W(), xe = ({ placeholder: e, ...t }) => {
-  const { schema: a } = t;
+} = Q(), xe = ({ placeholder: e, ...t }) => {
+  const { schema: s } = t;
   return /* @__PURE__ */ n.jsx(
     _e,
     {
-      placeholder: a.placeholder || e || F.INPUT,
+      placeholder: s.placeholder || e || P.INPUT,
       ...t,
       className: "form__input cn-9 fs-13 lh-20 fw-4"
     }
   );
-}, U = ({
+}, k = ({
   label: e,
   icon: t,
-  iconType: a,
-  registry: s,
-  uiSchema: r,
+  iconType: s,
+  registry: r,
+  uiSchema: a,
   ...i
 }) => {
-  const o = `Add ${e}`;
+  const l = `Add ${e}`;
   return /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-start", children: /* @__PURE__ */ n.jsxs(
     "button",
     {
@@ -139,86 +150,86 @@ import './assets/@common-rjsf.css';const F = {
       title: "Add",
       children: [
         /* @__PURE__ */ n.jsx(de, { 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 }) })
+        /* @__PURE__ */ n.jsx(O, { placement: "right", content: l, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: l }) })
       ]
     }
   ) });
-}, je = ({ icon: e, iconType: t, 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(me, { className: "icon-dim-16 fcn-6" }) }), ge = ({ uiSchema: e }) => {
-  const { submitText: t, norender: a, props: s = {} } = J(e);
-  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: t }) });
-}, P = ({
+}, je = ({ 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(me, { className: "icon-dim-16 fcn-6" }) }), ge = ({ uiSchema: e }) => {
+  const { submitText: t, norender: s, props: r = {} } = re(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: a,
-  description: s
+  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(O, { alwaysShowTippyOnHover: !!s, content: s, children: /* @__PURE__ */ n.jsx("span", { className: `${s ? "dc__underline-dotted" : ""}`, children: t }) }),
-  a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+  /* @__PURE__ */ n.jsx(O, { alwaysShowTippyOnHover: !!r, content: r, children: /* @__PURE__ */ n.jsx("span", { className: `${r ? "dc__underline-dotted" : ""}`, children: t }) }),
+  s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
 ] }), be = (e) => {
   const {
     id: t,
-    label: a,
-    children: s,
-    errors: r,
+    label: s,
+    children: r,
+    errors: a,
     hidden: i,
-    required: o,
-    displayLabel: l,
+    required: l,
+    displayLabel: o,
     registry: c,
     uiSchema: d,
-    classNames: p,
+    classNames: f,
     schema: m,
-    rawDescription: u
-  } = e, f = $(d), h = K(
+    rawDescription: h
+  } = e, u = B(d), x = $(
     "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 }) : (
+    u
+  ), p = L in m, j = (o || m.type === "boolean") && !p, _ = m.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: `${p} mb-0`, children: [
-      j && /* @__PURE__ */ n.jsx(
-        P,
+    /* @__PURE__ */ n.jsxs("div", { className: `${f} mb-0`, children: [
+      _ && /* @__PURE__ */ n.jsx(
+        C,
         {
           id: t,
-          title: a,
-          required: o,
+          title: s,
+          required: l,
           registry: c,
           uiSchema: d,
           schema: m,
-          description: u
+          description: h
         }
       ),
       /* @__PURE__ */ n.jsx(
         S,
         {
-          label: a,
-          showLabel: _,
+          label: s,
+          showLabel: j,
           id: t,
-          required: o,
-          rawDescription: u,
-          children: /* @__PURE__ */ n.jsx(h, { ...e, children: s })
+          required: l,
+          rawDescription: h,
+          children: /* @__PURE__ */ n.jsx(x, { ...e, children: r })
         }
       ),
-      r
+      a
     ] })
   );
-}, ye = ({ errors: e = [], fieldPathId: t }) => {
-  const a = V(t);
-  return e.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: a, children: e.filter((s) => !!s).map((s, r) => /* @__PURE__ */ n.jsxs(te.Fragment, { children: [
+}, ye = ({ errors: e = [], idSchema: t }) => {
+  const s = se(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(ue, { className: "form__icon form__icon--error" }),
-      s
+      r
     ] })
-  ] }, r)) });
-}, ve = (e, t) => {
+  ] }, a)) });
+}, Te = (e, t) => {
   switch (e) {
-    case Y.NewStringDefault:
+    case oe.NewStringDefault:
       return "";
     default:
-      return q(e, t);
+      return ae(e, t);
   }
-}, Me = (e) => {
+}, Ke = (e) => {
   try {
     const t = new URL(e).origin === window.location.origin;
     return {
@@ -234,7 +245,7 @@ import './assets/@common-rjsf.css';const F = {
       url: `${e} (Invalid URL)`
     };
   }
-}, We = (e) => {
+}, Ve = (e) => {
   const t = typeof e;
   switch (t) {
     case "boolean":
@@ -246,274 +257,275 @@ import './assets/@common-rjsf.css';const F = {
     default:
       return "null";
   }
-}, y = (e) => {
+}, T = (e) => {
   if (!e)
     return "";
-  const t = e.trim(), s = (/^\/.+$/g.test(t) ? t : `/${t}`).replaceAll(/\./g, "/");
-  return /(\/(([^/~])|(~[01]))*)/g.test(s) ? s : "";
+  const t = e.trim(), r = (/^\/.+$/g.test(t) ? t : `/${t}`).replaceAll(/\./g, "/");
+  return /(\/(([^/~])|(~[01]))*)/g.test(r) ? r : "";
 }, I = {
   value: !1,
   path: ""
-}, Te = (e) => {
+}, ve = (e) => {
   if (!e)
     return null;
   const t = structuredClone(e);
   return typeof t == "string" ? {
     value: !0,
-    path: y(t)
+    path: T(t)
   } : typeof t != "object" ? structuredClone(I) : Object.hasOwn(t, "condition") && "condition" in t && Object.hasOwn(t, "value") && "value" in t ? {
     value: t.condition,
-    path: y(t.value)
+    path: T(t.value)
   } : Object.hasOwn(t, "value") && "value" in t && Object.hasOwn(t, "path") && "path" in t ? {
     value: t.value,
-    path: y(t.path)
+    path: T(t.path)
   } : structuredClone(I);
-}, k = (e, t, a) => {
-  e && (e.type === "object" && e.properties && typeof e.properties == "object" && Object.entries(e.properties).forEach(([s, r]) => {
-    k(r, `${t}/${s}`, a);
-  }), (e.type === "boolean" || e.type === "string" || e.type === "number" || e.type === "integer") && (a[t] = y(e.updatePath ?? t)));
-}, Se = (e) => {
+}, 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] = T(e.updatePath ?? t)));
+}, Ne = (e) => {
   const t = {};
-  return k(e, "", t), t;
-}, H = (e, t, a) => {
-  if (t >= a.length)
+  return H(e, "", t), t;
+}, M = (e, t, s) => {
+  if (t >= s.length)
     return e;
-  const s = a[t];
-  if (t === a.length - 1) {
-    const r = structuredClone(e);
-    return delete r[s], r;
+  const r = s[t];
+  if (t === s.length - 1) {
+    const a = structuredClone(e);
+    return delete a[r], a;
   }
-  if (e[s] && (e[s] = H(e[s], t + 1, a)), Object.keys(e[s] ?? {}).length === 0) {
-    const r = structuredClone(e);
-    return delete r[s], r;
+  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;
-}, we = (e, t) => {
+}, Se = (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 a = t.split("/").slice(1);
-  return H(e, 0, a);
+  const s = t.split("/").slice(1);
+  return M(e, 0, s);
 }, D = ({
   formState: e,
   formData: t,
-  schemaPathToUpdatePathMap: a
+  schemaPathToUpdatePathMap: s
 }) => {
-  let s = structuredClone(e);
-  return s && (Object.entries(a).forEach(([r, i]) => {
-    if (r === i || !i)
+  let r = structuredClone(e);
+  return r && (Object.entries(s).forEach(([a, i]) => {
+    if (a === i || !i)
       return;
-    const o = v({
+    const l = v({
       json: t,
-      path: T(r),
+      path: N(a),
       resultType: "value",
       wrap: !1
     });
-    o === void 0 ? s = we(s, r) : s = w([N(r, o), s]);
-    const l = v({
+    l === void 0 ? r = Se(r, a) : r = w([F(a, l), r]);
+    const o = v({
       json: e,
-      path: T(r),
+      path: N(a),
       resultType: "value",
       wrap: !1
     });
-    l !== void 0 && (s = w([N(i, l), s]));
-  }), t && s ? G(t, z(t, s), !1, !1).newDocument : s);
-}, Ne = ({ formData: e, schemaPathToUpdatePathMap: t }) => w([
-  ...Object.entries(t).map(([a, s]) => {
-    if (a === s || !s)
+    o !== void 0 && (r = w([F(i, o), r]));
+  }), t && r ? J(t, K(t, r), !1, !1).newDocument : r);
+}, we = ({ formData: e, schemaPathToUpdatePathMap: t }) => w([
+  ...Object.entries(t).map(([s, r]) => {
+    if (s === r || !r)
       return {};
-    const r = v({
+    const a = v({
       json: e,
-      path: T(s),
+      path: N(r),
       resultType: "value",
       wrap: !1
     });
-    return r === void 0 ? {} : N(a, r);
+    return a === void 0 ? {} : F(s, a);
   }),
   structuredClone(e)
-]), Oe = ({
+]), Fe = ({
   disabled: e,
   formData: t,
-  fieldPathId: a,
-  onAddProperty: s,
-  properties: r,
+  idSchema: s,
+  onAddClick: r,
+  properties: a,
   readonly: i,
-  registry: o,
-  required: l,
+  registry: l,
+  required: o,
   schema: c,
   title: d,
-  uiSchema: p
+  uiSchema: f,
+  formContext: m
 }) => {
-  const m = !!c.additionalProperties, u = X(c, p, t) && /* @__PURE__ */ n.jsx(
-    U,
+  const h = !!c.additionalProperties, u = ie(c, f, t) && /* @__PURE__ */ n.jsx(
+    k,
     {
       label: d,
       className: "object-property-expand",
-      onClick: s,
+      onClick: r(c),
       disabled: e || i,
-      uiSchema: p,
-      registry: o
+      uiSchema: f,
+      registry: l
     }
-  ), f = r.filter((h) => {
-    const x = c.properties?.[h.name]?.hidden;
-    if (!x)
+  ), x = a.filter((p) => {
+    const j = c.properties?.[p.name]?.hidden;
+    if (!j)
       return !0;
     try {
-      const _ = Te(x);
+      const _ = ve(j);
       if (!_.path)
         throw new Error("Empty path property of hidden descriptor field");
-      const j = v({
-        path: T(_.path),
-        json: o.formContext,
+      const y = v({
+        path: N(_.path),
+        json: m,
         resultType: "value",
         wrap: !1
       });
-      return !(j === void 0 || Z(_.value, j));
+      return !(y === void 0 || ce(_.value, y));
     } catch {
       return !0;
     }
-  }).map((h) => h.content);
-  return m ? r.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  }).map((p) => p.content);
+  return h ? a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       S,
       {
         label: d,
-        required: l,
+        required: o,
         showLabel: !0,
-        id: a.$id,
+        id: s.$id,
         shouldAlignCenter: !1,
-        children: /* @__PURE__ */ n.jsx("div", { children: f })
+        children: /* @__PURE__ */ n.jsx("div", { children: x })
       }
     ),
     u
-  ] }) : /* @__PURE__ */ n.jsx(S, { label: d, required: l, showLabel: !0, id: a.$id, children: u }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    f,
+  ] }) : /* @__PURE__ */ n.jsx(S, { label: d, required: o, showLabel: !0, id: s.$id, children: u }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    x,
     u
   ] });
-}, Fe = (e) => {
-  const { fieldPathId: t, registry: a, required: s, schema: r, title: i, uiSchema: o, description: l } = e, c = !!r.additionalProperties, d = i && !c;
+}, Oe = (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(
-      P,
+      C,
       {
-        id: Q(t),
+        id: le(t),
         title: i,
-        required: s,
-        schema: r,
-        uiSchema: o,
-        registry: a,
-        description: l
+        required: r,
+        schema: a,
+        uiSchema: l,
+        registry: s,
+        description: o
       }
     ),
     /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: `${r.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(Oe, { ...e })
+        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(Fe, { ...e })
       }
     )
   ] });
 }, Pe = ({
   id: e,
   disabled: t,
-  label: a,
-  onKeyRename: s,
-  onRemoveProperty: r,
+  label: s,
+  onKeyChange: r,
+  onDropPropertyClick: a,
   readonly: i,
-  schema: o,
-  children: l,
+  schema: l,
+  children: o,
   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: [
+  const { templates: f } = d, { RemoveButton: m } = f.ButtonTemplates, h = L in l;
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: h ? /* @__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: (f) => s(f.target.value),
-        placeholder: F.OBJECT_KEY,
-        defaultValue: a
+        onBlur: (u) => r(u.target.value),
+        placeholder: P.OBJECT_KEY,
+        defaultValue: s
       }
     ) }),
-    /* @__PURE__ */ n.jsx("div", { children: l }),
+    /* @__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(
       m,
       {
         disabled: t || i,
-        onClick: r,
+        onClick: a(s),
         uiSchema: c,
         registry: d
       }
     ) })
-  ] }) : l });
+  ] }) : o });
 }, Ce = ({
   id: e,
   onChange: t,
-  value: a,
-  disabled: s,
-  readonly: r,
+  value: s,
+  disabled: r,
+  readonly: a,
   autofocus: i
 }) => {
-  const o = oe(a) ? !1 : a, l = () => {
-    t(!o);
+  const l = Z(s) ? !1 : s, o = () => {
+    t(!l);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "flexbox dc__align-items-center dc__gap-8", children: [
     /* @__PURE__ */ n.jsx(
-      re,
+      X,
       {
         name: e,
         ariaLabel: e,
-        onChange: l,
-        isChecked: o,
+        onChange: o,
+        isChecked: l,
         autoFocus: i,
-        isDisabled: s || r
+        isDisabled: r || a
       }
     ),
-    /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize", children: o.toString() })
+    /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize", children: l.toString() })
   ] });
 }, Ee = (e) => {
   const {
     id: t,
-    multiple: a = !1,
-    options: s,
-    value: r,
+    multiple: s = !1,
+    options: r,
+    value: a,
     disabled: i,
-    readonly: o,
-    autofocus: l = !1,
+    readonly: l,
+    autofocus: o = !1,
     onChange: c,
     onBlur: d,
-    onFocus: p,
+    onFocus: f,
     placeholder: m,
-    schema: u
-  } = e, { enumOptions: f = [] } = s, h = a ? [] : null, x = (g) => {
-    c(a ? g.map((b) => b.value) : g.value);
-  }, [_, j] = ne();
-  se(() => {
-    j(le(8));
+    schema: h
+  } = e, { enumOptions: u = [] } = r, x = s ? [] : null, p = (g) => {
+    c(s ? g.map((b) => b.value) : g.value);
+  }, [j, _] = q();
+  Y(() => {
+    _(ee(8));
   }, []);
-  const C = (g) => a ? f.filter((b) => g.some((M) => R(M, b.value))) : f.find((b) => R(g, b.value));
+  const y = (g) => s ? u.filter((b) => g.some((W) => R(W, b.value))) : u.find((b) => R(g, b.value));
   return /* @__PURE__ */ n.jsx(
-    ie,
+    te,
     {
       inputId: `devtron-rjsf-select__${t}`,
       name: t,
-      isMulti: a,
-      value: typeof r > "u" ? h : C(r),
-      autoFocus: l,
-      onChange: x,
-      options: f,
-      onBlur: () => d(t, r),
-      onFocus: () => p(t, r),
-      placeholder: u.placeholder || m || F.SELECT,
-      isDisabled: i || o,
-      menuPortalTarget: document.getElementById(L),
+      isMulti: s,
+      value: typeof a > "u" ? x : y(a),
+      autoFocus: o,
+      onChange: p,
+      options: u,
+      onBlur: () => d(t, a),
+      onFocus: () => f(t, a),
+      placeholder: h.placeholder || m || P.SELECT,
+      isDisabled: i || l,
+      menuPortalTarget: document.getElementById(U),
       menuPosition: "fixed"
     },
-    _
+    j
   );
 }, Re = {
   CheckboxWidget: Ce,
@@ -522,37 +534,37 @@ import './assets/@common-rjsf.css';const F = {
   ArrayFieldItemTemplate: fe,
   ArrayFieldTemplate: he,
   BaseInputTemplate: xe,
-  ButtonTemplates: { AddButton: U, RemoveButton: je, SubmitButton: ge },
+  ButtonTemplates: { AddButton: k, RemoveButton: je, SubmitButton: ge },
   FieldTemplate: be,
   FieldErrorTemplate: ye,
-  ObjectFieldTemplate: Fe,
-  TitleFieldTemplate: P,
+  ObjectFieldTemplate: Oe,
+  TitleFieldTemplate: C,
   WrapIfAdditionalTemplate: Pe
-}, Ie = ee, Je = ae((e, t) => {
-  const { schemaPathToUpdatePathMap: a, isUpdatePathKeywordPresent: s } = E(() => {
-    const l = Se(e.schema);
+}, Ie = z, De = ne, qe = G((e, t) => {
+  const { schemaPathToUpdatePathMap: s, isUpdatePathKeywordPresent: r } = E(() => {
+    const o = Ne(e.schema);
     return {
-      schemaPathToUpdatePathMap: l,
-      isUpdatePathKeywordPresent: Object.entries(l).some(([c, d]) => c !== d)
+      schemaPathToUpdatePathMap: o,
+      isUpdatePathKeywordPresent: Object.entries(o).some(([c, d]) => c !== d)
     };
-  }, [e.schema]), r = E(() => s ? Ne({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: a }) : e.formData, [e.formData, a, s]), i = (l) => {
+  }, [e.schema]), a = E(() => r ? we({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: s }) : e.formData, [e.formData, s, r]), i = (o) => {
     if (!e.onChange)
       return;
     const c = D({
-      formState: l.formData,
+      formState: o.formData,
       formData: e.formData,
-      schemaPathToUpdatePathMap: a
+      schemaPathToUpdatePathMap: s
     });
-    e.onChange({ ...l, formData: c });
-  }, o = (l, c) => {
+    e.onChange({ ...o, formData: c });
+  }, l = (o, c) => {
     if (!e.onSubmit)
       return;
     const d = D({
-      formState: l.formData,
+      formState: o.formData,
       formData: e.formData,
-      schemaPathToUpdatePathMap: a
+      schemaPathToUpdatePathMap: s
     });
-    e.onSubmit?.({ ...l, formData: d }, c);
+    e.onSubmit?.({ ...o, formData: d }, c);
   };
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
@@ -562,31 +574,31 @@ import './assets/@common-rjsf.css';const F = {
         showErrorList: !1,
         autoComplete: "off",
         ...e,
-        formData: r,
-        ...s ? {
+        formData: a,
+        ...r ? {
           onChange: i,
-          onSubmit: o
+          onSubmit: l
         } : {},
         className: `rjsf-form-template__container ${e.className || ""}`,
-        validator: ce,
+        validator: De,
         templates: {
           ...Ae,
           ...e.templates
         },
-        formContext: r,
+        formContext: a,
         widgets: { ...Re, ...e.widgets },
-        translateString: ve,
+        translateString: Te,
         ref: t
       }
     ),
-    /* @__PURE__ */ n.jsx("div", { id: L })
+    /* @__PURE__ */ n.jsx("div", { id: U })
   ] });
 });
 export {
-  He as H,
-  Je as R,
-  Me as a,
-  Se as b,
-  y as c,
-  We as g
+  Je as H,
+  qe as R,
+  Ke as a,
+  Ne as b,
+  T as c,
+  Ve as g
 };