@devtron-labs/devtron-fe-common-lib 0.0.51-beta-4 → 0.0.52-beta-1

package/dist/Common/DraggableWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DraggableWrapper } from './DraggableWrapper';
+export { default as DraggableButton } from './DraggableButton';
+export * from './types';

package/dist/Common/DraggableWrapper/index.js

@@ -0,0 +1,8 @@
+import { default as e } from "./DraggableWrapper.js";
+import { default as t } from "./DraggableButton.js";
+import { DraggablePositionVariant as f } from "./types.js";
+export {
+  t as DraggableButton,
+  f as DraggablePositionVariant,
+  e as DraggableWrapper
+};

package/dist/Common/DraggableWrapper/types.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+export declare enum DraggablePositionVariant {
+    PARENT_BOTTOM_CENTER = "PARENT_BOTTOM_CENTER",
+    SCREEN_BOTTOM_CENTER = "SCREEN_BOTTOM_CENTER"
+}
+export interface DraggableWrapperProps {
+    children: ReactNode;
+    zIndex?: number;
+    positionVariant?: DraggablePositionVariant;
+    /**
+     * dragSelector (class - (append with .), id, etc) will be used to identify the grabbable button that will grab the div to drag
+     */
+    dragSelector: string;
+    parentRef?: RefObject<HTMLDivElement>;
+    boundaryGap?: number;
+    childDivProps?: HTMLAttributes<HTMLDivElement>;
+}
+/**
+ * dragClassName is the class that we feed to Draggable to identify dragging buttons
+ */
+export interface DraggableButtonProps {
+    dragClassName: string;
+}

package/dist/Common/DraggableWrapper/types.js

@@ -0,0 +1,4 @@
+var T = /* @__PURE__ */ ((E) => (E.PARENT_BOTTOM_CENTER = "PARENT_BOTTOM_CENTER", E.SCREEN_BOTTOM_CENTER = "SCREEN_BOTTOM_CENTER", E))(T || {});
+export {
+  T as DraggablePositionVariant
+};

package/dist/Common/Grid/Grid.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { GridProps } from './types';
-export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, }: GridProps): JSX.Element;
+export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, ...containerDivProps }: GridProps): JSX.Element;

package/dist/Common/Grid/Grid.js

