@devtron-labs/devtron-fe-common-lib 1.17.0-pre-0 → 1.17.0-pre-2

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

@@ -0,0 +1,595 @@
+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-BiT2cP4P.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 ? "text-underline-dashed-300" : ""}`, 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: _
+}) => {
+  const u = I(a), f = D("ArrayFieldItemTemplate", c, u), m = u.title || _;
+  return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: r.$id, children: i.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    i.map(({ key: j, ...h }, x) => {
+      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 }) => /* @__PURE__ */ n.jsx(
+  de,
+  {
+    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 ? "text-underline-dashed-300" : ""}`, 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: _,
+    schema: u,
+    rawDescription: f
+  } = e, m = I(d), j = D(
+    "WrapIfAdditionalTemplate",
+    c,
+    m
+  ), h = B in u, x = (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: `${_} 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: x,
+          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)) });
+}, xe = (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: ""
+}, _e = (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: _,
+  formContext: u
+}) => {
+  const f = !!c.additionalProperties, m = ne(c, _, t) && /* @__PURE__ */ n.jsx(
+    L,
+    {
+      label: d,
+      className: "object-property-expand",
+      onClick: r(c),
+      disabled: e || i,
+      uiSchema: _,
+      registry: l
+    }
+  ), j = a.filter((h) => {
+    const x = c.properties?.[h.name]?.hidden;
+    if (!x)
+      return !0;
+    try {
+      const p = _e(x);
+      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: _ } = d, { RemoveButton: u } = _.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: _,
+    placeholder: u
+  } = e, { enumOptions: f = [] } = r, m = s ? [] : null, j = (x) => {
+    c(s ? x.map((p) => p.value) : x.value);
+  }, h = (x) => s ? f.filter((p) => x.some((g) => C(g, p.value))) : f.find((p) => C(x, 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: () => _(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: xe,
+        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/Shared/Components/Icon/Icon.d.ts

@@ -2,6 +2,7 @@ import { IconBaseProps } from './types';
 export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-activity': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -92,6 +93,7 @@ export declare const iconMap: {
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-folder': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gavel': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -147,6 +149,7 @@ export declare const iconMap: {
     'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-more-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-namespace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -0,0 +1,2 @@
+import { GroupedFilterSelectPickerProps } from './type';
+export declare const GroupedFilterSelectPicker: <T extends string | number>({ id, filterSelectPickerPropsMap, isFilterApplied, ...restProps }: GroupedFilterSelectPickerProps<T>) => JSX.Element;

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

@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -1,5 +1,6 @@
 export { ValueContainerWithLoadingShimmer } from './common';
 export { default as FilterSelectPicker } from './FilterSelectPicker';
+export * from './GroupedFilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';
 export * from './type';

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

@@ -6,6 +6,7 @@ import { ServerErrors } from '../../../Common/ServerError';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
+import { ActionMenuProps } from '../ActionMenu';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
 import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
 export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
@@ -100,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
      *
@@ -215,9 +216,13 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
 export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
     isGroupHeadingSelectable: boolean;
 };
-export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled'> {
+export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled' | 'onMenuClose' | 'menuIsOpen' | 'onKeyDown'> {
     appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }
 export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
+export interface GroupedFilterSelectPickerProps<T extends string | number = string | number> extends Omit<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis' | 'children' | 'buttonProps' | 'isSearchable'> {
+    isFilterApplied?: boolean;
+    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown'>>;
+}
 export {};