@devtron-labs/devtron-fe-common-lib 1.5.12-beta-2 → 1.5.13

package/dist/{@common-rjsf-D0_hJj1f.js → @common-rjsf-CCiAa1v9.js}

@@ -1,15 +1,15 @@
-import { j as t, O as $ } from "./@vendor-CKSERKp7.js";
+import { j as t, J as $ } from "./@vendor-ROKJESOw.js";
 import A, { forwardRef as E } from "react";
 import L, { getDefaultRegistry as D } from "@rjsf/core";
 import H from "@rjsf/validator-ajv8";
-import { T as v, c as U, a as k, i as J, b as w, d as S } from "./@code-editor-DIH_NWaK.js";
+import { T, c as U, a as k, i as J, b as y, d as S } from "./@code-editor-DpYDAAJZ.js";
 import M, { components as B } from "react-select";
-import { ReactComponent as W } from "./assets/ic-chevron-down.fc70d7a7.svg";
-import { getUiOptions as C, getTemplate as I, getSubmitButtonOptions as V, ADDITIONAL_PROPERTY_FLAG as P, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";
+import { ReactComponent as V } from "./assets/ic-chevron-down.fc70d7a7.svg";
+import { getUiOptions as C, getTemplate as I, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as P, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";
 import { ReactComponent as X } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as Z } from "./assets/ic-cross.01e03666.svg";
 import { ReactComponent as ee } from "./assets/ic-warning.10bcf8bd.svg";
-import './assets/@common-rjsf.css';const T = {
+import './assets/@common-rjsf.css';const N = {
   SELECT: "Please select an option",
   INPUT: "Please enter an input",
   OBJECT_KEY: "Please enter a value for the key"
@@ -17,7 +17,7 @@ import './assets/@common-rjsf.css';const T = {
   "ui:submitButtonOptions": {
     norender: !0
   }
-}, g = ({
+}, b = ({
   showLabel: n,
   label: e,
   required: s,
@@ -31,7 +31,7 @@ import './assets/@common-rjsf.css';const T = {
     className: n ? `display-grid dc__gap-12 rjsf-form-template__field ${i ? "flex-align-center" : ""}` : "",
     children: [
       n && /* @__PURE__ */ t.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: r, children: [
-        /* @__PURE__ */ t.jsx(v, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ t.jsx("span", { className: `dc__ellipsis-right ${o ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
+        /* @__PURE__ */ t.jsx(T, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ t.jsx("span", { className: `dc__ellipsis-right ${o ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
         s && /* @__PURE__ */ t.jsx("span", { className: "cr-5", children: " *" })
       ] }),
       a
@@ -62,23 +62,23 @@ import './assets/@common-rjsf.css';const T = {
   readonly: c,
   registry: l,
   required: d,
-  title: f
+  title: x
 }) => {
-  const p = C(r), h = I("ArrayFieldItemTemplate", l, p), m = p.title || f;
+  const p = C(r), h = I("ArrayFieldItemTemplate", l, p), u = p.title || x;
   return /* @__PURE__ */ t.jsx("fieldset", { className: e, id: a.$id, children: o.length ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    o.map(({ key: _, ...x }, j) => {
-      const u = {
-        ...x.children,
+    o.map(({ key: _, ...j }, f) => {
+      const m = {
+        ...j.children,
         props: {
-          ...x.children.props
+          ...j.children.props
         }
       };
-      return /* @__PURE__ */ t.jsx(h, { ...x, children: u }, _);
+      return /* @__PURE__ */ t.jsx(h, { ...j, children: m }, _);
     }),
     /* @__PURE__ */ t.jsx(
       F,
       {
-        label: m,
+        label: u,
         canAdd: n,
         onAddClick: i,
         disabled: s,
@@ -87,10 +87,10 @@ import './assets/@common-rjsf.css';const T = {
         registry: l
       }
     )
-  ] }) : /* @__PURE__ */ t.jsx(g, { label: m, required: d, showLabel: !0, id: a.$id, children: /* @__PURE__ */ t.jsx(
+  ] }) : /* @__PURE__ */ t.jsx(b, { label: u, required: d, showLabel: !0, id: a.$id, children: /* @__PURE__ */ t.jsx(
     F,
     {
-      label: m,
+      label: u,
       canAdd: n,
       onAddClick: i,
       disabled: s,
@@ -128,7 +128,7 @@ import './assets/@common-rjsf.css';const T = {
 } = D(), re = ({ placeholder: n, ...e }) => /* @__PURE__ */ t.jsx(
   ae,
   {
-    placeholder: n || T.INPUT,
+    placeholder: n || N.INPUT,
     ...e,
     className: "form__input cn-9 fs-13 lh-20 fw-4"
   }
@@ -150,20 +150,20 @@ import './assets/@common-rjsf.css';const T = {
       title: "Add",
       children: [
         /* @__PURE__ */ t.jsx(X, { className: "icon-dim-16 fcb-5" }),
-        /* @__PURE__ */ t.jsx(v, { placement: "right", content: i, children: /* @__PURE__ */ t.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
+        /* @__PURE__ */ t.jsx(T, { placement: "right", content: i, children: /* @__PURE__ */ t.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
       ]
     }
   ) });
 }, oe = ({ icon: n, iconType: e, registry: s, uiSchema: a, ...r }) => /* @__PURE__ */ t.jsx("button", { ...r, type: "button", className: "dc__outline-none-imp p-0 dc__transparent flex cursor", title: "Remove", children: /* @__PURE__ */ t.jsx(Z, { className: "icon-dim-16 fcn-6" }) }), ie = ({ uiSchema: n }) => {
-  const { submitText: e, norender: s, props: a = {} } = V(n);
+  const { submitText: e, norender: s, props: a = {} } = W(n);
   return s ? null : /* @__PURE__ */ t.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ t.jsx("button", { type: "submit", ...a, className: `cta ${a.className || ""}`, children: e }) });
-}, N = ({
+}, w = ({
   id: n,
   title: e,
   required: s,
   description: a
 }) => /* @__PURE__ */ t.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border pb-9 mb-0", id: n, children: [
-  /* @__PURE__ */ t.jsx(v, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ t.jsx("span", { className: `${a ? "text-underline-dashed-300" : ""}`, children: e }) }),
+  /* @__PURE__ */ t.jsx(T, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ t.jsx("span", { className: `${a ? "text-underline-dashed-300" : ""}`, children: e }) }),
   s && /* @__PURE__ */ t.jsx("span", { className: "cr-5", children: " *" })
 ] }), le = (n) => {
   const {
@@ -176,19 +176,19 @@ import './assets/@common-rjsf.css';const T = {
     displayLabel: c,
     registry: l,
     uiSchema: d,
-    classNames: f,
+    classNames: x,
     schema: p,
     rawDescription: h
-  } = n, m = C(d), _ = I(
+  } = n, u = C(d), _ = I(
     "WrapIfAdditionalTemplate",
     l,
-    m
-  ), x = P in p, j = (c || p.type === "boolean") && !x, u = p.type === "array";
+    u
+  ), j = P in p, f = (c || p.type === "boolean") && !j, m = p.type === "array";
   return o ? /* @__PURE__ */ t.jsx("div", { className: "hidden", children: a }) : (
     // NOTE: need to override the margins of default rjsf css
-    /* @__PURE__ */ t.jsxs("div", { className: `${f} mb-0`, children: [
-      u && /* @__PURE__ */ t.jsx(
-        N,
+    /* @__PURE__ */ t.jsxs("div", { className: `${x} mb-0`, children: [
+      m && /* @__PURE__ */ t.jsx(
+        w,
         {
           id: e,
           title: s,
@@ -200,10 +200,10 @@ import './assets/@common-rjsf.css';const T = {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        g,
+        b,
         {
           label: s,
-          showLabel: j,
+          showLabel: f,
           id: e,
           required: i,
           rawDescription: h,
@@ -257,7 +257,7 @@ import './assets/@common-rjsf.css';const T = {
     default:
       return "null";
   }
-}, y = (n) => {
+}, v = (n) => {
   if (!n)
     return "";
   const e = n.trim();
@@ -271,13 +271,13 @@ import './assets/@common-rjsf.css';const T = {
   const e = structuredClone(n);
   return typeof e == "string" ? {
     value: !0,
-    path: y(e)
+    path: v(e)
   } : typeof e != "object" ? structuredClone(O) : Object.hasOwn(e, "condition") && "condition" in e && Object.hasOwn(e, "value") && "value" in e ? {
     value: e.condition,
-    path: y(e.value)
+    path: v(e.value)
   } : Object.hasOwn(e, "value") && "value" in e && Object.hasOwn(e, "path") && "path" in e ? {
     value: e.value,
-    path: y(e.path)
+    path: v(e.path)
   } : structuredClone(O);
 }, me = ({
   disabled: n,
@@ -290,41 +290,41 @@ import './assets/@common-rjsf.css';const T = {
   required: c,
   schema: l,
   title: d,
-  uiSchema: f,
+  uiSchema: x,
   formContext: p
 }) => {
-  const h = !!l.additionalProperties, m = G(l, f, e) && /* @__PURE__ */ t.jsx(
+  const h = !!l.additionalProperties, u = G(l, x, e) && /* @__PURE__ */ t.jsx(
     R,
     {
       label: d,
       className: "object-property-expand",
       onClick: a(l),
       disabled: n || o,
-      uiSchema: f,
+      uiSchema: x,
       registry: i
     }
-  ), _ = r.filter((x) => {
-    const j = l.properties?.[x.name]?.hidden;
-    if (!j)
+  ), _ = r.filter((j) => {
+    const f = l.properties?.[j.name]?.hidden;
+    if (!f)
       return !0;
     try {
-      const u = pe(j);
-      if (!u.path)
+      const m = pe(f);
+      if (!m.path)
         throw new Error("Empty path property of hidden descriptor field");
-      if (!u.path.match(/^\/\w+(\/\w+)*$/g))
+      if (!m.path.match(/^\/\w+(\/\w+)*$/g))
         throw new Error("Provided path is not a valid JSON pointer");
-      const b = $({
-        path: U(u.path),
+      const g = $({
+        path: U(m.path),
         json: p
       })?.[0];
-      return !(b === void 0 || Q(u.value, b));
+      return !(g === void 0 || Q(m.value, g));
     } catch {
       return !0;
     }
-  }).sort((x) => l.properties?.[x.name]?.type === "boolean" ? -1 : 1).map((x) => x.content);
+  }).sort((j) => l.properties?.[j.name]?.type === "boolean" ? -1 : 1).map((j) => j.content);
   return h ? r.length ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      g,
+      b,
       {
         label: d,
         required: c,
@@ -334,16 +334,16 @@ import './assets/@common-rjsf.css';const T = {
         children: /* @__PURE__ */ t.jsx("div", { children: _ })
       }
     ),
-    m
-  ] }) : /* @__PURE__ */ t.jsx(g, { label: d, required: c, showLabel: !0, id: s.$id, children: m }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    u
+  ] }) : /* @__PURE__ */ t.jsx(b, { label: d, required: c, showLabel: !0, id: s.$id, children: u }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     _,
-    m
+    u
   ] });
 }, ue = (n) => {
   const { idSchema: e, registry: s, required: a, schema: r, title: o, uiSchema: i, description: c } = n, l = !!r.additionalProperties, d = o && !l;
   return /* @__PURE__ */ t.jsxs("fieldset", { id: e.$id, children: [
     d && /* @__PURE__ */ t.jsx(
-      N,
+      w,
       {
         id: z(e),
         title: o,
@@ -374,7 +374,7 @@ import './assets/@common-rjsf.css';const T = {
   uiSchema: l,
   registry: d
 }) => {
-  const { templates: f } = d, { RemoveButton: p } = f.ButtonTemplates, h = P in i;
+  const { templates: x } = d, { RemoveButton: p } = x.ButtonTemplates, h = P in i;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: h ? /* @__PURE__ */ t.jsxs("div", { className: "dc__position-rel rjsf-form-template__additional-fields display-grid dc__gap-8 flex-align-center", children: [
     /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
       "input",
@@ -382,8 +382,8 @@ import './assets/@common-rjsf.css';const T = {
         type: "text",
         className: "form__input cn-9 fs-13 lh-20 fw-4",
         id: `${n}-key`,
-        onBlur: (m) => a(m.target.value),
-        placeholder: T.OBJECT_KEY,
+        onBlur: (u) => a(u.target.value),
+        placeholder: N.OBJECT_KEY,
         defaultValue: s
       }
     ) }),
@@ -410,14 +410,14 @@ import './assets/@common-rjsf.css';const T = {
   onFocus: l
 }) => {
   const d = (p, h) => {
-    const { id: m, checked: _ } = p.target;
-    h === "blur" ? c(m, _) : h === "focus" && l(m, _);
-  }, f = J(s) ? !1 : s;
+    const { id: u, checked: _ } = p.target;
+    h === "blur" ? c(u, _) : h === "focus" && l(u, _);
+  }, x = J(s) ? !1 : s;
   return /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx(
       k,
       {
-        selected: f,
+        selected: x,
         onSelect: e,
         id: n,
         name: n,
@@ -429,9 +429,9 @@ import './assets/@common-rjsf.css';const T = {
         onFocus: (p) => d(p, "focus")
       }
     ),
-    /* @__PURE__ */ t.jsx("span", { className: "dc__capitalize ml-8", children: f.toString() })
+    /* @__PURE__ */ t.jsx("span", { className: "dc__capitalize ml-8", children: x.toString() })
   ] });
-}, xe = ({ children: n, ...e }) => /* @__PURE__ */ t.jsx(B.MenuList, { ...e, children: Array.isArray(n) ? n.slice(0, 20) : n }), je = (n) => /* @__PURE__ */ t.jsx(B.DropdownIndicator, { ...n, children: /* @__PURE__ */ t.jsx(W, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), _e = (n) => {
+}, xe = ({ children: n, ...e }) => /* @__PURE__ */ t.jsx(B.MenuList, { ...e, children: Array.isArray(n) ? n.slice(0, 20) : n }), je = (n) => /* @__PURE__ */ t.jsx(B.DropdownIndicator, { ...n, children: /* @__PURE__ */ t.jsx(V, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), _e = (n) => {
   const {
     id: e,
     multiple: s = !1,
@@ -442,30 +442,34 @@ import './assets/@common-rjsf.css';const T = {
     autofocus: c = !1,
     onChange: l,
     onBlur: d,
-    onFocus: f,
+    onFocus: x,
     placeholder: p
-  } = n, { enumOptions: h = [] } = a, m = s ? [] : "", _ = (j) => {
-    l(s ? j.map((u) => u.value) : j.value);
-  }, x = (j) => s ? h.filter((u) => j.some((b) => S(b, u.value))) : h.find((u) => S(j, u.value));
+  } = n, { enumOptions: h = [] } = a, u = s ? [] : "", _ = (f) => {
+    l(s ? f.map((m) => m.value) : f.value);
+  }, j = (f) => s ? h.filter((m) => f.some((g) => S(g, m.value))) : h.find((m) => S(f, m.value));
   return /* @__PURE__ */ t.jsx(
     M,
     {
       id: e,
       name: e,
       isMulti: s,
-      value: typeof r > "u" ? m : x(r),
+      value: typeof r > "u" ? u : j(r),
       autoFocus: c,
       onChange: _,
       options: h,
       onBlur: () => d(e, r),
-      onFocus: () => f(e, r),
-      placeholder: p || T.SELECT,
+      onFocus: () => x(e, r),
+      placeholder: p || N.SELECT,
       isDisabled: o || i,
       styles: {
-        ...w,
-        control: (j, u) => ({
-          ...w.control(j, u),
-          height: "36px"
+        ...y,
+        control: (f, m) => ({
+          ...y.control(f, m),
+          minHeight: "36px"
+        }),
+        multiValue: (f, m) => ({
+          ...y.multiValue(f, m),
+          margin: "2px 8px 2px 2px"
         })
       },
       components: {
@@ -476,10 +480,10 @@ import './assets/@common-rjsf.css';const T = {
       menuPlacement: "auto"
     }
   );
-}, be = {
+}, ge = {
   CheckboxWidget: fe,
   SelectWidget: _e
-}, ge = {
+}, be = {
   ArrayFieldItemTemplate: se,
   ArrayFieldTemplate: ne,
   BaseInputTemplate: re,
@@ -487,7 +491,7 @@ import './assets/@common-rjsf.css';const T = {
   FieldTemplate: le,
   FieldErrorTemplate: ce,
   ObjectFieldTemplate: ue,
-  TitleFieldTemplate: N,
+  TitleFieldTemplate: w,
   WrapIfAdditionalTemplate: he
 }, ye = L, ve = H, De = E((n, e) => /* @__PURE__ */ t.jsx(
   ye,
@@ -499,11 +503,11 @@ import './assets/@common-rjsf.css';const T = {
     className: `rjsf-form-template__container ${n.className || ""}`,
     validator: ve,
     templates: {
-      ...ge,
+      ...be,
       ...n.templates
     },
     formContext: n.formData,
-    widgets: { ...be, ...n.widgets },
+    widgets: { ...ge, ...n.widgets },
     translateString: de,
     ref: e
   }