@devtron-labs/devtron-fe-common-lib 1.6.4 → 1.6.6

package/dist/{@common-rjsf-CUhYli8_.js → @common-rjsf-CJxoldUv.js}

@@ -1,11 +1,10 @@
-import { j as t, O as $ } from "./@vendor-CWh7bjwl.js";
-import A, { forwardRef as E } from "react";
+import { j as t, O as E } from "./@vendor-CWh7bjwl.js";
+import P, { forwardRef as $ } from "react";
 import L, { getDefaultRegistry as D } from "@rjsf/core";
-import H from "@rjsf/validator-ajv8";
-import { T, c as U, a as k, i as J, b as y, d as S } from "./@code-editor-C-p1Rw8B.js";
-import M, { components as B } from "react-select";
+import { T as v, c as H, a as U, i as k, b as T, d as S, S as M } from "./@code-editor-D7zJWZ5n.js";
+import J, { components as C } from "react-select";
 import { ReactComponent as V } from "./assets/ic-chevron-down.fc70d7a7.svg";
-import { getUiOptions as C, getTemplate as I, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as P, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";
+import { getUiOptions as A, getTemplate as I, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as B, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";
 import { ReactComponent as X } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as Z } from "./assets/ic-cross.01e03666.svg";
 import { ReactComponent as ee } from "./assets/ic-warning.a842ba2a.svg";
@@ -13,7 +12,7 @@ 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", Ae = {
+}, te = "Key not available", Ee = {
   "ui:submitButtonOptions": {
     norender: !0
   }
@@ -31,13 +30,13 @@ import './assets/@common-rjsf.css';const N = {
     className: n ? `display-grid dc__gap-12 rjsf-form-template__field ${i ? "flex-align-center" : ""}` : "",
     children: [
       n && /* @__PURE__ */ t.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: r, children: [
-        /* @__PURE__ */ t.jsx(T, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ t.jsx("span", { className: `dc__ellipsis-right ${o ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
+        /* @__PURE__ */ t.jsx(v, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ t.jsx("span", { className: `dc__ellipsis-right ${o ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
         s && /* @__PURE__ */ t.jsx("span", { className: "cr-5", children: " *" })
       ] }),
       a
     ]
   }
-), F = ({ label: n, canAdd: e, onAddClick: s, disabled: a, readonly: r, uiSchema: o, registry: i }) => {
+), O = ({ label: n, canAdd: e, onAddClick: s, disabled: a, readonly: r, uiSchema: o, registry: i }) => {
   const {
     ButtonTemplates: { AddButton: c }
   } = i.templates;
@@ -64,19 +63,19 @@ import './assets/@common-rjsf.css';const N = {
   required: d,
   title: x
 }) => {
-  const p = C(r), h = I("ArrayFieldItemTemplate", l, p), u = p.title || x;
+  const p = A(r), h = I("ArrayFieldItemTemplate", l, p), u = p.title || x;
   return /* @__PURE__ */ t.jsx("fieldset", { className: e, id: a.$id, children: o.length ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    o.map(({ key: _, ...j }, f) => {
+    o.map(({ key: j, ..._ }, f) => {
       const m = {
-        ...j.children,
+        ..._.children,
         props: {
-          ...j.children.props
+          ..._.children.props
         }
       };
-      return /* @__PURE__ */ t.jsx(h, { ...j, children: m }, _);
+      return /* @__PURE__ */ t.jsx(h, { ..._, children: m }, j);
     }),
     /* @__PURE__ */ t.jsx(
-      F,
+      O,
       {
         label: u,
         canAdd: n,
@@ -88,7 +87,7 @@ import './assets/@common-rjsf.css';const N = {
       }
     )
   ] }) : /* @__PURE__ */ t.jsx(b, { label: u, required: d, showLabel: !0, id: a.$id, children: /* @__PURE__ */ t.jsx(
-    F,
+    O,
     {
       label: u,
       canAdd: n,
@@ -150,7 +149,7 @@ import './assets/@common-rjsf.css';const N = {
       title: "Add",
       children: [
         /* @__PURE__ */ t.jsx(X, { className: "icon-dim-16 fcb-5" }),
-        /* @__PURE__ */ t.jsx(T, { placement: "right", content: i, children: /* @__PURE__ */ t.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
+        /* @__PURE__ */ t.jsx(v, { placement: "right", content: i, children: /* @__PURE__ */ t.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
       ]
     }
   ) });
@@ -163,7 +162,7 @@ import './assets/@common-rjsf.css';const N = {
   required: s,
   description: a
 }) => /* @__PURE__ */ t.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border pb-9 mb-0", id: n, children: [
-  /* @__PURE__ */ t.jsx(T, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ t.jsx("span", { className: `${a ? "text-underline-dashed-300" : ""}`, children: e }) }),
+  /* @__PURE__ */ t.jsx(v, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ t.jsx("span", { className: `${a ? "text-underline-dashed-300" : ""}`, children: e }) }),
   s && /* @__PURE__ */ t.jsx("span", { className: "cr-5", children: " *" })
 ] }), le = (n) => {
   const {
@@ -179,11 +178,11 @@ import './assets/@common-rjsf.css';const N = {
     classNames: x,
     schema: p,
     rawDescription: h
-  } = n, u = C(d), _ = I(
+  } = n, u = A(d), j = I(
     "WrapIfAdditionalTemplate",
     l,
     u
-  ), j = P in p, f = (c || p.type === "boolean") && !j, m = p.type === "array";
+  ), _ = B in p, f = (c || p.type === "boolean") && !_, m = p.type === "array";
   return o ? /* @__PURE__ */ t.jsx("div", { className: "hidden", children: a }) : (
     // NOTE: need to override the margins of default rjsf css
     /* @__PURE__ */ t.jsxs("div", { className: `${x} mb-0`, children: [
@@ -207,7 +206,7 @@ import './assets/@common-rjsf.css';const N = {
           id: e,
           required: i,
           rawDescription: h,
-          children: /* @__PURE__ */ t.jsx(_, { ...n, children: a })
+          children: /* @__PURE__ */ t.jsx(j, { ...n, children: a })
         }
       ),
       r
@@ -215,7 +214,7 @@ import './assets/@common-rjsf.css';const N = {
   );
 }, ce = ({ errors: n = [], idSchema: e }) => {
   const s = q(e);
-  return n.length > 0 && /* @__PURE__ */ t.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: s, children: n.filter((a) => !!a).map((a, r) => /* @__PURE__ */ t.jsxs(A.Fragment, { children: [
+  return n.length > 0 && /* @__PURE__ */ t.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: s, children: n.filter((a) => !!a).map((a, r) => /* @__PURE__ */ t.jsxs(P.Fragment, { children: [
     /* @__PURE__ */ t.jsx("span", {}),
     /* @__PURE__ */ t.jsxs("span", { className: "form__error", children: [
       /* @__PURE__ */ t.jsx(ee, { className: "form__icon form__icon--error" }),
@@ -229,7 +228,7 @@ import './assets/@common-rjsf.css';const N = {
     default:
       return K(n, e);
   }
-}, Ee = (n) => {
+}, Pe = (n) => {
   try {
     const e = new URL(n).origin === window.location.origin;
     return {
@@ -245,7 +244,7 @@ import './assets/@common-rjsf.css';const N = {
       url: `${n} (Invalid URL)`
     };
   }
-}, Le = (n) => {
+}, $e = (n) => {
   const e = typeof n;
   switch (e) {
     case "boolean":
@@ -257,12 +256,12 @@ import './assets/@common-rjsf.css';const N = {
     default:
       return "null";
   }
-}, v = (n) => {
+}, y = (n) => {
   if (!n)
     return "";
   const e = n.trim();
   return e.match(/^\w+(\/\w+)*$/g) ? `/${e}` : e.match(/^\w+(\.\w+)*$/g) ? `/${e.replaceAll(/\./g, "/")}` : e;
-}, O = {
+}, F = {
   value: !1,
   path: ""
 }, pe = (n) => {
@@ -271,14 +270,14 @@ import './assets/@common-rjsf.css';const N = {
   const e = structuredClone(n);
   return typeof e == "string" ? {
     value: !0,
-    path: v(e)
-  } : typeof e != "object" ? structuredClone(O) : Object.hasOwn(e, "condition") && "condition" in e && Object.hasOwn(e, "value") && "value" in e ? {
+    path: y(e)
+  } : typeof e != "object" ? structuredClone(F) : Object.hasOwn(e, "condition") && "condition" in e && Object.hasOwn(e, "value") && "value" in e ? {
     value: e.condition,
-    path: v(e.value)
+    path: y(e.value)
   } : Object.hasOwn(e, "value") && "value" in e && Object.hasOwn(e, "path") && "path" in e ? {
     value: e.value,
-    path: v(e.path)
-  } : structuredClone(O);
+    path: y(e.path)
+  } : structuredClone(F);
 }, me = ({
   disabled: n,
   formData: e,
@@ -303,8 +302,8 @@ import './assets/@common-rjsf.css';const N = {
       uiSchema: x,
       registry: i
     }
-  ), _ = r.filter((j) => {
-    const f = l.properties?.[j.name]?.hidden;
+  ), j = r.filter((_) => {
+    const f = l.properties?.[_.name]?.hidden;
     if (!f)
       return !0;
     try {
@@ -313,15 +312,15 @@ import './assets/@common-rjsf.css';const N = {
         throw new Error("Empty path property of hidden descriptor field");
       if (!m.path.match(/^\/\w+(\/\w+)*$/g))
         throw new Error("Provided path is not a valid JSON pointer");
-      const g = $({
-        path: U(m.path),
+      const g = E({
+        path: H(m.path),
         json: p
       })?.[0];
       return !(g === void 0 || Q(m.value, g));
     } catch {
       return !0;
     }
-  }).sort((j) => l.properties?.[j.name]?.type === "boolean" ? -1 : 1).map((j) => j.content);
+  }).sort((_) => l.properties?.[_.name]?.type === "boolean" ? -1 : 1).map((_) => _.content);
   return h ? r.length ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       b,
@@ -331,12 +330,12 @@ import './assets/@common-rjsf.css';const N = {
         showLabel: !0,
         id: s.$id,
         shouldAlignCenter: !1,
-        children: /* @__PURE__ */ t.jsx("div", { children: _ })
+        children: /* @__PURE__ */ t.jsx("div", { children: j })
       }
     ),
     u
   ] }) : /* @__PURE__ */ t.jsx(b, { label: d, required: c, showLabel: !0, id: s.$id, children: u }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    _,
+    j,
     u
   ] });
 }, ue = (n) => {
@@ -374,7 +373,7 @@ import './assets/@common-rjsf.css';const N = {
   uiSchema: l,
   registry: d
 }) => {
-  const { templates: x } = d, { RemoveButton: p } = x.ButtonTemplates, h = P in i;
+  const { templates: x } = d, { RemoveButton: p } = x.ButtonTemplates, h = B in i;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: h ? /* @__PURE__ */ t.jsxs("div", { className: "dc__position-rel rjsf-form-template__additional-fields display-grid dc__gap-8 flex-align-center", children: [
     /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
       "input",
@@ -410,12 +409,12 @@ import './assets/@common-rjsf.css';const N = {
   onFocus: l
 }) => {
   const d = (p, h) => {
-    const { id: u, checked: _ } = p.target;
-    h === "blur" ? c(u, _) : h === "focus" && l(u, _);
-  }, x = J(s) ? !1 : s;
+    const { id: u, checked: j } = p.target;
+    h === "blur" ? c(u, j) : h === "focus" && l(u, j);
+  }, x = k(s) ? !1 : s;
   return /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx(
-      k,
+      U,
       {
         selected: x,
         onSelect: e,
@@ -431,7 +430,7 @@ import './assets/@common-rjsf.css';const N = {
     ),
     /* @__PURE__ */ t.jsx("span", { className: "dc__capitalize ml-8", children: x.toString() })
   ] });
-}, xe = ({ children: n, ...e }) => /* @__PURE__ */ t.jsx(B.MenuList, { ...e, children: Array.isArray(n) ? n.slice(0, 20) : n }), je = (n) => /* @__PURE__ */ t.jsx(B.DropdownIndicator, { ...n, children: /* @__PURE__ */ t.jsx(V, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), _e = (n) => {
+}, xe = ({ children: n, ...e }) => /* @__PURE__ */ t.jsx(C.MenuList, { ...e, children: Array.isArray(n) ? n.slice(0, 20) : n }), _e = (n) => /* @__PURE__ */ t.jsx(C.DropdownIndicator, { ...n, children: /* @__PURE__ */ t.jsx(V, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), je = (n) => {
   const {
     id: e,
     multiple: s = !1,
@@ -444,37 +443,37 @@ import './assets/@common-rjsf.css';const N = {
     onBlur: d,
     onFocus: x,
     placeholder: p
-  } = n, { enumOptions: h = [] } = a, u = s ? [] : "", _ = (f) => {
+  } = n, { enumOptions: h = [] } = a, u = s ? [] : "", j = (f) => {
     l(s ? f.map((m) => m.value) : f.value);
-  }, j = (f) => s ? h.filter((m) => f.some((g) => S(g, m.value))) : h.find((m) => S(f, m.value));
+  }, _ = (f) => s ? h.filter((m) => f.some((g) => S(g, m.value))) : h.find((m) => S(f, m.value));
   return /* @__PURE__ */ t.jsx(
-    M,
+    J,
     {
       id: e,
       name: e,
       isMulti: s,
-      value: typeof r > "u" ? u : j(r),
+      value: typeof r > "u" ? u : _(r),
       autoFocus: c,
-      onChange: _,
+      onChange: j,
       options: h,
       onBlur: () => d(e, r),
       onFocus: () => x(e, r),
       placeholder: p || N.SELECT,
       isDisabled: o || i,
       styles: {
-        ...y,
+        ...T,
         control: (f, m) => ({
-          ...y.control(f, m),
+          ...T.control(f, m),
           minHeight: "36px"
         }),
         multiValue: (f, m) => ({
-          ...y.multiValue(f, m),
+          ...T.multiValue(f, m),
           margin: "2px 8px 2px 2px"
         })
       },
       components: {
         IndicatorSeparator: null,
-        DropdownIndicator: je,
+        DropdownIndicator: _e,
         MenuList: xe
       },
       menuPlacement: "auto"
@@ -482,7 +481,7 @@ import './assets/@common-rjsf.css';const N = {
   );
 }, ge = {
   CheckboxWidget: fe,
-  SelectWidget: _e
+  SelectWidget: je
 }, be = {
   ArrayFieldItemTemplate: se,
   ArrayFieldTemplate: ne,
@@ -493,15 +492,15 @@ import './assets/@common-rjsf.css';const N = {
   ObjectFieldTemplate: ue,
   TitleFieldTemplate: w,
   WrapIfAdditionalTemplate: he
-}, ye = L, ve = H, De = E((n, e) => /* @__PURE__ */ t.jsx(
-  ye,
+}, Te = L, ye = M, Le = $((n, e) => /* @__PURE__ */ t.jsx(
+  Te,
   {
     noHtml5Validate: !0,
     showErrorList: !1,
     autoComplete: "off",
     ...n,
     className: `rjsf-form-template__container ${n.className || ""}`,
-    validator: ve,
+    validator: ye,
     templates: {
       ...be,
       ...n.templates
@@ -513,8 +512,8 @@ import './assets/@common-rjsf.css';const N = {
   }
 ));
 export {
-  Ae as H,
-  De as R,
-  Ee as a,
-  Le as g
+  Ee as H,
+  Le as R,
+  Pe as a,
+  $e as g
 };

package/dist/Common/Hooks/useUrlFilters/types.d.ts

@@ -8,8 +8,18 @@ export interface UseUrlFiltersProps<T, K> {
      * Callback function for parsing the search params
      */
     parseSearchParams?: (searchParams: URLSearchParams) => K;
+    /**
+     * Local storage key to store the filters
+     */
     localStorageKey?: `${string}__${string}`;
+    /**
+     * Method to be used for redirection in case of filter update
+     *
+     * @default 'replace'
+     */
+    redirectionMethod?: 'replace' | 'push';
 }
+export type UpdateSearchParamsOptionsType<T, K = unknown> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
 export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Currently applied page size
@@ -56,5 +66,5 @@ export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Update the search params with the passed object
      */
-    updateSearchParams: (paramsToSerialize: Partial<K>) => void;
+    updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
 };

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

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

@@ -63,5 +63,5 @@ import { ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps) => JSX.Element;
 export default Button;

package/dist/Shared/Components/Button/types.d.ts

@@ -86,6 +86,10 @@ export type ButtonProps = ({
      * @default false
      */
     isOpacityHoverChild?: boolean;
+    /**
+     * If provided, the button is clicked automatically after the pre-defined time
+     */
+    triggerAutoClickTimestamp?: number | null;
 } & ({
     /**
      * If true, the tooltip is shown for the button

package/dist/Shared/Components/Button/utils.d.ts

@@ -1,4 +1,6 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
 export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon">) => string;
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon"> & {
+    isAutoTriggerActive: boolean;
+}>) => string;

package/dist/Shared/validations.d.ts

@@ -48,7 +48,8 @@ export declare const validateSemanticVersioning: (version: string) => Validation
  * A valid display name should be between 3 and 50 characters
  */
 export declare const validateDisplayName: (name: string) => ValidationResponseType;
-export declare const validateJSON: (json: string) => ValidationResponseType;
+export declare const SCHEMA_07_VALIDATOR_STRICT: import('@rjsf/validator-ajv8/lib/validator').default<any, import('@rjsf/utils').RJSFSchema, any>;
+export declare const doesJSONConformToSchema07: (json: string, strict?: boolean) => ValidationResponseType;
 export declare const validateDateAndTime: (date: Date) => ValidationResponseType;
 export declare const validateIframe: (input: string) => ValidationResponseType;
 export declare const validateCMVolumeMountPath: (value: string) => {