@@ -1,22 +1,31 @@
-import { jsx as s } from "react/jsx-runtime";
-function m({
+import { jsx as l } from "react/jsx-runtime";
+function u({
   container: t,
-  spacing: l = 0,
+  spacing: a = 0,
   item: n,
   xs: r,
-  containerClass: a = "",
+  containerClass: c = "",
   itemClass: o = "",
-  children: e
+  children: e,
+  ...s
 }) {
-  const c = t ? { gap: l + "px" } : {};
+  const i = t ? { gap: a + "px" } : {};
   if (n) {
-    const i = {
+    const d = {
       flex: `1 1 ${(() => `calc(${r / 12 * 100}%)`)()}`
     };
-    return /* @__PURE__ */ s("div", { className: `p-0 ${o}`, style: i, children: e });
+    return /* @__PURE__ */ l("div", { className: `p-0 ${o}`, style: d, ...s, children: e });
   }
-  return /* @__PURE__ */ s("div", { className: `flex-wrap flexbox ${t ? a : ""}`, style: c, children: e });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `flex-wrap flexbox ${t ? c : ""}`,
+      style: i,
+      ...s,
+      children: e
+    }
+  );
 }
 export {
-  m as default
+  u as default
 };

package/dist/Common/Grid/types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface GridProps {
+import { HTMLAttributes } from 'react';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     container?: boolean;
     spacing?: number;
     item?: boolean;

package/dist/Common/Helper.d.ts

@@ -49,4 +49,13 @@ export declare const getUrlWithSearchParams: (url: string, params: Record<string
  * Custom exception logger function for logging errors to sentry
  */
 export declare const logExceptionToSentry: any;
+export declare const customStyles: {
+    control: (base: any, state: any) => any;
+    indicatorSeparator: (base: any, state: any) => any;
+    valueContainer: (base: any, state: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+};
+export declare const getFilteredChartVersions: (charts: any, selectedChartType: any) => any;
+export declare function getUnlockedJSON(json: any, jsonPathArray: any): any;
+export declare function getLockedJSON(json: any, jsonPathArray: string[]): any;
 export {};

package/dist/Common/Helper.js

@@ -1,34 +1,38 @@
 import "react/jsx-runtime";
-import { C as m, p as l, m as c, q as g, c as f, h, d as u, i as d, g as y, v as C, k as E, w as T, n as b, e as A, t as S, s as k, a as P, b as w, r as x, f as I, j as K, o as L, l as M, u as O } from "../Helper-e95e2932.js";
+import { C as l, p as c, m, q as g, x as d, c as f, h, d as u, y, A as C, i as S, g as E, z as T, v as b, k, w as A, n as O, e as x, t as J, s as L, a as P, b as U, r as w, f as F, j as I, o as K, l as M, u as N } from "../Helper-1f1cf2ba.js";
 import "react";
 import "react-router-dom";
-import "../react-toastify.esm-f2ac8a63.js";
+import "../react-toastify.esm-e28f7200.js";
 import "./Constants.js";
 import "./ServerError.js";
 import "./ToastBody.js";
 export {
-  m as ConditionalWrap,
-  l as cleanKubeManifest,
-  c as closeOnEscKeyPressed,
+  l as ConditionalWrap,
+  c as cleanKubeManifest,
+  m as closeOnEscKeyPressed,
   g as copyToClipboard,
+  d as customStyles,
   f as getAlphabetIcon,
   h as getCookie,
   u as getEmptyArrayOfLength,
-  d as getLoginInfo,
-  y as getRandomColor,
-  C as getUrlWithSearchParams,
-  E as handleUTCTime,
-  T as logExceptionToSentry,
-  b as noop,
-  A as not,
-  S as processDeployedTime,
-  k as showError,
+  y as getFilteredChartVersions,
+  C as getLockedJSON,
+  S as getLoginInfo,
+  E as getRandomColor,
+  T as getUnlockedJSON,
+  b as getUrlWithSearchParams,
+  k as handleUTCTime,
+  A as logExceptionToSentry,
+  O as noop,
+  x as not,
+  J as processDeployedTime,
+  L as showError,
   P as sortCallback,
-  w as stopPropagation,
-  x as useAsync,
-  I as useEffectAfterMount,
-  K as useForm,
-  L as useJsonYaml,
+  U as stopPropagation,
+  w as useAsync,
+  F as useEffectAfterMount,
+  I as useForm,
+  K as useJsonYaml,
   M as useSearchString,
-  O as useThrottledEffect
+  N as useThrottledEffect
 };

package/dist/Common/Hooks/UseSuperAdmin/UseSuperAdmin.js

@@ -1,6 +1,6 @@
 import { useState as t, useEffect as o } from "react";
 import { getUserRole as m } from "../../Common.service.js";
-import { s as u } from "../../../Helper-e95e2932.js";
+import { s as u } from "../../../Helper-1f1cf2ba.js";
 const f = () => {
   const [r, s] = t(!1);
   return o(() => {

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

@@ -0,0 +1,4 @@
+export declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};

package/dist/Common/Hooks/UseWindowSize/UseWindowSize.js

@@ -0,0 +1,17 @@
+import { useState as r, useEffect as w } from "react";
+let e;
+const n = () => ({
+  width: window.innerWidth,
+  height: window.innerHeight
+}), a = () => {
+  const [t, o] = r(n);
+  function i(s) {
+    e && window.cancelAnimationFrame(e), e = window.requestAnimationFrame(function() {
+      o(n());
+    });
+  }
+  return w(() => (window.addEventListener("resize", i, !1), () => window.removeEventListener("resize", i, !1)), []), t;
+};
+export {
+  a as useWindowSize
+};

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

@@ -1,2 +1,3 @@
 export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
 export { useClickOutside } from './UseClickOutside/UseClickOutside';
+export { useWindowSize } from './UseWindowSize/UseWindowSize';

package/dist/Common/Hooks/index.js

@@ -1,6 +1,8 @@
-import { useSuperAdmin as o } from "./UseSuperAdmin/UseSuperAdmin.js";
-import { useClickOutside as i } from "./UseClickOutside/UseClickOutside.js";
+import { useSuperAdmin as r } from "./UseSuperAdmin/UseSuperAdmin.js";
+import { useClickOutside as u } from "./UseClickOutside/UseClickOutside.js";
+import { useWindowSize as p } from "./UseWindowSize/UseWindowSize.js";
 export {
-  i as useClickOutside,
-  o as useSuperAdmin
+  u as useClickOutside,
+  r as useSuperAdmin,
+  p as useWindowSize
 };

package/dist/Common/ImageTags.js

@@ -3,13 +3,13 @@ import * as f from "react";
 import { useState as o, useEffect as ne, useRef as Ne } from "react";
 import { S as Te } from "../ic-add-4787ded5.js";
 import { S as xe } from "../ic-cross-0e71861d.js";
-import { T as be, a as _e, S as Ie } from "../TippyCustomized-b4379006.js";
-import { t as ke } from "../react-toastify.esm-f2ac8a63.js";
+import { T as be, a as _e, S as Ie } from "../TippyCustomized-0d0b9a6f.js";
+import { t as ke } from "../react-toastify.esm-e28f7200.js";
 import { S as ye } from "../ic-info-filled-31a15add.js";
 import { S as se } from "../ic-warning-42534af1.js";
 import { S as Se } from "../ic-error-exclamation-5f9af461.js";
 import { TippyTheme as Ee } from "./Types.js";
-import { b as p, s as De } from "../Helper-e95e2932.js";
+import { b as p, s as De } from "../Helper-1f1cf2ba.js";
 import { setImageTags as Le } from "./Common.service.js";
 import { T as ie } from "../tippy-react.esm-d5c56a0a.js";
 import { Progressing as Me } from "./Progressing.js";

package/dist/Common/MultiSelectCustomization.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { c as a, R as f } from "../react-select.esm-a99b516e.js";
+import { c as a, R as f } from "../react-select.esm-fa95915b.js";
 import * as r from "react";
 const u = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 28", width: 24, height: 24, ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd", transform: "translate(2 2)" }, /* @__PURE__ */ r.createElement("rect", { width: 20, height: 20, fill: "#B1B7BC", rx: 10 }), /* @__PURE__ */ r.createElement("path", { fill: "#FFF", fillRule: "nonzero", d: "M6.464 6.464a1 1 0 0 1 1.415 0l2.12 2.12 2.122-2.12a1 1 0 0 1 1.32-.083l.095.083a1 1 0 0 1 0 1.415l-2.122 2.12 2.122 2.122a1 1 0 0 1 .083 1.32l-.083.095a1 1 0 0 1-1.415 0L10 11.414l-2.121 2.122a1 1 0 0 1-1.32.083l-.095-.083a1 1 0 0 1 0-1.415L8.584 10l-2.12-2.121a1 1 0 0 1-.083-1.32z" }))), g = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ r.createElement("path", { stroke: "#06C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3.898 12.564l4.95 4.95L19.455 6.906" }))), v = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 21, viewBox: "0 0 20 21", ...e }, /* @__PURE__ */ r.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ r.createElement("path", { fill: "#FDE7E7", stroke: "#F33E3E", strokeLinejoin: "round", strokeWidth: 2, d: "M10 1.667C5.4 1.667 1.667 5.4 1.667 10S5.4 18.333 10 18.333 18.333 14.6 18.333 10 14.6 1.667 10 1.667z" }), /* @__PURE__ */ r.createElement("path", { fill: "#F33E3E", d: "M10 10.833c.46 0 .833-.373.833-.833V6.667c0-.46-.373-.834-.833-.834-.46 0-.833.373-.833.834V10c0 .46.373.833.833.833zm0 3.334c.46 0 .833-.373.833-.834 0-.46-.373-.833-.833-.833-.46 0-.833.373-.833.833 0 .46.373.834.833.834z" }))), E = (e) => {
   const { selectOption: t, data: n } = e;

package/dist/Common/RJSF/widgets/Select.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as l } from "../../../enums-d0bd3f97.js";
-import { R as D, c as m } from "../../../react-select.esm-a99b516e.js";
+import { R as D, c as m } from "../../../react-select.esm-fa95915b.js";
 import { PLACEHOLDERS as E } from "../constants.js";
 import { getCommonSelectStyle as L } from "../utils.js";
 import { S as O } from "../../../ic-chevron-down-eb7fd953.js";

