@devtron-labs/devtron-fe-common-lib 1.17.0-beta-7 → 1.17.0-beta-8

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

@@ -0,0 +1,609 @@
+import { j as n, at as b, av as k, au as W } from "./@vendor-DbxoIktR.js";
+import V, { forwardRef as J, useMemo as P } from "react";
+import K, { getDefaultRegistry as q } from "@rjsf/core";
+import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-Dutn_dAP.js";
+import Q, { components as D } from "react-select";
+import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
+import { getUiOptions as $, getTemplate as B, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as ae, deepEquals as se } from "@rjsf/utils";
+import { ReactComponent as oe } from "./assets/ic-add.cfaa779b.svg";
+import { ReactComponent as ie } from "./assets/ic-warning.ecf7ff97.svg";
+import { ReactComponent as le } from "./assets/ic-cross.01e03666.svg";
+import './assets/@common-rjsf.css';const C = {
+  SELECT: "Please select an option",
+  INPUT: "Please enter an input",
+  OBJECT_KEY: "Please enter a value for the key"
+}, ce = "Key not available", Je = {
+  "ui:submitButtonOptions": {
+    norender: !0
+  }
+}, de = ({
+  children: e,
+  disabled: t,
+  hasToolbar: a,
+  hasRemove: r,
+  index: s,
+  onDropIndexClick: l,
+  readonly: i,
+  registry: o,
+  uiSchema: c
+}) => {
+  const { RemoveButton: d } = o.templates.ButtonTemplates;
+  return /* @__PURE__ */ n.jsxs("div", { className: "dc__position-rel display-grid rjsf-form-template__array-field-item flex-align-center", children: [
+    e,
+    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: a && r && /* @__PURE__ */ n.jsx(
+      d,
+      {
+        disabled: t || i,
+        onClick: l(s),
+        uiSchema: c,
+        registry: o
+      }
+    ) })
+  ] });
+}, T = ({
+  showLabel: e,
+  label: t,
+  required: a,
+  children: r,
+  id: s,
+  rawDescription: l,
+  shouldAlignCenter: i = !0
+}) => /* @__PURE__ */ n.jsxs(
+  "div",
+  {
+    className: e ? `display-grid dc__gap-12 rjsf-form-template__field ${i ? "flex-align-center" : ""}` : "",
+    children: [
+      e && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: s, children: [
+        /* @__PURE__ */ n.jsx(F, { alwaysShowTippyOnHover: !!l, content: l, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${l ? "text-underline-dashed-300" : ""}`, children: t || ce }) }),
+        a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+      ] }),
+      r
+    ]
+  }
+), E = ({ label: e, canAdd: t, onAddClick: a, disabled: r, readonly: s, uiSchema: l, registry: i }) => {
+  const {
+    ButtonTemplates: { AddButton: o }
+  } = i.templates;
+  return t && /* @__PURE__ */ n.jsx(
+    o,
+    {
+      label: e,
+      onClick: a,
+      disabled: r || s,
+      uiSchema: l,
+      registry: i
+    }
+  );
+}, ue = ({
+  canAdd: e,
+  className: t,
+  disabled: a,
+  idSchema: r,
+  uiSchema: s,
+  items: l,
+  onAddClick: i,
+  readonly: o,
+  registry: c,
+  required: d,
+  title: j
+}) => {
+  const p = $(s), h = B("ArrayFieldItemTemplate", c, p), f = p.title || j;
+  return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: r.$id, children: l.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    l.map(({ key: _, ...x }, m) => {
+      const u = {
+        ...x.children,
+        props: {
+          ...x.children.props
+        }
+      };
+      return /* @__PURE__ */ n.jsx(h, { ...x, children: u }, _);
+    }),
+    /* @__PURE__ */ n.jsx(
+      E,
+      {
+        label: f,
+        canAdd: e,
+        onAddClick: i,
+        disabled: a,
+        readonly: o,
+        uiSchema: s,
+        registry: c
+      }
+    )
+  ] }) : /* @__PURE__ */ n.jsx(T, { label: f, required: d, showLabel: !0, id: r.$id, children: /* @__PURE__ */ n.jsx(
+    E,
+    {
+      label: f,
+      canAdd: e,
+      onAddClick: i,
+      disabled: a,
+      readonly: o,
+      uiSchema: s,
+      registry: c
+    }
+  ) }) });
+}, {
+  templates: { BaseInputTemplate: me }
+} = q(), pe = ({ placeholder: e, ...t }) => /* @__PURE__ */ n.jsx(
+  me,
+  {
+    placeholder: e || C.INPUT,
+    ...t,
+    className: "form__input cn-9 fs-13 lh-20 fw-4"
+  }
+), U = ({
+  label: e,
+  icon: t,
+  iconType: a,
+  registry: r,
+  uiSchema: s,
+  ...l
+}) => {
+  const i = `Add ${e}`;
+  return /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-start", children: /* @__PURE__ */ n.jsxs(
+    "button",
+    {
+      ...l,
+      type: "button",
+      className: "dc__outline-none-imp p-0 dc__transparent flex dc__gap-4 cursor dc__mxw-250",
+      title: "Add",
+      children: [
+        /* @__PURE__ */ n.jsx(oe, { className: "icon-dim-16 fcb-5" }),
+        /* @__PURE__ */ n.jsx(F, { placement: "right", content: i, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
+      ]
+    }
+  ) });
+}, fe = ({ icon: e, iconType: t, registry: a, uiSchema: r, ...s }) => /* @__PURE__ */ n.jsx("button", { ...s, type: "button", className: "dc__outline-none-imp p-0 dc__transparent flex cursor", title: "Remove", children: /* @__PURE__ */ n.jsx(le, { className: "icon-dim-16 fcn-6" }) }), he = ({ uiSchema: e }) => {
+  const { submitText: t, norender: a, props: r = {} } = Z(e);
+  return a ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...r, className: `cta ${r.className || ""}`, children: t }) });
+}, O = ({
+  id: e,
+  title: t,
+  required: a,
+  description: r
+}) => /* @__PURE__ */ n.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border pb-9 mb-0", id: e, children: [
+  /* @__PURE__ */ n.jsx(F, { alwaysShowTippyOnHover: !!r, content: r, children: /* @__PURE__ */ n.jsx("span", { className: `${r ? "text-underline-dashed-300" : ""}`, children: t }) }),
+  a && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
+] }), xe = (e) => {
+  const {
+    id: t,
+    label: a,
+    children: r,
+    errors: s,
+    hidden: l,
+    required: i,
+    displayLabel: o,
+    registry: c,
+    uiSchema: d,
+    classNames: j,
+    schema: p,
+    rawDescription: h
+  } = e, f = $(d), _ = B(
+    "WrapIfAdditionalTemplate",
+    c,
+    f
+  ), x = L in p, m = (o || p.type === "boolean") && !x, u = p.type === "array";
+  return l ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: r }) : (
+    // NOTE: need to override the margins of default rjsf css
+    /* @__PURE__ */ n.jsxs("div", { className: `${j} mb-0`, children: [
+      u && /* @__PURE__ */ n.jsx(
+        O,
+        {
+          id: t,
+          title: a,
+          required: i,
+          registry: c,
+          uiSchema: d,
+          schema: p,
+          description: h
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        T,
+        {
+          label: a,
+          showLabel: m,
+          id: t,
+          required: i,
+          rawDescription: h,
+          children: /* @__PURE__ */ n.jsx(_, { ...e, children: r })
+        }
+      ),
+      s
+    ] })
+  );
+}, je = ({ errors: e = [], idSchema: t }) => {
+  const a = ee(t);
+  return e.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: a, children: e.filter((r) => !!r).map((r, s) => /* @__PURE__ */ n.jsxs(V.Fragment, { children: [
+    /* @__PURE__ */ n.jsx("span", {}),
+    /* @__PURE__ */ n.jsxs("span", { className: "form__error", children: [
+      /* @__PURE__ */ n.jsx(ie, { className: "form__icon form__icon--error" }),
+      r
+    ] })
+  ] }, s)) });
+}, _e = (e, t) => {
+  switch (e) {
+    case ne.NewStringDefault:
+      return "";
+    default:
+      return te(e, t);
+  }
+}, Ke = (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)`
+    };
+  }
+}, qe = (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";
+  }
+}, y = (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: ""
+}, ge = (e) => {
+  if (!e)
+    return null;
+  const t = structuredClone(e);
+  return typeof t == "string" ? {
+    value: !0,
+    path: y(t)
+  } : typeof t != "object" ? structuredClone(R) : Object.hasOwn(t, "condition") && "condition" in t && Object.hasOwn(t, "value") && "value" in t ? {
+    value: t.condition,
+    path: y(t.value)
+  } : Object.hasOwn(t, "value") && "value" in t && Object.hasOwn(t, "path") && "path" in t ? {
+    value: t.value,
+    path: y(t.path)
+  } : structuredClone(R);
+}, H = (e, t, a) => {
+  e && (e.type === "object" && e.properties && typeof e.properties == "object" && Object.entries(e.properties).forEach(([r, s]) => {
+    H(s, `${t}/${r}`, a);
+  }), (e.type === "boolean" || e.type === "string" || e.type === "number" || e.type === "integer") && (a[t] = y(e.updatePath ?? t)));
+}, ye = (e) => {
+  const t = {};
+  return H(e, "", t), t;
+}, M = (e, t, a) => {
+  if (t >= a.length)
+    return e;
+  const r = a[t];
+  if (t === a.length - 1) {
+    const s = structuredClone(e);
+    return delete s[r], s;
+  }
+  if (e[r] && (e[r] = M(e[r], t + 1, a)), Object.keys(e[r] ?? {}).length === 0) {
+    const s = structuredClone(e);
+    return delete s[r], s;
+  }
+  return e;
+}, be = (e, t) => {
+  if (!e || typeof e != "object" || Array.isArray(e))
+    throw new Error("Invalid object");
+  if (!t || !t.startsWith("/"))
+    throw new Error("Invalid path");
+  const a = t.split("/").slice(1);
+  return M(e, 0, a);
+}, I = ({
+  formState: e,
+  formData: t,
+  schemaPathToUpdatePathMap: a
+}) => {
+  let r = structuredClone(e);
+  return r && (Object.entries(a).forEach(([s, l]) => {
+    if (s === l || !l)
+      return;
+    const i = b({
+      json: t,
+      path: v(s),
+      resultType: "value",
+      wrap: !1
+    });
+    i === void 0 ? r = be(r, s) : r = N([S(s, i), r]);
+    const o = b({
+      json: e,
+      path: v(s),
+      resultType: "value",
+      wrap: !1
+    });
+    o !== void 0 && (r = N([S(l, o), r]));
+  }), t && r ? k(t, W(t, r), !1, !1).newDocument : r);
+}, ve = ({ formData: e, schemaPathToUpdatePathMap: t }) => N([
+  ...Object.entries(t).map(([a, r]) => {
+    if (a === r || !r)
+      return {};
+    const s = b({
+      json: e,
+      path: v(r),
+      resultType: "value",
+      wrap: !1
+    });
+    return s === void 0 ? {} : S(a, s);
+  }),
+  structuredClone(e)
+]), Te = ({
+  disabled: e,
+  formData: t,
+  idSchema: a,
+  onAddClick: r,
+  properties: s,
+  readonly: l,
+  registry: i,
+  required: o,
+  schema: c,
+  title: d,
+  uiSchema: j,
+  formContext: p
+}) => {
+  const h = !!c.additionalProperties, f = ae(c, j, t) && /* @__PURE__ */ n.jsx(
+    U,
+    {
+      label: d,
+      className: "object-property-expand",
+      onClick: r(c),
+      disabled: e || l,
+      uiSchema: j,
+      registry: i
+    }
+  ), _ = s.filter((x) => {
+    const m = c.properties?.[x.name]?.hidden;
+    if (!m)
+      return !0;
+    try {
+      const u = ge(m);
+      if (!u.path)
+        throw new Error("Empty path property of hidden descriptor field");
+      const g = b({
+        path: v(u.path),
+        json: p,
+        resultType: "value",
+        wrap: !1
+      });
+      return !(g === void 0 || se(u.value, g));
+    } catch {
+      return !0;
+    }
+  }).map((x) => x.content);
+  return h ? s.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(
+      T,
+      {
+        label: d,
+        required: o,
+        showLabel: !0,
+        id: a.$id,
+        shouldAlignCenter: !1,
+        children: /* @__PURE__ */ n.jsx("div", { children: _ })
+      }
+    ),
+    f
+  ] }) : /* @__PURE__ */ n.jsx(T, { label: d, required: o, showLabel: !0, id: a.$id, children: f }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    _,
+    f
+  ] });
+}, we = (e) => {
+  const { idSchema: t, registry: a, required: r, schema: s, title: l, uiSchema: i, description: o } = e, c = !!s.additionalProperties, d = l && !c;
+  return /* @__PURE__ */ n.jsxs("fieldset", { id: t.$id, children: [
+    d && /* @__PURE__ */ n.jsx(
+      O,
+      {
+        id: re(t),
+        title: l,
+        required: r,
+        schema: s,
+        uiSchema: i,
+        registry: a,
+        description: o
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: `${s.properties && !c && t.$id !== "root" ? "dc__border-left pl-12" : ""} ${t.$id === "root" ? "dc__separated-flexbox dc__separated-flexbox--vertical" : "flexbox-col dc__gap-8"}`,
+        children: /* @__PURE__ */ n.jsx(Te, { ...e })
+      }
+    )
+  ] });
+}, Ne = ({
+  id: e,
+  disabled: t,
+  label: a,
+  onKeyChange: r,
+  onDropPropertyClick: s,
+  readonly: l,
+  schema: i,
+  children: o,
+  uiSchema: c,
+  registry: d
+}) => {
+  const { templates: j } = d, { RemoveButton: p } = j.ButtonTemplates, h = L in i;
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: h ? /* @__PURE__ */ n.jsxs("div", { className: "dc__position-rel rjsf-form-template__additional-fields display-grid dc__gap-8 flex-align-center", children: [
+    /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(
+      "input",
+      {
+        type: "text",
+        className: "form__input cn-9 fs-13 lh-20 fw-4",
+        id: `${e}-key`,
+        onBlur: (f) => r(f.target.value),
+        placeholder: C.OBJECT_KEY,
+        defaultValue: a
+      }
+    ) }),
+    /* @__PURE__ */ n.jsx("div", { children: o }),
+    /* @__PURE__ */ n.jsx("div", { className: "dc__position-abs remove-btn__container", style: { right: "-28px", top: "9px" }, children: /* @__PURE__ */ n.jsx(
+      p,
+      {
+        disabled: t || l,
+        onClick: s(a),
+        uiSchema: c,
+        registry: d
+      }
+    ) })
+  ] }) : o });
+}, Se = ({
+  id: e,
+  onChange: t,
+  value: a,
+  disabled: r,
+  readonly: s,
+  autofocus: l
+}) => {
+  const i = z(a) ? !1 : a, o = () => {
+    t(!i);
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: "flexbox dc__align-items-center dc__gap-8", children: [
+    /* @__PURE__ */ n.jsx(
+      Y,
+      {
+        name: e,
+        ariaLabel: e,
+        onChange: o,
+        isChecked: i,
+        autoFocus: l,
+        isDisabled: r || s
+      }
+    ),
+    /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize", children: i.toString() })
+  ] });
+}, Fe = ({ children: e, ...t }) => /* @__PURE__ */ n.jsx(D.MenuList, { ...t, children: Array.isArray(e) ? e.slice(0, 20) : e }), Ce = (e) => /* @__PURE__ */ n.jsx(D.DropdownIndicator, { ...e, children: /* @__PURE__ */ n.jsx(X, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), Oe = (e) => {
+  const {
+    id: t,
+    multiple: a = !1,
+    options: r,
+    value: s,
+    disabled: l,
+    readonly: i,
+    autofocus: o = !1,
+    onChange: c,
+    onBlur: d,
+    onFocus: j,
+    placeholder: p
+  } = e, { enumOptions: h = [] } = r, f = a ? [] : "", _ = (m) => {
+    c(a ? m.map((u) => u.value) : m.value);
+  }, x = (m) => a ? h.filter((u) => m.some((g) => A(g, u.value))) : h.find((u) => A(m, u.value));
+  return /* @__PURE__ */ n.jsx(
+    Q,
+    {
+      id: t,
+      name: t,
+      isMulti: a,
+      value: typeof s > "u" ? f : x(s),
+      autoFocus: o,
+      onChange: _,
+      options: h,
+      onBlur: () => d(t, s),
+      onFocus: () => j(t, s),
+      placeholder: p || C.SELECT,
+      isDisabled: l || i,
+      styles: {
+        ...w,
+        control: (m, u) => ({
+          ...w.control(m, u),
+          minHeight: "36px"
+        }),
+        multiValue: (m, u) => ({
+          ...w.multiValue(m, u),
+          margin: "2px 8px 2px 2px"
+        })
+      },
+      components: {
+        IndicatorSeparator: null,
+        DropdownIndicator: Ce,
+        MenuList: Fe
+      },
+      menuPlacement: "auto"
+    }
+  );
+}, Pe = {
+  CheckboxWidget: Se,
+  SelectWidget: Oe
+}, Ae = {
+  ArrayFieldItemTemplate: de,
+  ArrayFieldTemplate: ue,
+  BaseInputTemplate: pe,
+  ButtonTemplates: { AddButton: U, RemoveButton: fe, SubmitButton: he },
+  FieldTemplate: xe,
+  FieldErrorTemplate: je,
+  ObjectFieldTemplate: we,
+  TitleFieldTemplate: O,
+  WrapIfAdditionalTemplate: Ne
+}, Ee = K, Re = G, Ye = J((e, t) => {
+  const { schemaPathToUpdatePathMap: a, isUpdatePathKeywordPresent: r } = P(() => {
+    const o = ye(e.schema);
+    return {
+      schemaPathToUpdatePathMap: o,
+      isUpdatePathKeywordPresent: Object.entries(o).some(([c, d]) => c !== d)
+    };
+  }, [e.schema]), s = P(() => r ? ve({ formData: e.formData ?? {}, schemaPathToUpdatePathMap: a }) : e.formData, [e.formData, a, r]), l = (o) => {
+    if (!e.onChange)
+      return;
+    const c = I({
+      formState: o.formData,
+      formData: e.formData,
+      schemaPathToUpdatePathMap: a
+    });
+    e.onChange({ ...o, formData: c });
+  }, i = (o, c) => {
+    if (!e.onSubmit)
+      return;
+    const d = I({
+      formState: o.formData,
+      formData: e.formData,
+      schemaPathToUpdatePathMap: a
+    });
+    e.onSubmit?.({ ...o, formData: d }, c);
+  };
+  return /* @__PURE__ */ n.jsx(
+    Ee,
+    {
+      noHtml5Validate: !0,
+      showErrorList: !1,
+      autoComplete: "off",
+      ...e,
+      formData: s,
+      ...r ? {
+        onChange: l,
+        onSubmit: i
+      } : {},
+      className: `rjsf-form-template__container ${e.className || ""}`,
+      validator: Re,
+      templates: {
+        ...Ae,
+        ...e.templates
+      },
+      formContext: s,
+      widgets: { ...Pe, ...e.widgets },
+      translateString: _e,
+      ref: t
+    }
+  );
+});
+export {
+  Je as H,
+  Ye as R,
+  Ke as a,
+  ye as b,
+  y as c,
+  qe as g
+};

package/dist/Common/EmptyState/GenericEmptyState.d.ts

@@ -1,3 +1,3 @@
 import { GenericEmptyStateType } from '../Types';
-declare const GenericEmptyState: ({ title, image, subTitle, isButtonAvailable, classname, styles, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, }: GenericEmptyStateType) => JSX.Element;
+declare const GenericEmptyState: ({ title, image, subTitle, isButtonAvailable, classname, styles, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, imgName, }: GenericEmptyStateType) => JSX.Element;
 export default GenericEmptyState;

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

@@ -9,4 +9,3 @@ 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" | "null" | "array";
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
 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/Common/Types.d.ts

@@ -4,6 +4,7 @@ import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
+import { IllustrationName } from '../Shared/Components';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -118,6 +119,7 @@ export interface InfoIconTippyProps<T extends boolean = false> extends Pick<Tipp
 }
 export interface GenericEmptyStateType {
     title: ReactNode;
+    imgName?: IllustrationName;
     image?: any;
     classname?: string;
     subTitle?: ReactNode;

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

@@ -134,6 +134,7 @@ export declare const iconMap: {
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logs': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -0,0 +1,15 @@
+import { IllustrationBaseProps } from './types';
+export declare const illustrationMap: {
+    'img-code': string;
+    'img-man-on-rocket': string;
+    'img-no-result': string;
+};
+export type IllustrationName = keyof typeof illustrationMap;
+export interface IllustrationProps extends Omit<IllustrationBaseProps, 'name' | 'illustrationMap'> {
+    /**
+     * The name of the illustration to render.
+     * @note The component will return either an img component or an SVG component based on the type of illustration (.svg, .webp)
+     */
+    name: keyof typeof illustrationMap;
+}
+export declare const Illustration: (props: IllustrationProps) => JSX.Element;

package/dist/Shared/Components/Illustration/IllustrationBase.d.ts

@@ -0,0 +1,2 @@
+import { IllustrationBaseProps } from './types';
+export declare const IllustrationBase: ({ name, illustrationMap, dataTestId, imageProps, svgProps, }: IllustrationBaseProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Illustration';