@devtron-labs/devtron-fe-common-lib 0.0.9-beta-7 → 0.0.9-beta-9

package/dist/Common/Constants.d.ts

@@ -48,8 +48,3 @@ export declare const TriggerTypeMap: {
     automatic: string;
     manual: string;
 };
-export declare const BuildStageVariable: {
-    PreBuild: string;
-    Build: string;
-    PostBuild: string;
-};

package/dist/Common/Dialogs/Types.d.ts

@@ -8,7 +8,6 @@ export interface DeleteDialogProps {
     deletePostfix?: string;
     apiCallInProgress?: boolean;
     dataTestId?: string;
-    buttonPrimaryText?: string;
 }
 export interface ForceDeleteDialogType {
     onClickDelete: () => void;

package/dist/Common/Types.d.ts

@@ -46,8 +46,6 @@ export interface TippyCustomizedProps {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
-    headingInfo?: ReactNode | string;
-    noHeadingBorder?: boolean;
     infoTextHeading?: string;
     placement: Placement;
     className?: string;
@@ -236,18 +234,12 @@ export interface CommonNodeAttr {
     approvalUsers?: string[];
     userApprovalConfig?: UserApprovalConfigType;
     requestedUserId?: number;
-    showPluginWarning?: boolean;
     helmPackageName?: string;
     isVirtualEnvironment?: boolean;
-    isCITriggerBlocked?: boolean;
-    ciBlockState?: {
-        action: any;
-        metadataField: string;
-    };
 }
 export interface VulnerabilityType {
     name: string;
-    severity: 'CRITICAL' | 'MODERATE' | 'LOW';
+    severity: "CRITICAL" | "MODERATE" | "LOW";
     package: string;
     version: string;
     fixedVersion: string;
@@ -297,5 +289,7 @@ export interface CDMaterialResponseType {
     materials: any[];
     userApprovalConfig: UserApprovalConfigType;
     requestedUserId: number;
+    tagsEditable: boolean;
+    appReleaseTagNames: string[];
 }
 export {};

package/dist/Common/index.d.ts

@@ -29,6 +29,4 @@ export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
 export { default as Toggle } from './Toggle/Toggle';
 export { default as ScanVulnerabilitiesTable } from './Security/ScanVulnerabilitiesTable';
 export { default as StyledRadioGroup } from './RadioGroup/RadioGroup';
-export * from './CIPipeline.Types';
-export * from './Policy.Types';
 export { default as DeleteComponent } from './DeleteComponentModal/DeleteComponent';

package/dist/index.js

@@ -6,20 +6,20 @@ var ReactDOM = require('react-dom');
 var reactRouterDom = require('react-router-dom');
 
 function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
@@ -75,11 +75,6 @@ var TOKEN_COOKIE_NAME = 'argocd.token';
 var TriggerTypeMap = {
     automatic: 'Auto',
     manual: 'Manual',
-};
-var BuildStageVariable = {
-    PreBuild: 'preBuildStage',
-    Build: 'buildStage',
-    PostBuild: 'postBuildStage',
 };
 
 /******************************************************************************
@@ -509,9 +504,9 @@ var css_248z$6 = ".empty-state {\n  height: 100%;\n}\n.empty-state img {\n  heig
 styleInject(css_248z$6);
 
 var _g$3;
-function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 var SvgIcProgressing = function SvgIcProgressing(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: "1em",
@@ -563,8 +558,8 @@ EmptyState.Loading = Loading;
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
-function _extends$b() {
-  _extends$b = Object.assign || function (target) {
+function _extends$a() {
+  _extends$a = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -578,7 +573,7 @@ function _extends$b() {
     return target;
   };
 
-  return _extends$b.apply(this, arguments);
+  return _extends$a.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose$2(source, excluded) {
@@ -1304,7 +1299,7 @@ function ProgressBar(_ref) {
       isIn = _ref.isIn,
       theme = _ref.theme;
 
-  var style = _extends$b({}, userStyle, {
+  var style = _extends$a({}, userStyle, {
     animationDuration: delay + "ms",
     animationPlayState: isRunning ? 'running' : 'paused',
     opacity: hide ? 0 : 1
@@ -1581,9 +1576,9 @@ var ToastContainer = function ToastContainer(props) {
     ,
     id: containerId
   }, getToastToRender(function (position, toastList) {
-    var containerStyle = !toastList.length ? _extends$b({}, style, {
+    var containerStyle = !toastList.length ? _extends$a({}, style, {
       pointerEvents: 'none'
-    }) : _extends$b({}, style);
+    }) : _extends$a({}, style);
     return React.createElement("div", {
       className: getClassName(position),
       style: containerStyle,
@@ -1690,7 +1685,7 @@ function dispatchToast(content, options) {
 
 
 function mergeOptions(type, options) {
-  return _extends$b({}, options, {
+  return _extends$a({}, options, {
     type: options && options.type || type,
     toastId: getToastId(options)
   });
@@ -1707,7 +1702,7 @@ function toast(content, options) {
 }
 
 toast.loading = function (content, options) {
-  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$b({
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$a({
     isLoading: true,
     autoClose: false,
     closeOnClick: false,
@@ -1723,7 +1718,7 @@ function handlePromise(promise, _ref2, options) {
   var id;
 
   if (pending) {
-    id = isStr(pending) ? toast.loading(pending, options) : toast.loading(pending.render, _extends$b({}, options, pending));
+    id = isStr(pending) ? toast.loading(pending, options) : toast.loading(pending.render, _extends$a({}, options, pending));
   }
 
   var resetParams = {
@@ -1742,7 +1737,7 @@ function handlePromise(promise, _ref2, options) {
       return;
     }
 
-    var baseParams = _extends$b({
+    var baseParams = _extends$a({
       type: type
     }, resetParams, options, {
       data: result
@@ -1753,10 +1748,10 @@ function handlePromise(promise, _ref2, options) {
     } : input; // if the id is set we know that it's an update
 
     if (id) {
-      toast.update(id, _extends$b({}, baseParams, params));
+      toast.update(id, _extends$a({}, baseParams, params));
     } else {
       // using toast.promise without loading
-      toast(params.render, _extends$b({}, baseParams, params));
+      toast(params.render, _extends$a({}, baseParams, params));
     }
 
     return result;
@@ -1780,7 +1775,7 @@ toast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);
 toast.warn = toast.warning;
 
 toast.dark = function (content, options) {
-  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$b({
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$a({
     theme: 'dark'
   }, options)));
 };
@@ -1837,7 +1832,7 @@ toast.update = function (toastId, options) {
       var oldOptions = toast.props,
           oldContent = toast.content;
 
-      var nextOptions = _extends$b({}, oldOptions, options, {
+      var nextOptions = _extends$a({}, oldOptions, options, {
         toastId: options.toastId || toastId,
         updateId: generateToastId()
       });
@@ -3933,9 +3928,9 @@ function captureException(exception, captureContext) {
 }
 
 var _g$2;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 var SvgIcWarning = function SvgIcWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -4323,16 +4318,16 @@ var Modal = function (_a) {
         }, id: "popup", className: "".concat(rootClassName, " popup ").concat(modal ? 'modal' : ''), style: __assign({}, style) }, { children: children })), document.getElementById('visible-modal'));
 };
 
-var _path$6;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+var _path$5;
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 var SvgIcCross = function SvgIcCross(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     width: "1em",
     height: "1em",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.28 5.78a.75.75 0 0 0-1.06-1.06l1.06 1.06ZM4.72 18.22a.75.75 0 1 0 1.06 1.06l-1.06-1.06Zm13.5 1.06a.75.75 0 1 0 1.06-1.06l-1.06 1.06ZM5.78 4.72a.75.75 0 0 0-1.06 1.06l1.06-1.06Zm12.44 0-6.75 6.75 1.06 1.06 6.75-6.75-1.06-1.06Zm-6.75 6.75-6.75 6.75 1.06 1.06 6.75-6.75-1.06-1.06Zm7.81 6.75-6.75-6.75-1.06 1.06 6.75 6.75 1.06-1.06Zm-6.75-6.75L5.78 4.72 4.72 5.78l6.75 6.75 1.06-1.06Z",
     fill: "#596168"
   })));
@@ -8631,36 +8626,6 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
 
 var Tippy = index;
 
-var _path$5;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
-var SvgIcHelp = function SvgIcHelp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#767D84",
-    fillRule: "evenodd",
-    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-.205 12.868c-.615 0-1.12.505-1.12 1.12 0 .617.505 1.121 1.12 1.121.615 0 1.12-.504 1.12-1.12 0-.616-.506-1.12-1.12-1.12zM11.863 7c-1.667 0-3.197 1.187-3.196 2.527 0 .546.41.833.888.833 1.325 0 .642-1.803 2.39-1.803.82 0 1.311.438 1.311 1.175 0 1.34-2.39 1.708-2.39 3.334 0 .438.287.915.874.915.902 0 .792-.67 1.12-1.148.438-.642 2.473-1.325 2.473-3.101 0-1.927-1.721-2.732-3.47-2.732z"
-  })));
-};
-
-var _path$4;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
-var SvgIcHelpOutline = function SvgIcHelpOutline(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 17 16",
-    width: "1em",
-    height: "1em"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#767D84",
-    fillRule: "evenodd",
-    d: "M9 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 9 1.333zm0 1.334C6.054 2.667 3.667 5.054 3.667 8S6.054 13.333 9 13.333 14.333 10.946 14.333 8 11.946 2.667 9 2.667zm-.137 7.245c.41 0 .747.337.747.747s-.337.747-.747.747-.747-.336-.747-.747a.75.75 0 0 1 .747-.747zm.046-5.245c1.166 0 2.313.537 2.313 1.82 0 1.185-1.357 1.64-1.648 2.068-.22.319-.146.766-.747.766-.392 0-.583-.319-.583-.61 0-1.085 1.593-1.33 1.593-2.223 0-.492-.327-.783-.873-.783-1.166 0-.711 1.202-1.594 1.202-.319 0-.592-.191-.592-.556 0-.893 1.02-1.684 2.13-1.684z"
-  })));
-};
-
 var css_248z$4 = ".tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translateX(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translateX(5px)}";
 styleInject(css_248z$4);
 
@@ -8668,7 +8633,6 @@ styleInject(css_248z$4);
 // So this can be updated to support further for new features or interactions
 function TippyCustomized(props) {
     var tippyRef = React.useRef(null);
-    var _a = __read(React.useState(false), 2), showHeadingInfo = _a[0], setShowHeadingInfo = _a[1];
     var isWhiteTheme = props.theme === exports.TippyTheme.white;
     var onTippyMount = function (tippyInstance) {
         tippyRef.current = tippyInstance;
@@ -8683,21 +8647,15 @@ function TippyCustomized(props) {
                 props.onClose();
             }
         }
-        setShowHeadingInfo(false);
     };
     var closeOnEsc = function (e) {
         if (e.keyCode === 27) {
             closeTippy();
         }
     };
-    var toggleHeadingInfo = function (e) {
-        setShowHeadingInfo(not);
-    };
     var getTippyContent = function () {
-        var Icon = props.Icon, iconPath = props.iconPath, iconClass = props.iconClass, iconSize = props.iconSize, onImageLoadError = props.onImageLoadError, heading = props.heading, headingInfo = props.headingInfo, infoTextHeading = props.infoTextHeading, infoText = props.infoText, showCloseButton = props.showCloseButton, additionalContent = props.additionalContent, documentationLink = props.documentationLink, documentationLinkText = props.documentationLinkText;
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "dc__word-break dc__hyphens-auto flex left ".concat(isWhiteTheme
-                        ? "p-12 cn-9 ".concat(props.noHeadingBorder ? '' : 'dc__border-bottom-n1')
-                        : 'pt-20 pb-12 pr-20 pl-20 cn-0 top') }, { children: [iconPath ? (jsxRuntime.jsx("img", { className: "icon-dim-".concat(iconSize || 20, " mr-6 ").concat(iconClass || ''), src: iconPath, alt: "Heading", onError: onImageLoadError })) : (Icon && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize || 20, " mr-6") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize || 20, " ").concat(iconClass || '') }) })))), heading && jsxRuntime.jsx("span", __assign({ className: "fs-14 fw-6 lh-20 ".concat(showCloseButton ? 'mr-6' : '') }, { children: heading })), headingInfo && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 cursor", onClick: toggleHeadingInfo }, { children: jsxRuntime.jsx(SvgIcHelpOutline, { className: "icon-dim-20" }) }))), showCloseButton && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 ml-auto" }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-16 cursor ".concat(isWhiteTheme ? 'fcn-9' : 'fcn-0'), onClick: closeTippy }) })))] })), showHeadingInfo && (jsxRuntime.jsxs("div", __assign({ className: "flex left top bcv-1 fs-13 fw-4 lh-20 pt-8 pb-8 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: [jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 mr-8" }, { children: jsxRuntime.jsx(SvgIcHelp, { className: "icon-dim-20 fcv-5" }) })), jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto" }, { children: headingInfo }))] }))), infoTextHeading && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: infoTextHeading }))), infoText && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ".concat(isWhiteTheme
+        var Icon = props.Icon, iconPath = props.iconPath, iconClass = props.iconClass, iconSize = props.iconSize, onImageLoadError = props.onImageLoadError, heading = props.heading, infoTextHeading = props.infoTextHeading, infoText = props.infoText, showCloseButton = props.showCloseButton, additionalContent = props.additionalContent, documentationLink = props.documentationLink, documentationLinkText = props.documentationLinkText;
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "dc__word-break dc__hyphens-auto flex left ".concat(isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0 top') }, { children: [iconPath ? (jsxRuntime.jsx("img", { className: "icon-dim-".concat(iconSize || 20, " mr-6 ").concat(iconClass || ''), src: iconPath, alt: "Heading", onError: onImageLoadError })) : (Icon && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize || 20, " mr-6") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize || 20, " ").concat(iconClass || '') }) })))), heading && jsxRuntime.jsx("span", __assign({ className: "fs-14 fw-6 lh-20 ".concat(showCloseButton ? 'mr-6' : '') }, { children: heading })), showCloseButton && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 ml-auto" }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-16 cursor ".concat(isWhiteTheme ? 'fcn-9' : 'fcn-0'), onClick: closeTippy }) })))] })), infoTextHeading && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: infoTextHeading }))), infoText && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ".concat(isWhiteTheme
                         ? 'p-12'
                         : "pl-20 pr-20 pt-4 ".concat(additionalContent && documentationLink ? 'pb-12' : 'pb-20')) }, { children: infoText }))), additionalContent, documentationLink && (jsxRuntime.jsx("div", __assign({ className: "pl-12 pb-12" }, { children: jsxRuntime.jsx("a", __assign({ href: documentationLink, target: "_blank", rel: "noreferrer noopener", className: "fs-13 cb-5", onClick: closeTippy }, { children: documentationLinkText || 'Learn more' })) })))] }));
     };
@@ -8705,16 +8663,16 @@ function TippyCustomized(props) {
     return (jsxRuntime.jsx(Tippy, __assign({ className: "".concat(isWhiteTheme ? 'tippy-white-container default-white' : 'tippy-black-container default-black', " no-content-padding tippy-shadow ").concat(className), arrow: arrow || false, interactive: interactive || false, placement: placement || 'top', content: getTippyContent(), trigger: trigger || 'mouseenter', onMount: onTippyMount, onClickOutside: closeTippy, showOnCreate: showOnCreate || false, animation: animation || 'fade', duration: duration || 300, visible: props.visible }, { children: children })));
 }
 
-var _path$3, _circle, _path2;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var _path$4, _circle, _path2;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 var SvgInjectTag = function SvgInjectTag(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     width: "1em",
     height: "1em",
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10 10H3.333",
     stroke: "#596168",
     strokeWidth: 1.5,
@@ -8734,6 +8692,21 @@ var SvgInjectTag = function SvgInjectTag(props) {
   })));
 };
 
+var _path$3;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var SvgIcHelpOutline = function SvgIcHelpOutline(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 17 16",
+    width: "1em",
+    height: "1em"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#767D84",
+    fillRule: "evenodd",
+    d: "M9 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 9 1.333zm0 1.334C6.054 2.667 3.667 5.054 3.667 8S6.054 13.333 9 13.333 14.333 10.946 14.333 8 11.946 2.667 9 2.667zm-.137 7.245c.41 0 .747.337.747.747s-.337.747-.747.747-.747-.336-.747-.747a.75.75 0 0 1 .747-.747zm.046-5.245c1.166 0 2.313.537 2.313 1.82 0 1.185-1.357 1.64-1.648 2.068-.22.319-.146.766-.747.766-.392 0-.583-.319-.583-.61 0-1.085 1.593-1.33 1.593-2.223 0-.492-.327-.783-.873-.783-1.166 0-.711 1.202-1.594 1.202-.319 0-.592-.191-.592-.556 0-.893 1.02-1.684 2.13-1.684z"
+  })));
+};
+
 function PropagateTagInfo(_a) {
     var isCreateApp = _a.isCreateApp;
     var additionalInfo = function () {
@@ -9040,7 +9013,7 @@ ConfirmationDialog.ButtonGroup = ButtonGroup;
 var warn = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23FFEBEB%22%20stroke%3D%22%23F33E3E%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7%2024h24v17a4%204%200%200%201-4%204H11a4%204%200%200%201-4-4V24z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2029.5v10M24%2029.5v10M14%2029.5v10%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23F33E3E%22%20stroke-dasharray%3D%2217%2C3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M42%2010a3%203%200%200%201%200%206H31M38%2023a3%203%200%200%200-3-3h-8%22%2F%3E%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22%23F33E3E%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20transform%3D%22rotate%28-10%2036.29%20-8.86%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2230%22%20height%3D%225%22%20y%3D%226%22%20fill%3D%22%23FFEBEB%22%20rx%3D%221%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%200h8a2%202%200%200%201%202%202v4H9V2a2%202%200%200%201%202-2z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
 
 var DeleteDialog = function (props) {
-    return (jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: warn }), jsxRuntime.jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxRuntime.jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsxs("div", __assign({ className: "flex right" }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: props.closeDelete, disabled: props.apiCallInProgress, "data-testid": "dialog-cancel" }, { children: "Cancel" })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: function () { return props.delete(); }, disabled: props.apiCallInProgress, "data-testid": "dialog-delete" }, { children: props.apiCallInProgress ? (jsxRuntime.jsx(Progressing, {})) : ("".concat(props.deletePrefix || '').concat(props.buttonPrimaryText ? props.buttonPrimaryText : 'Delete').concat(props.deletePostfix || '')) }))] })) })] })));
+    return jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: warn }), jsxRuntime.jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxRuntime.jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsxs("div", __assign({ className: "flex right" }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: props.closeDelete, disabled: props.apiCallInProgress, "data-testid": "dialog-cancel" }, { children: "Cancel" })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: function () { return props.delete(); }, disabled: props.apiCallInProgress, "data-testid": "dialog-delete" }, { children: props.apiCallInProgress ? jsxRuntime.jsx(Progressing, {}) : "".concat(props.deletePrefix || '', "Delete").concat(props.deletePostfix || '') }))] })) })] }));
 };
 function DeleteDialogDescription(props) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
@@ -16739,66 +16712,6 @@ function Radio(_a) {
 }
 RadioGroup.Radio = Radio;
 
-exports.RefVariableType = void 0;
-(function (RefVariableType) {
-    RefVariableType["GLOBAL"] = "GLOBAL";
-    RefVariableType["FROM_PREVIOUS_STEP"] = "FROM_PREVIOUS_STEP";
-    RefVariableType["NEW"] = "NEW";
-})(exports.RefVariableType || (exports.RefVariableType = {}));
-exports.PluginType = void 0;
-(function (PluginType) {
-    PluginType["INLINE"] = "INLINE";
-    PluginType["PLUGIN_REF"] = "REF_PLUGIN";
-})(exports.PluginType || (exports.PluginType = {}));
-exports.ScriptType = void 0;
-(function (ScriptType) {
-    ScriptType["SHELL"] = "SHELL";
-    ScriptType["DOCKERFILE"] = "DOCKERFILE";
-    ScriptType["CONTAINERIMAGE"] = "CONTAINER_IMAGE";
-})(exports.ScriptType || (exports.ScriptType = {}));
-exports.MountPath = void 0;
-(function (MountPath) {
-    MountPath["TRUE"] = "Yes";
-    MountPath["FALSE"] = "No";
-})(exports.MountPath || (exports.MountPath = {}));
-exports.ConditionType = void 0;
-(function (ConditionType) {
-    ConditionType["SKIP"] = "SKIP";
-    ConditionType["TRIGGER"] = "TRIGGER";
-    ConditionType["PASS"] = "PASS";
-    ConditionType["FAIL"] = "FAIL";
-})(exports.ConditionType || (exports.ConditionType = {}));
-exports.RefVariableStageType = void 0;
-(function (RefVariableStageType) {
-    RefVariableStageType["PRE_CI"] = "PRE_CI";
-    RefVariableStageType["POST_CI"] = "POST_CI";
-})(exports.RefVariableStageType || (exports.RefVariableStageType = {}));
-exports.CIBuildType = void 0;
-(function (CIBuildType) {
-    CIBuildType["SELF_DOCKERFILE_BUILD_TYPE"] = "self-dockerfile-build";
-    CIBuildType["MANAGED_DOCKERFILE_BUILD_TYPE"] = "managed-dockerfile-build";
-    CIBuildType["BUILDPACK_BUILD_TYPE"] = "buildpack-build";
-})(exports.CIBuildType || (exports.CIBuildType = {}));
-
-exports.ApplyPolicyToStage = void 0;
-(function (ApplyPolicyToStage) {
-    ApplyPolicyToStage["PRE_CI"] = "PRE_CI";
-    ApplyPolicyToStage["POST_CI"] = "POST_CI";
-    ApplyPolicyToStage["PRE_OR_POST_CI"] = "PRE_OR_POST_CI";
-})(exports.ApplyPolicyToStage || (exports.ApplyPolicyToStage = {}));
-exports.PluginRequiredStage = void 0;
-(function (PluginRequiredStage) {
-    PluginRequiredStage["PRE_CI"] = "preBuildStage";
-    PluginRequiredStage["POST_CI"] = "postBuildStage";
-    PluginRequiredStage["PRE_OR_POST_CI"] = "PRE_OR_POST_CI";
-})(exports.PluginRequiredStage || (exports.PluginRequiredStage = {}));
-exports.ConsequenceAction = void 0;
-(function (ConsequenceAction) {
-    ConsequenceAction["BLOCK"] = "BLOCK";
-    ConsequenceAction["ALLOW_UNTIL_TIME"] = "ALLOW_UNTIL_TIME";
-    ConsequenceAction["ALLOW_FOREVER"] = "ALLOW_FOREVER";
-})(exports.ConsequenceAction || (exports.ConsequenceAction = {}));
-
 var info = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2032%2032%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200h32v32H0z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2306C%22%20d%3D%22M16%202.667C8.64%202.667%202.667%208.64%202.667%2016S8.64%2029.333%2016%2029.333%2029.333%2023.36%2029.333%2016%2023.36%202.667%2016%202.667z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16%2014.667c.736%200%201.333.597%201.333%201.333v5.333a1.333%201.333%200%201%201-2.666%200V16c0-.736.597-1.333%201.333-1.333zm0-5.334A1.333%201.333%200%201%201%2016%2012a1.333%201.333%200%200%201%200-2.667z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
 
 function DeleteComponent(_a) {
@@ -16862,7 +16775,6 @@ function DeleteComponent(_a) {
 
 exports.BreadCrumb = BreadCrumb;
 exports.BreadcrumbStore = Store;
-exports.BuildStageVariable = BuildStageVariable;
 exports.CDModalTab = CDModalTab;
 exports.Checkbox = Checkbox;
 exports.ClearIndicator = ClearIndicator;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.9-beta-7",
+    "version": "0.0.9-beta-9",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Constants.ts

@@ -57,10 +57,4 @@ export const TOKEN_COOKIE_NAME = 'argocd.token'
 export const TriggerTypeMap = {
     automatic: 'Auto',
     manual: 'Manual',
-}
-
-export const BuildStageVariable = {
-  PreBuild: 'preBuildStage',
-  Build: 'buildStage',
-  PostBuild: 'postBuildStage',
 }

package/src/Common/Dialogs/DeleteDialog.tsx

@@ -1,53 +1,35 @@
-import React from 'react'
-import warn from '../../Assets/Img/delete-medium.svg'
+import React from 'react';
+import warn from '../../Assets/Img/warning-medium.svg';
 import { Progressing } from '../Progressing'
-import ConfirmationDialog from './ConfirmationDialog'
-import { DeleteDialogProps } from './Types'
+import ConfirmationDialog from './ConfirmationDialog';
+import { DeleteDialogProps } from './Types';
 
 export const DeleteDialog: React.FC<DeleteDialogProps> & { Description?: React.FC<any> } = function (props) {
-    return (
-        <ConfirmationDialog className="confirmation-dialog__body--w-400">
-            <ConfirmationDialog.Icon src={warn} />
-            <ConfirmationDialog.Body title={props.title}>
-                <div className="fs-13 cn-7 lh-1-54 w-100">
-                    {props.description ? props.description : null}
-                    {props.children}
-                </div>
-            </ConfirmationDialog.Body>
-            <ConfirmationDialog.ButtonGroup>
-                <div className="flex right">
-                    <button
-                        type="button"
-                        className="cta cancel cta-cd-delete-modal ml-16"
-                        onClick={props.closeDelete}
-                        disabled={props.apiCallInProgress}
-                        data-testid="dialog-cancel"
-                    >
-                        Cancel
-                    </button>
-                    <button
-                        type="button"
-                        className="cta delete cta-cd-delete-modal ml-16"
-                        onClick={() => props.delete()}
-                        disabled={props.apiCallInProgress}
-                        data-testid="dialog-delete"
-                    >
-                        {props.apiCallInProgress ? (
-                            <Progressing />
-                        ) : (
-                            `${props.deletePrefix || ''}${
-                                props.buttonPrimaryText ? props.buttonPrimaryText : 'Delete'
-                            }${props.deletePostfix || ''}`
-                        )}
-                    </button>
-                </div>
-            </ConfirmationDialog.ButtonGroup>
-        </ConfirmationDialog>
-    )
+
+    return <ConfirmationDialog className="confirmation-dialog__body--w-400">
+        <ConfirmationDialog.Icon src={warn} />
+        <ConfirmationDialog.Body title={props.title}>
+            <div className="fs-13 cn-7 lh-1-54 w-100">
+                {props.description ? props.description : null}
+                {props.children}
+            </div>
+        </ConfirmationDialog.Body>
+        <ConfirmationDialog.ButtonGroup>
+            <div className="flex right">
+                <button type="button" className="cta cancel cta-cd-delete-modal ml-16" onClick={props.closeDelete} disabled={props.apiCallInProgress} data-testid="dialog-cancel">Cancel</button>
+                <button type="button" className="cta delete cta-cd-delete-modal ml-16" onClick={() => props.delete()} disabled={props.apiCallInProgress} data-testid="dialog-delete">
+                    {props.apiCallInProgress ? <Progressing /> :  `${props.deletePrefix || ''}Delete${props.deletePostfix || ''}`}
+                </button>
+            </div>
+        </ConfirmationDialog.ButtonGroup>
+    </ConfirmationDialog >
 }
 
 function DeleteDialogDescription(props) {
-    return <>{props.children}</>
+
+    return <>
+        {props.children}
+    </>
 }
 
-DeleteDialog.Description = DeleteDialogDescription
+DeleteDialog.Description = DeleteDialogDescription;

package/src/Common/Dialogs/Types.ts

@@ -9,7 +9,6 @@ export interface DeleteDialogProps {
     deletePostfix?: string
     apiCallInProgress?: boolean
     dataTestId?: string
-    buttonPrimaryText?: string
 }
 
 export interface ForceDeleteDialogType {