package/dist/Common/RadioGroup/RadioGroup.js

@@ -2,7 +2,7 @@ import "../../assets/RadioGroup.css";
 import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import { T as b } from "../../tippy-react.esm-d5c56a0a.js";
 import m, { useState as w, useEffect as N } from "react";
-import { C as _ } from "../../Helper-e95e2932.js";
+import { C as _ } from "../../Helper-1f1cf2ba.js";
 const f = m.createContext(null);
 function $() {
   const e = m.useContext(f);

package/dist/Common/ResizableTextarea.js

@@ -1,6 +1,6 @@
 import { jsx as R } from "react/jsx-runtime";
 import { useState as T, useRef as _, useEffect as $ } from "react";
-import { u as b } from "../Helper-e95e2932.js";
+import { u as b } from "../Helper-1f1cf2ba.js";
 const k = ({
   minHeight: n,
   maxHeight: r,

package/dist/Common/Select/Select.js

@@ -3,7 +3,7 @@ import { jsx as n, jsxs as m, Fragment as G } from "react/jsx-runtime";
 import u, { useEffect as I } from "react";
 import { a as R } from "../../ic-chevron-down-eb7fd953.js";
 import b from "../PopupMenu.js";
-import { s as q } from "../../Helper-e95e2932.js";
+import { s as q } from "../../Helper-1f1cf2ba.js";
 const N = u.createContext(null);
 function y() {
   const t = u.useContext(N);

package/dist/Common/TippyCustomized.js

@@ -2,9 +2,9 @@ import "react/jsx-runtime";
 import "react";
 import "../tippy-react.esm-d5c56a0a.js";
 import "../ic-cross-0e71861d.js";
-import { T } from "../TippyCustomized-b4379006.js";
+import { T } from "../TippyCustomized-0d0b9a6f.js";
 import "./Types.js";
-import "../Helper-e95e2932.js";
+import "../Helper-1f1cf2ba.js";
 export {
   T as TippyCustomized
 };

package/dist/Common/ToastBody.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import o from "react";
-import { t as a } from "../react-toastify.esm-f2ac8a63.js";
+import { t as a } from "../react-toastify.esm-e28f7200.js";
 import { TOAST_ACCESS_DENIED as i } from "./Constants.js";
 class n extends o.Component {
   render() {

package/dist/Common/Toggle/Toggle.js

@@ -1,7 +1,7 @@
 import "../../assets/Toggle.css";
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import _ from "react";
-import { f as n } from "../../Helper-e95e2932.js";
+import { f as n } from "../../Helper-1f1cf2ba.js";
 const k = ({
   selected: t = !1,
   onSelect: l = null,

package/dist/Common/Types.d.ts

@@ -570,6 +570,70 @@ export interface CiPipeline {
     isOffendingMandatoryPlugin?: boolean;
     pipelineType?: string;
 }
+export interface InformationBarProps {
+    text: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CodeEditorInterface {
+    value?: string;
+    lineDecorationsWidth?: number;
+    responseType?: string;
+    onChange?: (string: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    children?: any;
+    defaultValue?: string;
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile' | 'plaintext';
+    tabSize?: number;
+    readOnly?: boolean;
+    noParsing?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+    inline?: boolean;
+    height?: number | string;
+    shebang?: string | JSX.Element;
+    diffView?: boolean;
+    loading?: boolean;
+    customLoader?: JSX.Element;
+    theme?: string;
+    original?: string;
+    focus?: boolean;
+    validatorSchema?: any;
+    isKubernetes?: boolean;
+    cleanData?: boolean;
+    chartVersion?: any;
+}
+export interface CodeEditorComposition {
+    Header?: React.FC<any>;
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+    Warning?: React.FC<InformationBarProps>;
+    ErrorBar?: React.FC<InformationBarProps>;
+    Information?: React.FC<InformationBarProps>;
+}
+export interface CodeEditorHeaderComposition {
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+}
+export interface CodeEditorHeaderInterface {
+    children?: any;
+    className?: string;
+    hideDefaultSplitHeader?: boolean;
+}
+export interface DeploymentChartVersionType {
+    chartRefId: number;
+    chartVersion: string;
+    chartType: string;
+    type: number;
+}
+export interface ChartVersionAndTypeSelectorProps {
+    setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>;
+}
 export declare enum PipelineType {
     CI_PIPELINE = "CI_PIPELINE",
     CD_PIPELINE = "CD_PIPELINE",

package/dist/Common/index.d.ts

@@ -44,5 +44,7 @@ export * from './Hooks';
 export { AppStatus } from './AppStatus';
 export * from './RJSF';
 export * from './DevtronProgressing';
+export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector';
 export * from './AddCDButton';
 export * from './CustomInput';
+export * from './DraggableWrapper';