@devtron-labs/devtron-fe-common-lib 1.17.0-pre-5 → 1.17.0-pre-7

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

@@ -0,0 +1,598 @@
+import { j as n, at as y, av as k, au as M } from "./@vendor-DbxoIktR.js";
+import W, { forwardRef as J, useMemo as P } from "react";
+import V, { getDefaultRegistry as K } from "@rjsf/core";
+import { T as N, j as w, c as v, b as F, S as q, i as Y, a as G, d as C, e as z } from "./@code-editor-CsKzSw6Y.js";
+import { getUiOptions as I, getTemplate as D, getSubmitButtonOptions as Q, ADDITIONAL_PROPERTY_FLAG as B, errorId as X, englishStringTranslator as Z, TranslatableString as ee, titleId as te, canExpand as ne, deepEquals as re } from "@rjsf/utils";
+import { ReactComponent as se } from "./assets/ic-add.cfaa779b.svg";
+import { ReactComponent as ae } from "./assets/ic-warning.ecf7ff97.svg";
+import { ReactComponent as oe } from "./assets/ic-cross.01e03666.svg";
+import './assets/@common-rjsf.css';const S = {
+  SELECT: "Please select an option",
+  INPUT: "Please enter an input",
+  OBJECT_KEY: "Please enter a value for the key"
+}, le = "Key not available", Ue = {
+  "ui:submitButtonOptions": {
+    norender: !0
+  }
+}, $ = "rjsf-form-select-portal-target", ie = ({
+  children: e,
+  disabled: t,
+  hasToolbar: s,
+  hasRemove: r,
+  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: s && r && /* @__PURE__ */ n.jsx(
+      d,
+      {
+        disabled: t || l,
+        onClick: i(a),
+        uiSchema: c,
+        registry: o
+      }
+    ) })
+  ] });
+}, T = ({
+  showLabel: e,
+  label: t,
+  required: s,
+  children: r,
+  id: a,
+  rawDescription: i,
+  shouldAlignCenter: l = !0
+}) => /* @__PURE__ */ n.jsxs(
+  "div",
+  {
+    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: a, children: [
+        /* @__PURE__ */ n.jsx(N, { alwaysShowTippyOnHover: !!i, content: i, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${i ? "dc__underline-dotted" : ""}`, children: t || le }) }),
+        s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+      ] }),
+      r
+    ]
+  }
+), E = ({ label: e, canAdd: t, onAddClick: s, disabled: r, readonly: a, uiSchema: i, registry: l }) => {
+  const {
+    ButtonTemplates: { AddButton: o }
+  } = l.templates;
+  return t && /* @__PURE__ */ n.jsx(
+    o,
+    {
+      label: e,
+      onClick: s,
+      disabled: r || a,
+      uiSchema: i,
+      registry: l
+    }
+  );
+}, ce = ({
+  canAdd: e,
+  className: t,
+  disabled: s,
+  idSchema: r,
+  uiSchema: a,
+  items: i,
+  onAddClick: l,
+  readonly: o,
+  registry: c,
+  required: d,
+  title: x
+}) => {
+  const u = I(a), f = D("ArrayFieldItemTemplate", c, u), m = 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 p = {
+        ...h.children,
+        props: {
+          ...h.children.props
+        }
+      };
+      return /* @__PURE__ */ n.jsx(f, { ...h, children: p }, j);
+    }),
+    /* @__PURE__ */ n.jsx(
+      E,
+      {
+        label: m,
+        canAdd: e,
+        onAddClick: l,
+        disabled: s,
+        readonly: o,
+        uiSchema: a,
+        registry: c
+      }
+    )
+  ] }) : /* @__PURE__ */ n.jsx(T, { label: m, required: d, showLabel: !0, id: r.$id, children: /* @__PURE__ */ n.jsx(
+    E,
+    {
+      label: m,
+      canAdd: e,
+      onAddClick: l,
+      disabled: s,
+      readonly: o,
+      uiSchema: a,
+      registry: c
+    }
+  ) }) });
+}, {
+  templates: { BaseInputTemplate: de }
+} = K(), ue = ({ placeholder: e, ...t }) => {
+  const { schema: s } = t;
+  return /* @__PURE__ */ n.jsx(
+    de,
+    {
+      placeholder: s.placeholder || e || S.INPUT,
+      ...t,
+      className: "form__input cn-9 fs-13 lh-20 fw-4"
+    }
+  );
+}, L = ({
+  label: e,
+  icon: t,
+  iconType: s,
+  registry: r,
+  uiSchema: a,
+  ...i
+}) => {
+  const l = `Add ${e}`;
+  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(se, { className: "icon-dim-16 fcb-5" }),
+        /* @__PURE__ */ n.jsx(N, { placement: "right", content: l, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: l }) })
+      ]
+    }
+  ) });
+}, me = ({ 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(oe, { className: "icon-dim-16 fcn-6" }) }), pe = ({ uiSchema: e }) => {
+  const { submitText: t, norender: s, props: r = {} } = Q(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 }) });
+}, O = ({
+  id: e,
+  title: t,
+  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(N, { 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: " *" })
+] }), fe = (e) => {
+  const {
+    id: t,
+    label: s,
+    children: r,
+    errors: a,
+    hidden: i,
+    required: l,
+    displayLabel: o,
+    registry: c,
+    uiSchema: d,
+    classNames: x,
+    schema: u,
+    rawDescription: f
+  } = e, m = I(d), j = D(
+    "WrapIfAdditionalTemplate",
+    c,
+    m
+  ), h = B in u, _ = (o || u.type === "boolean") && !h, p = 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: `${x} mb-0`, children: [
+      p && /* @__PURE__ */ n.jsx(
+        O,
+        {
+          id: t,
+          title: s,
+          required: l,
+          registry: c,
+          uiSchema: d,
+          schema: u,
+          description: f
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        T,
+        {
+          label: s,
+          showLabel: _,
+          id: t,
+          required: l,
+          rawDescription: f,
+          children: /* @__PURE__ */ n.jsx(j, { ...e, children: r })
+        }
+      ),
+      a
+    ] })
+  );
+}, he = ({ errors: e = [], idSchema: t }) => {
+  const s = X(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(W.Fragment, { children: [
+    /* @__PURE__ */ n.jsx("span", {}),
+    /* @__PURE__ */ n.jsxs("span", { className: "form__error", children: [
+      /* @__PURE__ */ n.jsx(ae, { className: "form__icon form__icon--error" }),
+      r
+    ] })
+  ] }, a)) });
+}, _e = (e, t) => {
+  switch (e) {
+    case ee.NewStringDefault:
+      return "";
+    default:
+      return Z(e, t);
+  }
+}, He = (e) => {
+  try {
+    const t = new URL(e).origin === window.location.origin;
+    return {
+      href: e,
+      target: t ? "_self" : "_blank",
+      rel: t ? void 0 : "external noreferrer",
+      url: e
+    };
+  } catch {
+    return {
+      href: e,
+      target: "_blank",
+      url: `${e} (Invalid URL)`
+    };
+  }
+}, ke = (e) => {
+  const t = typeof e;
+  switch (t) {
+    case "boolean":
+    case "string":
+    case "number":
+      return t;
+    case "object":
+      return Array.isArray(e) ? "array" : e === null ? "null" : t;
+    default:
+      return "null";
+  }
+}, b = (e) => {
+  if (!e)
+    return "";
+  const t = e.trim(), r = (/^\/.+$/g.test(t) ? t : `/${t}`).replaceAll(/\./g, "/");
+  return /(\/(([^/~])|(~[01]))*)/g.test(r) ? r : "";
+}, R = {
+  value: !1,
+  path: ""
+}, xe = (e) => {
+  if (!e)
+    return null;
+  const t = structuredClone(e);
+  return typeof t == "string" ? {
+    value: !0,
+    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: b(t.value)
+  } : Object.hasOwn(t, "value") && "value" in t && Object.hasOwn(t, "path") && "path" in t ? {
+    value: t.value,
+    path: b(t.path)
+  } : structuredClone(R);
+}, U = (e, t, s) => {
+  e && (e.type === "object" && e.properties && typeof e.properties == "object" && Object.entries(e.properties).forEach(([r, a]) => {
+    U(a, `${t}/${r}`, s);
+  }), (e.type === "boolean" || e.type === "string" || e.type === "number" || e.type === "integer") && (s[t] = b(e.updatePath ?? t)));
+}, je = (e) => {
+  const t = {};
+  return U(e, "", t), t;
+}, H = (e, t, s) => {
+  if (t >= s.length)
+    return e;
+  const r = s[t];
+  if (t === s.length - 1) {
+    const a = structuredClone(e);
+    return delete a[r], a;
+  }
+  if (e[r] && (e[r] = H(e[r], t + 1, s)), Object.keys(e[r] ?? {}).length === 0) {
+    const a = structuredClone(e);
+    return delete a[r], a;
+  }
+  return e;
+}, ge = (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 s = t.split("/").slice(1);
+  return H(e, 0, s);
+}, A = ({
+  formState: e,
+  formData: t,
+  schemaPathToUpdatePathMap: s
+}) => {
+  let r = structuredClone(e);
+  return r && (Object.entries(s).forEach(([a, i]) => {
+    if (a === i || !i)
+      return;
+    const l = y({
+      json: t,
+      path: v(a),
+      resultType: "value",
+      wrap: !1
+    });
+    l === void 0 ? r = ge(r, a) : r = w([F(a, l), r]);
+    const o = y({
+      json: e,
+      path: v(a),
+      resultType: "value",
+      wrap: !1
+    });
+    o !== void 0 && (r = w([F(i, o), r]));
+  }), t && r ? k(t, M(t, r), !1, !1).newDocument : r);
+}, be = ({ formData: e, schemaPathToUpdatePathMap: t }) => w([
+  ...Object.entries(t).map(([s, r]) => {
+    if (s === r || !r)
+      return {};
+    const a = y({
+      json: e,
+      path: v(r),
+      resultType: "value",
+      wrap: !1
+    });
+    return a === void 0 ? {} : F(s, a);
+  }),
+  structuredClone(e)
+]), ye = ({
+  disabled: e,
+  formData: t,
+  idSchema: s,
+  onAddClick: r,
+  properties: a,
+  readonly: i,
+  registry: l,
+  required: o,
+  schema: c,
+  title: d,
+  uiSchema: x,
+  formContext: u
+}) => {
+  const f = !!c.additionalProperties, m = ne(c, x, t) && /* @__PURE__ */ n.jsx(
+    L,
+    {
+      label: d,
+      className: "object-property-expand",
+      onClick: r(c),
+      disabled: e || i,
+      uiSchema: x,
+      registry: l
+    }
+  ), j = a.filter((h) => {
+    const _ = c.properties?.[h.name]?.hidden;
+    if (!_)
+      return !0;
+    try {
+      const p = xe(_);
+      if (!p.path)
+        throw new Error("Empty path property of hidden descriptor field");
+      const g = y({
+        path: v(p.path),
+        json: u,
+        resultType: "value",
+        wrap: !1
+      });
+      return !(g === void 0 || re(p.value, g));
+    } catch {
+      return !0;
+    }
+  }).map((h) => h.content);
+  return f ? a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(
+      T,
+      {
+        label: d,
+        required: o,
+        showLabel: !0,
+        id: s.$id,
+        shouldAlignCenter: !1,
+        children: /* @__PURE__ */ n.jsx("div", { children: j })
+      }
+    ),
+    m
+  ] }) : /* @__PURE__ */ n.jsx(T, { label: d, required: o, showLabel: !0, id: s.$id, children: m }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    j,
+    m
+  ] });
+}, ve = (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(
+      O,
+      {
+        id: te(t),
+        title: i,
+        required: r,
+        schema: a,
+        uiSchema: l,
+        registry: s,
+        description: o
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        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(ye, { ...e })
+      }
+    )
+  ] });
+}, Te = ({
+  id: e,
+  disabled: t,
+  label: s,
+  onKeyChange: r,
+  onDropPropertyClick: a,
+  readonly: i,
+  schema: l,
+  children: o,
+  uiSchema: c,
+  registry: d
+}) => {
+  const { templates: x } = d, { RemoveButton: u } = x.ButtonTemplates, f = B 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: (m) => r(m.target.value),
+        placeholder: S.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(
+      u,
+      {
+        disabled: t || i,
+        onClick: a(s),
+        uiSchema: c,
+        registry: d
+      }
+    ) })
+  ] }) : o });
+}, we = ({
+  id: e,
+  onChange: t,
+  value: s,
+  disabled: r,
+  readonly: a,
+  autofocus: i
+}) => {
+  const l = Y(s) ? !1 : s, o = () => {
+    t(!l);
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: "flexbox dc__align-items-center dc__gap-8", children: [
+    /* @__PURE__ */ n.jsx(
+      q,
+      {
+        name: e,
+        ariaLabel: e,
+        onChange: o,
+        isChecked: l,
+        autoFocus: i,
+        isDisabled: r || a
+      }
+    ),
+    /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize", children: l.toString() })
+  ] });
+}, Fe = (e) => {
+  const {
+    id: t,
+    multiple: s = !1,
+    options: r,
+    value: a,
+    disabled: i,
+    readonly: l,
+    autofocus: o = !1,
+    onChange: c,
+    onBlur: d,
+    onFocus: x,
+    placeholder: u
+  } = e, { enumOptions: f = [] } = r, m = s ? [] : null, j = (_) => {
+    c(s ? _.map((p) => p.value) : _.value);
+  }, h = (_) => s ? f.filter((p) => _.some((g) => C(g, p.value))) : f.find((p) => C(_, p.value));
+  return /* @__PURE__ */ n.jsx(
+    G,
+    {
+      inputId: `devtron-rjsf-select__${t}`,
+      name: t,
+      isMulti: s,
+      value: typeof a > "u" ? m : h(a),
+      autoFocus: o,
+      onChange: j,
+      options: f,
+      onBlur: () => d(t, a),
+      onFocus: () => x(t, a),
+      placeholder: u || S.SELECT,
+      isDisabled: i || l,
+      menuPortalTarget: document.getElementById($),
+      menuPosition: "fixed"
+    }
+  );
+}, Ne = {
+  CheckboxWidget: we,
+  SelectWidget: Fe
+}, Se = {
+  ArrayFieldItemTemplate: ie,
+  ArrayFieldTemplate: ce,
+  BaseInputTemplate: ue,
+  ButtonTemplates: { AddButton: L, RemoveButton: me, SubmitButton: pe },
+  FieldTemplate: fe,
+  FieldErrorTemplate: he,
+  ObjectFieldTemplate: ve,
+  TitleFieldTemplate: O,
+  WrapIfAdditionalTemplate: Te
+}, Oe = V, Pe = z, Me = J((e, t) => {
+  const { schemaPathToUpdatePathMap: s, isUpdatePathKeywordPresent: r } = P(() => {
+    const o = je(e.schema);
+    return {
+      schemaPathToUpdatePathMap: o,
+      isUpdatePathKeywordPresent: Object.entries(o).some(([c, d]) => c !== d)
+    };
+  }, [e.schema]), a = P(() => r ? be({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: s }) : e.formData, [e.formData, s, r]), i = (o) => {
+    if (!e.onChange)
+      return;
+    const c = A({
+      formState: o.formData,
+      formData: e.formData,
+      schemaPathToUpdatePathMap: s
+    });
+    e.onChange({ ...o, formData: c });
+  }, l = (o, c) => {
+    if (!e.onSubmit)
+      return;
+    const d = A({
+      formState: o.formData,
+      formData: e.formData,
+      schemaPathToUpdatePathMap: s
+    });
+    e.onSubmit?.({ ...o, formData: d }, c);
+  };
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(
+      Oe,
+      {
+        noHtml5Validate: !0,
+        showErrorList: !1,
+        autoComplete: "off",
+        ...e,
+        formData: a,
+        ...r ? {
+          onChange: i,
+          onSubmit: l
+        } : {},
+        className: `rjsf-form-template__container ${e.className || ""}`,
+        validator: Pe,
+        templates: {
+          ...Se,
+          ...e.templates
+        },
+        formContext: a,
+        widgets: { ...Ne, ...e.widgets },
+        translateString: _e,
+        ref: t
+      }
+    ),
+    /* @__PURE__ */ n.jsx("div", { id: $ })
+  ] });
+});
+export {
+  Ue as H,
+  Me as R,
+  He as a,
+  je as b,
+  b as c,
+  ke as g
+};

package/dist/Common/RJSF/constants.d.ts

@@ -9,3 +9,4 @@ export declare const HIDE_SUBMIT_BUTTON_UI_SCHEMA: {
         norender: boolean;
     };
 };
+export declare const RJSF_FORM_SELECT_PORTAL_TARGET_ID = "rjsf-form-select-portal-target";

package/dist/Common/RJSF/utils.d.ts

@@ -13,7 +13,7 @@ export declare const getRedirectionProps: (url: string) => React.AnchorHTMLAttri
 /**
  * Infers the type for json schema from value type
  */
-export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "null" | "array";
 export declare const conformPathToPointers: (path: string) => string;
 export declare const parseSchemaHiddenType: (hiddenSchema: HiddenType) => MetaHiddenType;
 export declare const getSchemaPathToUpdatePathMap: (schema: RJSFFormSchema) => Record<string, string>;

package/dist/Shared/Components/Icon/Icon.d.ts

@@ -111,6 +111,7 @@ export declare const iconMap: {
     'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-helm-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -101,7 +101,7 @@ export declare enum SelectPickerVariantType {
     BORDER_LESS = "border-less",
     COMPACT = "compact"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Config for the footer at the bottom of menu list. It is sticky by default
      *

package/dist/assets/@common-rjsf.css

@@ -1 +1 @@
-.rjsf-form-template__container>div:first-child{padding:20px;margin-right:28px}.rjsf-form-template__field,.rjsf-form-template__field--error{grid-template-columns:250px 1fr}.rjsf-form-template__field input.form__input,.rjsf-form-template__field--error input.form__input{padding:6px 8px}.rjsf-form-template__field input.form__input[readonly],.rjsf-form-template__field--error input.form__input[readonly]{opacity:.5}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.rjsf-form-template__array-field-item legend{display:none}.rjsf-form-template__array-field-item:has(+div){margin-bottom:8px}.rjsf-form-template__additional-fields,.rjsf-form-template__array-field-item{z-index:0;background:transparent}.rjsf-form-template__additional-fields:has(>.remove-btn__container:hover):after,.rjsf-form-template__array-field-item:has(>.remove-btn__container:hover):after{background:var(--R50)}.rjsf-form-template__additional-fields:has(>.remove-btn__container):after,.rjsf-form-template__array-field-item:has(>.remove-btn__container):after{border-radius:4px;transform:translate(-50%,-50%);top:50%;left:50%;background:transparent;z-index:-1;position:absolute;height:calc(100% + 8px);width:calc(100% + 8px);content:"";transition:all .1s ease-out}.rjsf-form-template__additional-fields>.remove-btn__container:hover,.rjsf-form-template__array-field-item>.remove-btn__container:hover{fill:var(--R500)}.rjsf-form-template__additional-fields>.remove-btn__container:hover path,.rjsf-form-template__array-field-item>.remove-btn__container:hover path{fill:var(--R500)}.rjsf-form-template__additional-fields>.remove-btn__container,.rjsf-form-template__array-field-item>.remove-btn__container{transition:all .1s ease-out}
+.rjsf-form-template__container>div:first-child{padding:20px;margin-right:28px}.rjsf-form-template__field,.rjsf-form-template__field--error{grid-template-columns:250px 1fr}.rjsf-form-template__field input.form__input,.rjsf-form-template__field--error input.form__input{padding:6px 8px}.rjsf-form-template__field input.form__input[readonly],.rjsf-form-template__field--error input.form__input[readonly]{opacity:.5}.rjsf-form-template__field{align-items:center}.rjsf-form-template__field:has([class^=devtron-rjsf-select__]),.rjsf-form-template__field.rjsf-form-template__field--align-top{align-items:flex-start}.rjsf-form-template__field:has([class^=devtron-rjsf-select__]) label{line-height:32px}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.rjsf-form-template__array-field-item legend{display:none}.rjsf-form-template__array-field-item:has(+div){margin-bottom:8px}.rjsf-form-template__additional-fields,.rjsf-form-template__array-field-item{z-index:0;background:transparent}.rjsf-form-template__additional-fields:has(>.remove-btn__container:hover):after,.rjsf-form-template__array-field-item:has(>.remove-btn__container:hover):after{background:var(--R50)}.rjsf-form-template__additional-fields:has(>.remove-btn__container):after,.rjsf-form-template__array-field-item:has(>.remove-btn__container):after{border-radius:4px;transform:translate(-50%,-50%);top:50%;left:50%;background:transparent;z-index:-1;position:absolute;height:calc(100% + 8px);width:calc(100% + 8px);content:"";transition:all .1s ease-out}.rjsf-form-template__additional-fields>.remove-btn__container:hover,.rjsf-form-template__array-field-item>.remove-btn__container:hover{fill:var(--R500)}.rjsf-form-template__additional-fields>.remove-btn__container:hover path,.rjsf-form-template__array-field-item>.remove-btn__container:hover path{fill:var(--R500)}.rjsf-form-template__additional-fields>.remove-btn__container,.rjsf-form-template__array-field-item>.remove-btn__container{transition:all .1s ease-out}

package/dist/assets/ic-helm-app.a20cfeb3.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<rect width="24" height="24" rx="6" fill="#F3F0FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.5C12.345 4.5 12.625 4.78 12.625 5.125V6.41C13.71 6.529 14.703 6.958 15.513 7.607L15.536 7.581L16.419 6.697C16.5362 6.57977 16.6952 6.51392 16.861 6.51392C17.0268 6.51392 17.1858 6.57977 17.303 6.697C17.4202 6.81423 17.4861 6.97322 17.4861 7.139C17.4861 7.30478 17.4202 7.46377 17.303 7.581L16.419 8.464C16.4112 8.47221 16.4032 8.48022 16.395 8.488C17.0599 9.31791 17.4747 10.32 17.591 11.377L17.625 11.375H18.875C19.0408 11.375 19.1997 11.4408 19.3169 11.5581C19.4342 11.6753 19.5 11.8342 19.5 12C19.5 12.1658 19.4342 12.3247 19.3169 12.4419C19.1997 12.5592 19.0408 12.625 18.875 12.625H17.625L17.59 12.624C17.4743 13.6816 17.059 14.6843 16.393 15.514L16.419 15.536L17.303 16.419C17.4202 16.5362 17.4861 16.6952 17.4861 16.861C17.4861 17.0268 17.4202 17.1858 17.303 17.303C17.1858 17.4202 17.0268 17.4861 16.861 17.4861C16.6952 17.4861 16.5362 17.4202 16.419 17.303L15.536 16.419C15.5278 16.4112 15.5198 16.4032 15.512 16.395C14.6821 17.0599 13.68 17.4747 12.623 17.591L12.625 17.625V18.875C12.625 19.0408 12.5592 19.1997 12.4419 19.3169C12.3247 19.4342 12.1658 19.5 12 19.5C11.8342 19.5 11.6753 19.4342 11.5581 19.3169C11.4408 19.1997 11.375 19.0408 11.375 18.875V17.625L11.376 17.59C10.3184 17.4743 9.31573 17.059 8.486 16.393L8.464 16.419L7.581 17.303C7.46377 17.4202 7.30478 17.4861 7.139 17.4861C6.97322 17.4861 6.81423 17.4202 6.697 17.303C6.57977 17.1858 6.51392 17.0268 6.51392 16.861C6.51392 16.6952 6.57977 16.5362 6.697 16.419L7.581 15.536C7.58878 15.5278 7.59679 15.5198 7.605 15.512C6.94012 14.6821 6.52528 13.68 6.409 12.623L6.375 12.625H5.125C4.95924 12.625 4.80027 12.5592 4.68306 12.4419C4.56585 12.3247 4.5 12.1658 4.5 12C4.5 11.8342 4.56585 11.6753 4.68306 11.5581C4.80027 11.4408 4.95924 11.375 5.125 11.375H6.41C6.52643 10.3181 6.94165 9.31635 7.607 8.487L7.581 8.464L6.697 7.581C6.57977 7.46377 6.51392 7.30478 6.51392 7.139C6.51392 6.97322 6.57977 6.81423 6.697 6.697C6.81423 6.57977 6.97322 6.51392 7.139 6.51392C7.30478 6.51392 7.46377 6.57977 7.581 6.697L8.464 7.581C8.47221 7.58878 8.48022 7.59679 8.488 7.605C9.31791 6.94012 10.32 6.52528 11.377 6.409L11.375 6.375V5.125C11.375 4.78 11.655 4.5 12 4.5ZM12 7.625C10.8397 7.625 9.72688 8.08594 8.90641 8.90641C8.08594 9.72688 7.625 10.8397 7.625 12C7.625 13.1603 8.08594 14.2731 8.90641 15.0936C9.72688 15.9141 10.8397 16.375 12 16.375C13.1603 16.375 14.2731 15.9141 15.0936 15.0936C15.9141 14.2731 16.375 13.1603 16.375 12C16.375 10.8397 15.9141 9.72688 15.0936 8.90641C14.2731 8.08594 13.1603 7.625 12 7.625ZM12 8.875C12.8288 8.875 13.6237 9.20424 14.2097 9.79029C14.7958 10.3763 15.125 11.1712 15.125 12C15.125 12.8288 14.7958 13.6237 14.2097 14.2097C13.6237 14.7958 12.8288 15.125 12 15.125C11.1712 15.125 10.3763 14.7958 9.79029 14.2097C9.20424 13.6237 8.875 12.8288 8.875 12C8.875 11.1712 9.20424 10.3763 9.79029 9.79029C10.3763 9.20424 11.1712 8.875 12 8.875ZM12 10.125C11.7538 10.125 11.51 10.1735 11.2825 10.2677C11.055 10.362 10.8483 10.5001 10.6742 10.6742C10.5001 10.8483 10.362 11.055 10.2677 11.2825C10.1735 11.51 10.125 11.7538 10.125 12C10.125 12.2462 10.1735 12.49 10.2677 12.7175C10.362 12.945 10.5001 13.1517 10.6742 13.3258C10.8483 13.4999 11.055 13.638 11.2825 13.7323C11.51 13.8265 11.7538 13.875 12 13.875C12.4973 13.875 12.9742 13.6775 13.3258 13.3258C13.6775 12.9742 13.875 12.4973 13.875 12C13.875 11.5027 13.6775 11.0258 13.3258 10.6742C12.9742 10.3225 12.4973 10.125 12 10.125Z" fill="#664BEE"/>
+</svg>