@devtron-labs/devtron-fe-common-lib 1.4.9 → 1.5.1-beta-1

package/dist/{@common-rjsf-D95ycdjG.js → @common-rjsf-D_HM1zib.js}

@@ -1,8 +1,8 @@
-import { j as n, J as A } from "./@vendor-CwAQS8iU.js";
-import E, { forwardRef as $ } from "react";
+import { j as n, J as $ } from "./@vendor-CB7cq1II.js";
+import A, { forwardRef as E } from "react";
 import L, { getDefaultRegistry as k } from "@rjsf/core";
 import D from "@rjsf/validator-ajv8";
-import { T as y, c as H, a as U, i as J, d as w } from "./@code-editor-BOLaG1cq.js";
+import { T as y, c as H, a as U, i as J, d as w } from "./@code-editor-nJMq__nd.js";
 import M, { components as O } from "react-select";
 import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as V, ADDITIONAL_PROPERTY_FLAG as P, errorId as W, englishStringTranslator as q, TranslatableString as K, titleId as Y, canExpand as z, deepEquals as G } from "@rjsf/utils";
 import { ReactComponent as Q } from "./assets/ic-chevron-down.fc70d7a7.svg";
@@ -13,15 +13,15 @@ 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"
-}, te = "Key not available", $e = {
+}, te = "Key not available", Ee = {
   "ui:submitButtonOptions": {
     norender: !0
   }
 }, b = ({
   showLabel: t,
   label: e,
-  required: s,
-  children: o,
+  required: o,
+  children: s,
   id: r,
   rawDescription: a,
   shouldAlignCenter: i = !0
@@ -32,12 +32,12 @@ import './assets/@common-rjsf.css';const N = {
     children: [
       t && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: r, children: [
         /* @__PURE__ */ n.jsx(y, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${a ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
-        s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+        o && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
       ] }),
-      o
+      s
     ]
   }
-), S = ({ label: t, canAdd: e, onAddClick: s, disabled: o, readonly: r, uiSchema: a, registry: i }) => {
+), S = ({ label: t, canAdd: e, onAddClick: o, disabled: s, readonly: r, uiSchema: a, registry: i }) => {
   const {
     ButtonTemplates: { AddButton: c }
   } = i.templates;
@@ -45,8 +45,8 @@ import './assets/@common-rjsf.css';const N = {
     c,
     {
       label: t,
-      onClick: s,
-      disabled: o || r,
+      onClick: o,
+      disabled: s || r,
       uiSchema: a,
       registry: i
     }
@@ -54,8 +54,8 @@ import './assets/@common-rjsf.css';const N = {
 }, ne = ({
   canAdd: t,
   className: e,
-  disabled: s,
-  idSchema: o,
+  disabled: o,
+  idSchema: s,
   uiSchema: r,
   items: a,
   onAddClick: i,
@@ -65,7 +65,7 @@ import './assets/@common-rjsf.css';const N = {
   title: f
 }) => {
   const p = B(r), u = I("ArrayFieldItemTemplate", l, p), m = p.title || f;
-  return /* @__PURE__ */ n.jsx("fieldset", { className: e, id: o.$id, children: a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  return /* @__PURE__ */ n.jsx("fieldset", { className: e, id: s.$id, children: a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     a.map(({ key: j, ...x }, g) => {
       const h = {
         ...x.children,
@@ -81,29 +81,29 @@ import './assets/@common-rjsf.css';const N = {
         label: m,
         canAdd: t,
         onAddClick: i,
-        disabled: s,
+        disabled: o,
         readonly: c,
         uiSchema: r,
         registry: l
       }
     )
-  ] }) : /* @__PURE__ */ n.jsx(b, { label: m, required: d, showLabel: !0, id: o.$id, children: /* @__PURE__ */ n.jsx(
+  ] }) : /* @__PURE__ */ n.jsx(b, { label: m, required: d, showLabel: !0, id: s.$id, children: /* @__PURE__ */ n.jsx(
     S,
     {
       label: m,
       canAdd: t,
       onAddClick: i,
-      disabled: s,
+      disabled: o,
       readonly: c,
       uiSchema: r,
       registry: l
     }
   ) }) });
-}, se = ({
+}, oe = ({
   children: t,
   disabled: e,
-  hasToolbar: s,
-  hasRemove: o,
+  hasToolbar: o,
+  hasRemove: s,
   index: r,
   onDropIndexClick: a,
   readonly: i,
@@ -113,7 +113,7 @@ import './assets/@common-rjsf.css';const N = {
   const { RemoveButton: d } = c.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: s && o && /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: o && s && /* @__PURE__ */ n.jsx(
       d,
       {
         disabled: e || i,
@@ -124,9 +124,9 @@ import './assets/@common-rjsf.css';const N = {
     ) })
   ] });
 }, {
-  templates: { BaseInputTemplate: oe }
+  templates: { BaseInputTemplate: se }
 } = k(), re = ({ placeholder: t, ...e }) => /* @__PURE__ */ n.jsx(
-  oe,
+  se,
   {
     placeholder: t || N.INPUT,
     ...e,
@@ -135,8 +135,8 @@ import './assets/@common-rjsf.css';const N = {
 ), R = ({
   label: t,
   icon: e,
-  iconType: s,
-  registry: o,
+  iconType: o,
+  registry: s,
   uiSchema: r,
   ...a
 }) => {
@@ -154,22 +154,22 @@ import './assets/@common-rjsf.css';const N = {
       ]
     }
   ) });
-}, ae = ({ icon: t, iconType: e, registry: s, uiSchema: o, ...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(Z, { className: "icon-dim-16 fcn-6" }) }), ie = ({ uiSchema: t }) => {
-  const { submitText: e, norender: s, props: o = {} } = V(t);
-  return s ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...o, className: `cta ${o.className || ""}`, children: e }) });
+}, ae = ({ icon: t, iconType: e, registry: o, 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(Z, { className: "icon-dim-16 fcn-6" }) }), ie = ({ uiSchema: t }) => {
+  const { submitText: e, norender: o, props: s = {} } = V(t);
+  return o ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...s, className: `cta ${s.className || ""}`, children: e }) });
 }, T = ({
   id: t,
   title: e,
-  required: s,
-  description: o
-}) => /* @__PURE__ */ n.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border py-9 mb-0", id: t, children: [
-  /* @__PURE__ */ n.jsx(y, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ n.jsx("span", { className: `${o ? "text-underline-dashed-300" : ""}`, children: e }) }),
-  s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+  required: o,
+  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(y, { alwaysShowTippyOnHover: !!s, content: s, children: /* @__PURE__ */ n.jsx("span", { className: `${s ? "text-underline-dashed-300" : ""}`, children: e }) }),
+  o && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
 ] }), le = (t) => {
   const {
     id: e,
-    label: s,
-    children: o,
+    label: o,
+    children: s,
     errors: r,
     hidden: a,
     required: i,
@@ -184,14 +184,14 @@ import './assets/@common-rjsf.css';const N = {
     l,
     m
   ), x = P in p, g = (c || p.type === "boolean") && !x, h = p.type === "array";
-  return a ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: o }) : (
+  return a ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: s }) : (
     // NOTE: need to override the margins of default rjsf css
     /* @__PURE__ */ n.jsxs("div", { className: `${f} mb-0`, children: [
       h && /* @__PURE__ */ n.jsx(
         T,
         {
           id: e,
-          title: s,
+          title: o,
           required: i,
           registry: l,
           uiSchema: d,
@@ -202,24 +202,24 @@ import './assets/@common-rjsf.css';const N = {
       /* @__PURE__ */ n.jsx(
         b,
         {
-          label: s,
+          label: o,
           showLabel: g,
           id: e,
           required: i,
           rawDescription: u,
-          children: /* @__PURE__ */ n.jsx(j, { ...t, children: o })
+          children: /* @__PURE__ */ n.jsx(j, { ...t, children: s })
         }
       ),
       r
     ] })
   );
 }, ce = ({ errors: t = [], idSchema: e }) => {
-  const s = W(e);
-  return t.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: s, children: t.filter((o) => !!o).map((o, r) => /* @__PURE__ */ n.jsxs(E.Fragment, { children: [
+  const o = W(e);
+  return t.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: o, children: t.filter((s) => !!s).map((s, r) => /* @__PURE__ */ n.jsxs(A.Fragment, { children: [
     /* @__PURE__ */ n.jsx("span", {}),
     /* @__PURE__ */ n.jsxs("span", { className: "form__error", children: [
       /* @__PURE__ */ n.jsx(ee, { className: "form__icon form__icon--error" }),
-      o
+      s
     ] })
   ] }, r)) });
 }, de = (t, e) => {
@@ -236,33 +236,33 @@ import './assets/@common-rjsf.css';const N = {
     paddingBottom: 0,
     cursor: "pointer"
   }),
-  control: (e, s) => ({
+  control: (e, o) => ({
     ...e,
     minHeight: "32px",
     boxShadow: "none",
     backgroundColor: "var(--bg-secondary)",
-    border: s.isFocused ? "1px solid var(--B500)" : "1px solid var(--N200)",
+    border: o.isFocused ? "1px solid var(--B500)" : "1px solid var(--N200)",
     cursor: "pointer"
   }),
-  option: (e, s) => ({
+  option: (e, o) => ({
     ...e,
     color: "var(--N900)",
-    backgroundColor: s.isFocused ? "var(--N100)" : "var(--bg-primary)",
+    backgroundColor: o.isFocused ? "var(--N100)" : "var(--bg-primary)",
     padding: "10px 12px",
     cursor: "pointer"
   }),
-  dropdownIndicator: (e, s) => ({
+  dropdownIndicator: (e, o) => ({
     ...e,
     color: "var(--N400)",
     padding: "0 8px",
     transition: "all .2s ease",
-    transform: s.selectProps.menuIsOpen ? "rotate(180deg)" : "rotate(0deg)"
+    transform: o.selectProps.menuIsOpen ? "rotate(180deg)" : "rotate(0deg)"
   }),
-  valueContainer: (e, s) => ({
+  valueContainer: (e, o) => ({
     ...e,
     padding: "0 8px",
     fontWeight: "400",
-    color: s.selectProps.menuIsOpen ? "var(--N500)" : e.color
+    color: o.selectProps.menuIsOpen ? "var(--N500)" : e.color
   }),
   loadingMessage: (e) => ({
     ...e,
@@ -348,8 +348,8 @@ import './assets/@common-rjsf.css';const N = {
 }, ue = ({
   disabled: t,
   formData: e,
-  idSchema: s,
-  onAddClick: o,
+  idSchema: o,
+  onAddClick: s,
   properties: r,
   readonly: a,
   registry: i,
@@ -364,7 +364,7 @@ import './assets/@common-rjsf.css';const N = {
     {
       label: d,
       className: "object-property-expand",
-      onClick: o(l),
+      onClick: s(l),
       disabled: t || a,
       uiSchema: f,
       registry: i
@@ -379,7 +379,7 @@ import './assets/@common-rjsf.css';const N = {
         throw new Error("Empty path property of hidden descriptor field");
       if (!h.path.match(/^\/\w+(\/\w+)*$/g))
         throw new Error("Provided path is not a valid JSON pointer");
-      const _ = A({
+      const _ = $({
         path: H(h.path),
         json: p
       })?.[0];
@@ -395,35 +395,35 @@ import './assets/@common-rjsf.css';const N = {
         label: d,
         required: c,
         showLabel: !0,
-        id: s.$id,
+        id: o.$id,
         shouldAlignCenter: !1,
         children: /* @__PURE__ */ n.jsx("div", { children: j })
       }
     ),
     m
-  ] }) : /* @__PURE__ */ n.jsx(b, { label: d, required: c, showLabel: !0, id: s.$id, children: m }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  ] }) : /* @__PURE__ */ n.jsx(b, { label: d, required: c, showLabel: !0, id: o.$id, children: m }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     j,
     m
   ] });
 }, he = (t) => {
-  const { idSchema: e, registry: s, required: o, schema: r, title: a, uiSchema: i, description: c } = t, l = !!r.additionalProperties, d = a && !l;
+  const { idSchema: e, registry: o, required: s, schema: r, title: a, uiSchema: i, description: c } = t, l = !!r.additionalProperties, d = a && !l;
   return /* @__PURE__ */ n.jsxs("fieldset", { id: e.$id, children: [
     d && /* @__PURE__ */ n.jsx(
       T,
       {
         id: Y(e),
         title: a,
-        required: o,
+        required: s,
         schema: r,
         uiSchema: i,
-        registry: s,
+        registry: o,
         description: c
       }
     ),
     /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: `${r.properties && !l && e.$id !== "root" ? "dc__border-left pl-12" : ""} flexbox-col dc__gap-8`,
+        className: `${r.properties && !l && 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(ue, { ...t })
       }
     )
@@ -431,8 +431,8 @@ import './assets/@common-rjsf.css';const N = {
 }, fe = ({
   id: t,
   disabled: e,
-  label: s,
-  onKeyChange: o,
+  label: o,
+  onKeyChange: s,
   onDropPropertyClick: r,
   readonly: a,
   schema: i,
@@ -448,9 +448,9 @@ import './assets/@common-rjsf.css';const N = {
         type: "text",
         className: "form__input cn-9 fs-13 lh-20 fw-4",
         id: `${t}-key`,
-        onBlur: (m) => o(m.target.value),
+        onBlur: (m) => s(m.target.value),
         placeholder: N.OBJECT_KEY,
-        defaultValue: s
+        defaultValue: o
       }
     ) }),
     /* @__PURE__ */ n.jsx("div", { children: c }),
@@ -458,7 +458,7 @@ import './assets/@common-rjsf.css';const N = {
       p,
       {
         disabled: e || a,
-        onClick: r(s),
+        onClick: r(o),
         uiSchema: l,
         registry: d
       }
@@ -467,8 +467,8 @@ import './assets/@common-rjsf.css';const N = {
 }, xe = ({
   id: t,
   onChange: e,
-  value: s,
-  required: o,
+  value: o,
+  required: s,
   disabled: r,
   readonly: a,
   autofocus: i,
@@ -478,7 +478,7 @@ import './assets/@common-rjsf.css';const N = {
   const d = (p, u) => {
     const { id: m, checked: j } = p.target;
     u === "blur" ? c(m, j) : u === "focus" && l(m, j);
-  }, f = J(s) ? !1 : s;
+  }, f = J(o) ? !1 : o;
   return /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsx(
       U,
@@ -487,7 +487,7 @@ import './assets/@common-rjsf.css';const N = {
         onSelect: e,
         id: t,
         name: t,
-        required: o,
+        required: s,
         disabled: r || a,
         autoFocus: i,
         rootClassName: "w-32 mb-0 dc__height-inherit",
@@ -500,8 +500,8 @@ import './assets/@common-rjsf.css';const N = {
 }, F = pe(), ge = ({ children: t, ...e }) => /* @__PURE__ */ n.jsx(O.MenuList, { ...e, children: Array.isArray(t) ? t.slice(0, 20) : t }), je = (t) => /* @__PURE__ */ n.jsx(O.DropdownIndicator, { ...t, children: /* @__PURE__ */ n.jsx(Q, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), _e = (t) => {
   const {
     id: e,
-    multiple: s = !1,
-    options: o,
+    multiple: o = !1,
+    options: s,
     value: r,
     disabled: a,
     readonly: i,
@@ -510,15 +510,15 @@ import './assets/@common-rjsf.css';const N = {
     onBlur: d,
     onFocus: f,
     placeholder: p
-  } = t, { enumOptions: u = [] } = o, m = s ? [] : "", j = (g) => {
-    l(s ? g.map((h) => h.value) : g.value);
-  }, x = (g) => s ? u.filter((h) => g.some((_) => w(_, h.value))) : u.find((h) => w(g, h.value));
+  } = t, { enumOptions: u = [] } = s, m = o ? [] : "", j = (g) => {
+    l(o ? g.map((h) => h.value) : g.value);
+  }, x = (g) => o ? u.filter((h) => g.some((_) => w(_, h.value))) : u.find((h) => w(g, h.value));
   return /* @__PURE__ */ n.jsx(
     M,
     {
       id: e,
       name: e,
-      isMulti: s,
+      isMulti: o,
       value: typeof r > "u" ? m : x(r),
       autoFocus: c,
       onChange: j,
@@ -547,7 +547,7 @@ import './assets/@common-rjsf.css';const N = {
   CheckboxWidget: xe,
   SelectWidget: _e
 }, ve = {
-  ArrayFieldItemTemplate: se,
+  ArrayFieldItemTemplate: oe,
   ArrayFieldTemplate: ne,
   BaseInputTemplate: re,
   ButtonTemplates: { AddButton: R, RemoveButton: ae, SubmitButton: ie },
@@ -556,7 +556,7 @@ import './assets/@common-rjsf.css';const N = {
   ObjectFieldTemplate: he,
   TitleFieldTemplate: T,
   WrapIfAdditionalTemplate: fe
-}, ye = L, Ne = D, De = $((t, e) => /* @__PURE__ */ n.jsx(
+}, ye = L, Ne = D, De = E((t, e) => /* @__PURE__ */ n.jsx(
   ye,
   {
     noHtml5Validate: !0,
@@ -576,7 +576,7 @@ import './assets/@common-rjsf.css';const N = {
   }
 ));
 export {
-  $e as H,
+  Ee as H,
   De as R,
   Le as a,
   ke as g

package/dist/{@framer-motion-CdgdF0KV.js → @framer-motion-CtC3e2uC.js}

@@ -1,4 +1,4 @@
-import { g as ct, l as m, o as I, p as Yr, q as we, r as T, t as at, v as zt, w as ae, x as Xe, y as J, z as kr, B as Qn, C as Xr, D as ti, E as ei, F as ri, G as ni, H as ii, I as Wr, K as ai, L as oi, M as si, N as ui, O as li, P as fi, S as ci, T as yt, U as k, V as pe, W as Zr, X as vi, Y as di, Z as W, $, a0 as pi, a1 as he, a2 as Dt, a3 as hi, a4 as mi, a5 as $r, a6 as Mt, a7 as O, a8 as me, a9 as gi, aa as oe, ab as yi } from "./@vendor-CwAQS8iU.js";
+import { g as ct, l as m, o as I, p as Yr, q as we, r as T, t as at, v as zt, w as ae, x as Xe, y as J, z as kr, B as Qn, C as Xr, E as ti, F as ei, G as ri, H as ni, I as ii, K as Wr, L as ai, M as oi, N as si, O as ui, P as li, S as fi, T as ci, U as yt, V as k, W as pe, X as Zr, Y as vi, Z as di, $ as W, a0 as $, a1 as pi, a2 as he, a3 as Dt, a4 as hi, a5 as mi, a6 as $r, a7 as Mt, a8 as O, a9 as me, aa as gi, ab as oe, ac as yi } from "./@vendor-CB7cq1II.js";
 import * as K from "react";
 import Ee, { createContext as bt, useContext as F, useLayoutEffect as Pi, useEffect as G, useState as qr, useRef as q, useCallback as ge, useMemo as It, forwardRef as bi, createElement as Vi, cloneElement as Ti, Children as Si, isValidElement as xi } from "react";
 var We = "production", Le = typeof process > "u" || process.env === void 0 ? We : process.env.NODE_ENV || We, Q = function(t) {