@devtron-labs/devtron-fe-common-lib 1.15.1-pre-5 → 1.15.2-beta-1

package/dist/{@common-rjsf-LqYGieJ9.js → @common-rjsf-BSQQ3wGe.js}

@@ -1,14 +1,14 @@
-import { j as n, as as b, au as k, at as W } from "./@vendor-STJ9h0oI.js";
+import { j as n, as as y, au as k, at as W } from "./@vendor-STJ9h0oI.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, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-AS248Z8Q.js";
+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-DRvAFRa4.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
-import { getUiOptions as $, getTemplate as B, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as ae, deepEquals as se } from "@rjsf/utils";
+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 C = {
+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"
@@ -19,22 +19,22 @@ import './assets/@common-rjsf.css';const C = {
 }, de = ({
   children: e,
   disabled: t,
-  hasToolbar: a,
+  hasToolbar: s,
   hasRemove: r,
-  index: s,
-  onDropIndexClick: l,
-  readonly: i,
+  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: a && r && /* @__PURE__ */ n.jsx(
+    /* @__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: l(s),
+        disabled: t || l,
+        onClick: i(a),
         uiSchema: c,
         registry: o
       }
@@ -43,82 +43,82 @@ import './assets/@common-rjsf.css';const C = {
 }, T = ({
   showLabel: e,
   label: t,
-  required: a,
+  required: s,
   children: r,
-  id: s,
-  rawDescription: l,
-  shouldAlignCenter: i = !0
+  id: a,
+  rawDescription: i,
+  shouldAlignCenter: l = !0
 }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
-    className: e ? `display-grid dc__gap-12 rjsf-form-template__field ${i ? "flex-align-center" : ""}` : "",
+    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: s, children: [
-        /* @__PURE__ */ n.jsx(F, { alwaysShowTippyOnHover: !!l, content: l, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${l ? "text-underline-dashed-300" : ""}`, children: t || ce }) }),
-        a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", 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
     ]
   }
-), E = ({ label: e, canAdd: t, onAddClick: a, disabled: r, readonly: s, uiSchema: l, registry: i }) => {
+), A = ({ label: e, canAdd: t, onAddClick: s, disabled: r, readonly: a, uiSchema: i, registry: l }) => {
   const {
     ButtonTemplates: { AddButton: o }
-  } = i.templates;
+  } = l.templates;
   return t && /* @__PURE__ */ n.jsx(
     o,
     {
       label: e,
-      onClick: a,
-      disabled: r || s,
-      uiSchema: l,
-      registry: i
+      onClick: s,
+      disabled: r || a,
+      uiSchema: i,
+      registry: l
     }
   );
 }, ue = ({
   canAdd: e,
   className: t,
-  disabled: a,
+  disabled: s,
   idSchema: r,
-  uiSchema: s,
-  items: l,
-  onAddClick: i,
+  uiSchema: a,
+  items: i,
+  onAddClick: l,
   readonly: o,
   registry: c,
   required: d,
-  title: j
+  title: x
 }) => {
-  const p = $(s), h = B("ArrayFieldItemTemplate", c, p), f = p.title || j;
-  return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: r.$id, children: l.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    l.map(({ key: _, ...x }, m) => {
-      const u = {
-        ...x.children,
+  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 = {
+        ..._.children,
         props: {
-          ...x.children.props
+          ..._.children.props
         }
       };
-      return /* @__PURE__ */ n.jsx(h, { ...x, children: u }, _);
+      return /* @__PURE__ */ n.jsx(f, { ..._, children: m }, j);
     }),
     /* @__PURE__ */ n.jsx(
-      E,
+      A,
       {
-        label: f,
+        label: p,
         canAdd: e,
-        onAddClick: i,
-        disabled: a,
+        onAddClick: l,
+        disabled: s,
         readonly: o,
-        uiSchema: s,
+        uiSchema: a,
         registry: c
       }
     )
-  ] }) : /* @__PURE__ */ n.jsx(T, { label: f, required: d, showLabel: !0, id: r.$id, children: /* @__PURE__ */ n.jsx(
-    E,
+  ] }) : /* @__PURE__ */ n.jsx(T, { label: p, required: d, showLabel: !0, id: r.$id, children: /* @__PURE__ */ n.jsx(
+    A,
     {
-      label: f,
+      label: p,
       canAdd: e,
-      onAddClick: i,
-      disabled: a,
+      onAddClick: l,
+      disabled: s,
       readonly: o,
-      uiSchema: s,
+      uiSchema: a,
       registry: c
     }
   ) }) });
@@ -127,100 +127,100 @@ import './assets/@common-rjsf.css';const C = {
 } = q(), pe = ({ placeholder: e, ...t }) => /* @__PURE__ */ n.jsx(
   me,
   {
-    placeholder: e || C.INPUT,
+    placeholder: e || O.INPUT,
     ...t,
     className: "form__input cn-9 fs-13 lh-20 fw-4"
   }
 ), U = ({
   label: e,
   icon: t,
-  iconType: a,
+  iconType: s,
   registry: r,
-  uiSchema: s,
-  ...l
+  uiSchema: a,
+  ...i
 }) => {
-  const i = `Add ${e}`;
+  const l = `Add ${e}`;
   return /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-start", children: /* @__PURE__ */ n.jsxs(
     "button",
     {
-      ...l,
+      ...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: i, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
+        /* @__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: a, uiSchema: r, ...s }) => /* @__PURE__ */ n.jsx("button", { ...s, 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: a, props: r = {} } = Z(e);
-  return a ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...r, className: `cta ${r.className || ""}`, children: t }) });
-}, O = ({
+}, 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: a,
+  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 }) }),
-  a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+  s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
 ] }), xe = (e) => {
   const {
     id: t,
-    label: a,
+    label: s,
     children: r,
-    errors: s,
-    hidden: l,
-    required: i,
+    errors: a,
+    hidden: i,
+    required: l,
     displayLabel: o,
     registry: c,
     uiSchema: d,
-    classNames: j,
-    schema: p,
-    rawDescription: h
-  } = e, f = $(d), _ = B(
+    classNames: x,
+    schema: u,
+    rawDescription: f
+  } = e, p = B(d), j = $(
     "WrapIfAdditionalTemplate",
     c,
-    f
-  ), x = L in p, m = (o || p.type === "boolean") && !x, u = p.type === "array";
-  return l ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: r }) : (
+    p
+  ), _ = L in u, h = (o || u.type === "boolean") && !_, 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: `${j} mb-0`, children: [
-      u && /* @__PURE__ */ n.jsx(
-        O,
+    /* @__PURE__ */ n.jsxs("div", { className: `${x} mb-0`, children: [
+      m && /* @__PURE__ */ n.jsx(
+        C,
         {
           id: t,
-          title: a,
-          required: i,
+          title: s,
+          required: l,
           registry: c,
           uiSchema: d,
-          schema: p,
-          description: h
+          schema: u,
+          description: f
         }
       ),
       /* @__PURE__ */ n.jsx(
         T,
         {
-          label: a,
-          showLabel: m,
+          label: s,
+          showLabel: h,
           id: t,
-          required: i,
-          rawDescription: h,
-          children: /* @__PURE__ */ n.jsx(_, { ...e, children: r })
+          required: l,
+          rawDescription: f,
+          children: /* @__PURE__ */ n.jsx(j, { ...e, children: r })
         }
       ),
-      s
+      a
     ] })
   );
 }, je = ({ errors: e = [], idSchema: t }) => {
-  const a = ee(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((r) => !!r).map((r, s) => /* @__PURE__ */ n.jsxs(V.Fragment, { children: [
+  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
     ] })
-  ] }, s)) });
+  ] }, a)) });
 }, _e = (e, t) => {
   switch (e) {
     case ne.NewStringDefault:
@@ -256,7 +256,7 @@ import './assets/@common-rjsf.css';const C = {
     default:
       return "null";
   }
-}, y = (e) => {
+}, b = (e) => {
   if (!e)
     return "";
   const t = e.trim(), r = (/^\/.+$/g.test(t) ? t : `/${t}`).replaceAll(/\./g, "/");
@@ -270,157 +270,157 @@ import './assets/@common-rjsf.css';const C = {
   const t = structuredClone(e);
   return typeof t == "string" ? {
     value: !0,
-    path: y(t)
+    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: y(t.value)
+    path: b(t.value)
   } : Object.hasOwn(t, "value") && "value" in t && Object.hasOwn(t, "path") && "path" in t ? {
     value: t.value,
-    path: y(t.path)
+    path: b(t.path)
   } : structuredClone(R);
-}, H = (e, t, a) => {
-  e && (e.type === "object" && e.properties && typeof e.properties == "object" && Object.entries(e.properties).forEach(([r, s]) => {
-    H(s, `${t}/${r}`, a);
-  }), (e.type === "boolean" || e.type === "string" || e.type === "number" || e.type === "integer") && (a[t] = y(e.updatePath ?? t)));
-}, ye = (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] = b(e.updatePath ?? t)));
+}, be = (e) => {
   const t = {};
   return H(e, "", t), t;
-}, M = (e, t, a) => {
-  if (t >= a.length)
+}, M = (e, t, s) => {
+  if (t >= s.length)
     return e;
-  const r = a[t];
-  if (t === a.length - 1) {
-    const s = structuredClone(e);
-    return delete s[r], s;
+  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, a)), Object.keys(e[r] ?? {}).length === 0) {
-    const s = structuredClone(e);
-    return delete s[r], s;
+  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;
-}, be = (e, t) => {
+}, 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 a = t.split("/").slice(1);
-  return M(e, 0, a);
+  const s = t.split("/").slice(1);
+  return M(e, 0, s);
 }, I = ({
   formState: e,
   formData: t,
-  schemaPathToUpdatePathMap: a
+  schemaPathToUpdatePathMap: s
 }) => {
   let r = structuredClone(e);
-  return r && (Object.entries(a).forEach(([s, l]) => {
-    if (s === l || !l)
+  return r && (Object.entries(s).forEach(([a, i]) => {
+    if (a === i || !i)
       return;
-    const i = b({
+    const l = y({
       json: t,
-      path: v(s),
+      path: v(a),
       resultType: "value",
       wrap: !1
     });
-    i === void 0 ? r = be(r, s) : r = N([S(s, i), r]);
-    const o = b({
+    l === void 0 ? r = ye(r, a) : r = N([S(a, l), r]);
+    const o = y({
       json: e,
-      path: v(s),
+      path: v(a),
       resultType: "value",
       wrap: !1
     });
-    o !== void 0 && (r = N([S(l, o), r]));
+    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(([a, r]) => {
-    if (a === r || !r)
+  ...Object.entries(t).map(([s, r]) => {
+    if (s === r || !r)
       return {};
-    const s = b({
+    const a = y({
       json: e,
       path: v(r),
       resultType: "value",
       wrap: !1
     });
-    return s === void 0 ? {} : S(a, s);
+    return a === void 0 ? {} : S(s, a);
   }),
   structuredClone(e)
 ]), Te = ({
   disabled: e,
   formData: t,
-  idSchema: a,
+  idSchema: s,
   onAddClick: r,
-  properties: s,
-  readonly: l,
-  registry: i,
+  properties: a,
+  readonly: i,
+  registry: l,
   required: o,
   schema: c,
   title: d,
-  uiSchema: j,
-  formContext: p
+  uiSchema: x,
+  formContext: u
 }) => {
-  const h = !!c.additionalProperties, f = ae(c, j, t) && /* @__PURE__ */ n.jsx(
+  const f = !!c.additionalProperties, p = se(c, x, t) && /* @__PURE__ */ n.jsx(
     U,
     {
       label: d,
       className: "object-property-expand",
       onClick: r(c),
-      disabled: e || l,
-      uiSchema: j,
-      registry: i
+      disabled: e || i,
+      uiSchema: x,
+      registry: l
     }
-  ), _ = s.filter((x) => {
-    const m = c.properties?.[x.name]?.hidden;
-    if (!m)
+  ), j = a.filter((_) => {
+    const h = c.properties?.[_.name]?.hidden;
+    if (!h)
       return !0;
     try {
-      const u = ge(m);
-      if (!u.path)
+      const m = ge(h);
+      if (!m.path)
         throw new Error("Empty path property of hidden descriptor field");
-      const g = b({
-        path: v(u.path),
-        json: p,
+      const g = y({
+        path: v(m.path),
+        json: u,
         resultType: "value",
         wrap: !1
       });
-      return !(g === void 0 || se(u.value, g));
+      return !(g === void 0 || ae(m.value, g));
     } catch {
       return !0;
     }
-  }).map((x) => x.content);
-  return h ? s.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  }).map((_) => _.content);
+  return f ? a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       T,
       {
         label: d,
         required: o,
         showLabel: !0,
-        id: a.$id,
+        id: s.$id,
         shouldAlignCenter: !1,
-        children: /* @__PURE__ */ n.jsx("div", { children: _ })
+        children: /* @__PURE__ */ n.jsx("div", { children: j })
       }
     ),
-    f
-  ] }) : /* @__PURE__ */ n.jsx(T, { label: d, required: o, showLabel: !0, id: a.$id, children: f }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    _,
-    f
+    p
+  ] }) : /* @__PURE__ */ n.jsx(T, { label: d, required: o, showLabel: !0, id: s.$id, children: p }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    j,
+    p
   ] });
 }, we = (e) => {
-  const { idSchema: t, registry: a, required: r, schema: s, title: l, uiSchema: i, description: o } = e, c = !!s.additionalProperties, d = l && !c;
+  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(
-      O,
+      C,
       {
         id: re(t),
-        title: l,
+        title: i,
         required: r,
-        schema: s,
-        uiSchema: i,
-        registry: a,
+        schema: a,
+        uiSchema: l,
+        registry: s,
         description: o
       }
     ),
     /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: `${s.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"}`,
+        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 })
       }
     )
@@ -428,34 +428,34 @@ import './assets/@common-rjsf.css';const C = {
 }, Ne = ({
   id: e,
   disabled: t,
-  label: a,
+  label: s,
   onKeyChange: r,
-  onDropPropertyClick: s,
-  readonly: l,
-  schema: i,
+  onDropPropertyClick: a,
+  readonly: i,
+  schema: l,
   children: o,
   uiSchema: c,
   registry: d
 }) => {
-  const { templates: j } = d, { RemoveButton: p } = j.ButtonTemplates, h = L in i;
-  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: [
+  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: (f) => r(f.target.value),
-        placeholder: C.OBJECT_KEY,
-        defaultValue: a
+        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(
-      p,
+      u,
       {
-        disabled: t || l,
-        onClick: s(a),
+        disabled: t || i,
+        onClick: a(s),
         uiSchema: c,
         registry: d
       }
@@ -464,72 +464,80 @@ import './assets/@common-rjsf.css';const C = {
 }, Se = ({
   id: e,
   onChange: t,
-  value: a,
-  disabled: r,
-  readonly: s,
-  autofocus: l
+  value: s,
+  required: r,
+  disabled: a,
+  readonly: i,
+  autofocus: l,
+  onBlur: o,
+  onFocus: c
 }) => {
-  const i = z(a) ? !1 : a, o = () => {
-    t(!i);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: "flexbox dc__align-items-center dc__gap-8", children: [
+  const d = (u, f) => {
+    const { id: p, checked: j } = u.target;
+    f === "blur" ? o(p, j) : f === "focus" && c(p, j);
+  }, x = z(s) ? !1 : s;
+  return /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsx(
       Y,
       {
+        selected: x,
+        onSelect: t,
+        id: e,
         name: e,
-        ariaLabel: e,
-        onChange: o,
-        isChecked: i,
+        required: r,
+        disabled: a || i,
         autoFocus: l,
-        isDisabled: r || s
+        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", children: i.toString() })
+    /* @__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 }), Ce = (e) => /* @__PURE__ */ n.jsx(D.DropdownIndicator, { ...e, children: /* @__PURE__ */ n.jsx(X, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), Oe = (e) => {
+}, 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: a = !1,
+    multiple: s = !1,
     options: r,
-    value: s,
-    disabled: l,
-    readonly: i,
+    value: a,
+    disabled: i,
+    readonly: l,
     autofocus: o = !1,
     onChange: c,
     onBlur: d,
-    onFocus: j,
-    placeholder: p
-  } = e, { enumOptions: h = [] } = r, f = a ? [] : "", _ = (m) => {
-    c(a ? m.map((u) => u.value) : m.value);
-  }, x = (m) => a ? h.filter((u) => m.some((g) => A(g, u.value))) : h.find((u) => A(m, u.value));
+    onFocus: x,
+    placeholder: u
+  } = e, { enumOptions: f = [] } = r, p = s ? [] : "", j = (h) => {
+    c(s ? h.map((m) => m.value) : h.value);
+  }, _ = (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: a,
-      value: typeof s > "u" ? f : x(s),
+      isMulti: s,
+      value: typeof a > "u" ? p : _(a),
       autoFocus: o,
-      onChange: _,
-      options: h,
-      onBlur: () => d(t, s),
-      onFocus: () => j(t, s),
-      placeholder: p || C.SELECT,
-      isDisabled: l || i,
+      onChange: j,
+      options: f,
+      onBlur: () => d(t, a),
+      onFocus: () => x(t, a),
+      placeholder: u || O.SELECT,
+      isDisabled: i || l,
       styles: {
         ...w,
-        control: (m, u) => ({
-          ...w.control(m, u),
+        control: (h, m) => ({
+          ...w.control(h, m),
           minHeight: "36px"
         }),
-        multiValue: (m, u) => ({
-          ...w.multiValue(m, u),
+        multiValue: (h, m) => ({
+          ...w.multiValue(h, m),
           margin: "2px 8px 2px 2px"
         })
       },
       components: {
         IndicatorSeparator: null,
-        DropdownIndicator: Ce,
+        DropdownIndicator: Oe,
         MenuList: Fe
       },
       menuPlacement: "auto"
@@ -537,8 +545,8 @@ import './assets/@common-rjsf.css';const C = {
   );
 }, Pe = {
   CheckboxWidget: Se,
-  SelectWidget: Oe
-}, Ae = {
+  SelectWidget: Ce
+}, Ee = {
   ArrayFieldItemTemplate: de,
   ArrayFieldTemplate: ue,
   BaseInputTemplate: pe,
@@ -546,53 +554,53 @@ import './assets/@common-rjsf.css';const C = {
   FieldTemplate: xe,
   FieldErrorTemplate: je,
   ObjectFieldTemplate: we,
-  TitleFieldTemplate: O,
+  TitleFieldTemplate: C,
   WrapIfAdditionalTemplate: Ne
-}, Ee = K, Re = G, Ye = J((e, t) => {
-  const { schemaPathToUpdatePathMap: a, isUpdatePathKeywordPresent: r } = P(() => {
-    const o = ye(e.schema);
+}, 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]), s = P(() => r ? ve({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: a }) : e.formData, [e.formData, a, r]), l = (o) => {
+  }, [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: a
+      schemaPathToUpdatePathMap: s
     });
     e.onChange({ ...o, formData: c });
-  }, i = (o, c) => {
+  }, l = (o, c) => {
     if (!e.onSubmit)
       return;
     const d = I({
       formState: o.formData,
       formData: e.formData,
-      schemaPathToUpdatePathMap: a
+      schemaPathToUpdatePathMap: s
     });
     e.onSubmit?.({ ...o, formData: d }, c);
   };
   return /* @__PURE__ */ n.jsx(
-    Ee,
+    Ae,
     {
       noHtml5Validate: !0,
       showErrorList: !1,
       autoComplete: "off",
       ...e,
-      formData: s,
+      formData: a,
       ...r ? {
-        onChange: l,
-        onSubmit: i
+        onChange: i,
+        onSubmit: l
       } : {},
       className: `rjsf-form-template__container ${e.className || ""}`,
       validator: Re,
       templates: {
-        ...Ae,
+        ...Ee,
         ...e.templates
       },
-      formContext: s,
+      formContext: a,
       widgets: { ...Pe, ...e.widgets },
       translateString: _e,
       ref: t
@@ -603,7 +611,7 @@ export {
   Je as H,
   Ye as R,
   Ke as a,
-  ye as b,
-  y as c,
+  be as b,
+  b as c,
   qe as g
 };