@devtron-labs/devtron-fe-common-lib 0.0.7-beta-49 → 0.0.7-beta-50

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,6 +75,11 @@ var TOKEN_COOKIE_NAME = 'argocd.token';
 var TriggerTypeMap = {
     automatic: 'Auto',
     manual: 'Manual',
+};
+var BuildStageVariable = {
+    PreBuild: 'preBuildStage',
+    Build: 'buildStage',
+    PostBuild: 'postBuildStage',
 };
 
 /******************************************************************************
@@ -248,7 +253,19 @@ exports.DeploymentNodeType = void 0;
     DeploymentNodeType["CD"] = "CD";
     DeploymentNodeType["POSTCD"] = "POSTCD";
     DeploymentNodeType["APPROVAL"] = "APPROVAL";
-})(exports.DeploymentNodeType || (exports.DeploymentNodeType = {}));
+})(exports.DeploymentNodeType || (exports.DeploymentNodeType = {}));
+exports.PluginRequiredStageKeys = void 0;
+(function (PluginRequiredStageKeys) {
+    PluginRequiredStageKeys["PRE_CI"] = "PRE_CI";
+    PluginRequiredStageKeys["POST_CI"] = "POST_CI";
+    PluginRequiredStageKeys["PRE_OR_POST_CI"] = "PRE_OR_POST_CI";
+})(exports.PluginRequiredStageKeys || (exports.PluginRequiredStageKeys = {}));
+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 = {}));
 
 var responseMessages = {
     100: 'Continue',
@@ -503,7 +520,7 @@ function styleInject(css, ref) {
 var css_248z$6 = ".empty-state {\n  height: 100%;\n}\n.empty-state img {\n  height: 40%;\n  max-height: 200px;\n  width: auto;\n  max-width: 250px;\n}\n.empty-state svg {\n  height: 40%;\n  max-height: 200px;\n  width: auto;\n}\n.empty-state h1,\n.empty-state h2,\n.empty-state h3,\n.empty-state h4,\n.empty-state h5,\n.empty-state h6 {\n  color: var(--N900);\n}\n.empty-state .subtitle {\n  font-size: 13px;\n  width: 300px;\n  font-weight: 400;\n  text-align: center;\n  line-height: 1.5;\n  margin-bottom: 20px;\n}\n.empty-state .cta {\n  height: 36px;\n}\n.empty-state p {\n  width: 300px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--N700);\n}\n.empty-state strong {\n  font-size: 16px;\n  margin-bottom: 4px;\n  color: var(--N900);\n  font-weight: normal;\n}\n.empty-state .select-popup {\n  height: min-content;\n  max-height: 250px;\n  overflow: auto;\n  padding: 8px 0;\n}\n.empty-state .empty-state__loader {\n  width: 34px;\n  height: 34px;\n  margin-bottom: 16px;\n}\n.empty-state .empty-state__loading-text {\n  font-size: 12px;\n  width: 200px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.5;\n  letter-spacing: normal;\n  text-align: center;\n  color: var(--N900);\n}\n.empty-state .button__icon {\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n}";
 styleInject(css_248z$6);
 
-var _g$3;
+var _g$2;
 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$b({
@@ -511,7 +528,7 @@ var SvgIcProgressing = function SvgIcProgressing(props) {
     viewBox: "0 0 24 24",
     width: "1em",
     height: "1em"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "none"
   }, /*#__PURE__*/React__namespace.createElement("animateTransform", {
     attributeName: "transform",
@@ -3927,28 +3944,6 @@ function captureException(exception, captureContext) {
   return getCurrentHub().captureException(exception, { captureContext });
 }
 
-var _g$2;
-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$9({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 32 32"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M0 0h32v32H0z"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#FFCB5D",
-    d: "M18.315 5.052 29.72 25.01A2.667 2.667 0 0 1 27.405 29H4.595a2.667 2.667 0 0 1-2.315-3.99L13.685 5.052a2.667 2.667 0 0 1 4.63 0z"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#FFF",
-    d: "M16 22.667a1.333 1.333 0 1 1 0 2.666 1.333 1.333 0 0 1 0-2.666zM16 12c.736 0 1.333.597 1.333 1.333v6.334a1.333 1.333 0 1 1-2.666 0v-6.334c0-.736.597-1.333 1.333-1.333z"
-  }))));
-};
-
 toast.configure({
     autoClose: 3000,
     hideProgressBar: true,
@@ -4087,110 +4082,6 @@ function getLoginInfo() {
             return null;
         }
     }
-}
-function useForm(stateSchema, validationSchema, callback) {
-    if (validationSchema === void 0) { validationSchema = {}; }
-    var _a = __read(React.useState(stateSchema), 2), state = _a[0], setState = _a[1];
-    var _b = __read(React.useState(true), 2), disable = _b[0], setDisable = _b[1];
-    var _c = __read(React.useState(false), 2), isDirty = _c[0], setIsDirty = _c[1];
-    // Disable button in initial render.
-    React.useEffect(function () {
-        setDisable(true);
-    }, []);
-    // For every changed in our state this will be fired
-    // To be able to disable the button
-    React.useEffect(function () {
-        if (isDirty) {
-            setDisable(validateState(state));
-        }
-    }, [state, isDirty]);
-    // Used to disable submit button if there's an error in state
-    // or the required field in state has no value.
-    // Wrapped in useCallback to cached the function to avoid intensive memory leaked
-    // in every re-render in component
-    var validateState = React.useCallback(function (state) {
-        //check errors in all fields
-        var hasErrorInState = Object.keys(validationSchema).some(function (key) {
-            var isInputFieldRequired = validationSchema[key].required;
-            var stateValue = state[key].value; // state value
-            var stateError = state[key].error; // state error
-            return (isInputFieldRequired && !stateValue) || stateError;
-        });
-        return hasErrorInState;
-    }, [state, validationSchema]);
-    function validateField(name, value) {
-        if (validationSchema[name].required) {
-            if (!value) {
-                return 'This is a required field.';
-            }
-        }
-        function _validateSingleValidator(validator, value) {
-            if (value && !validator.regex.test(value)) {
-                return false;
-            }
-            return true;
-        }
-        // single validator
-        var _validator = validationSchema[name].validator;
-        if (_validator && typeof _validator === 'object') {
-            if (!_validateSingleValidator(_validator, value)) {
-                return _validator.error;
-            }
-        }
-        // multiple validators
-        var _validators = validationSchema[name].validators;
-        if (_validators && typeof _validators === 'object' && Array.isArray(_validators)) {
-            var errors_1 = [];
-            _validators.forEach(function (_validator) {
-                if (!_validateSingleValidator(_validator, value)) {
-                    errors_1.push(_validator.error);
-                }
-            });
-            if (errors_1.length > 0) {
-                return errors_1;
-            }
-        }
-        return '';
-    }
-    var handleOnChange = React.useCallback(function (event) {
-        setIsDirty(true);
-        var _a = event.target, name = _a.name, value = _a.value;
-        var error = validateField(name, value);
-        setState(function (prevState) {
-            var _a;
-            return (__assign(__assign({}, prevState), (_a = {}, _a[name] = { value: value, error: error }, _a)));
-        });
-    }, [validationSchema]);
-    var handleOnSubmit = function (event) {
-        event.preventDefault();
-        var newState = Object.keys(validationSchema).reduce(function (agg, curr) {
-            agg[curr] = __assign(__assign({}, state[curr]), { error: validateField(curr, state[curr].value) });
-            return agg;
-        }, state);
-        if (!validateState(newState)) {
-            callback(state);
-        }
-        else {
-            setState(__assign({}, newState));
-        }
-    };
-    return { state: state, disable: disable, handleOnChange: handleOnChange, handleOnSubmit: handleOnSubmit };
-}
-function handleError(error) {
-    if (!error) {
-        return [];
-    }
-    if (!Array.isArray(error)) {
-        return [error];
-    }
-    return error;
-}
-function CustomInput(_a) {
-    var name = _a.name, value = _a.value, error = _a.error, onChange = _a.onChange, _b = _a.onBlur, onBlur = _b === void 0 ? function (e) { } : _b, _c = _a.onFocus, onFocus = _c === void 0 ? function (e) { } : _c, label = _a.label, _d = _a.type, type = _d === void 0 ? 'text' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e; _a.autoComplete; var _g = _a.labelClassName, labelClassName = _g === void 0 ? '' : _g, _h = _a.placeholder, placeholder = _h === void 0 ? '' : _h, _j = _a.tabIndex, tabIndex = _j === void 0 ? 1 : _j, _k = _a.dataTestid, dataTestid = _k === void 0 ? '' : _k;
-    return (jsxRuntime.jsxs("div", __assign({ className: "flex column left top" }, { children: [jsxRuntime.jsx("label", __assign({ className: "form__label ".concat(labelClassName) }, { children: label })), jsxRuntime.jsx("input", { "data-testid": dataTestid, type: type, name: name, autoComplete: "off", className: "form__input", onChange: function (e) {
-                    e.persist();
-                    onChange(e);
-                }, onBlur: onBlur, onFocus: onFocus, placeholder: placeholder, value: value, disabled: disabled, tabIndex: tabIndex }), handleError(error).map(function (err) { return (jsxRuntime.jsxs("div", __assign({ className: "form__error" }, { children: [jsxRuntime.jsx(SvgIcWarning, { className: "form__icon form__icon--error" }), err] }))); })] })));
 }
 
 function Progressing(_a) {
@@ -4318,16 +4209,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$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 _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 SvgIcCross = function SvgIcCross(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     width: "1em",
     height: "1em",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__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"
   })));
@@ -8626,6 +8517,21 @@ 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 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);
 
@@ -8633,6 +8539,7 @@ 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;
@@ -8647,15 +8554,19 @@ 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, 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
+        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 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 })), headingInfo && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 cursor", onClick: toggleHeadingInfo }, { children: jsxRuntime.jsx(SvgIcHelp, { 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 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
                         ? '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' })) })))] }));
     };
@@ -8795,39 +8706,35 @@ var ValidationRules = /** @class */ (function () {
                 errorList.push('Key is required');
             }
             else {
-                if (!key.startsWith("devtron.ai/")) {
-                    var re = new RegExp('/', 'g');
-                    var noOfSlashInKey = (_a = key.match(re)) === null || _a === void 0 ? void 0 : _a.length;
-                    if (noOfSlashInKey > 1) {
-                        errorList.push('Key: Max 1 ( / ) allowed');
-                    }
-                    else if (noOfSlashInKey === 1) {
-                        var _b = __read(key.split('/'), 2), prefix = _b[0], name_1 = _b[1];
-                        errorList.push.apply(errorList, __spreadArray([], __read(validateTagValue(name_1).map(function (error) { return "Name: ".concat(error); })), false));
-                        if (prefix.length > 253) {
-                            errorList.push('Prefix: Can be max 253 characters');
-                        }
-                        var validPrefix = PATTERNS.KUBERNETES_KEY_PREFIX.test(prefix);
-                        if (!validPrefix) {
-                            errorList.push('Prefix: Must be a DNS subdomain (a series of DNS labels separated by dots (.)');
-                        }
+                var re = new RegExp('/', 'g');
+                var noOfSlashInKey = (_a = key.match(re)) === null || _a === void 0 ? void 0 : _a.length;
+                if (noOfSlashInKey > 1) {
+                    errorList.push('Key: Max 1 ( / ) allowed');
+                }
+                else if (noOfSlashInKey === 1) {
+                    var _b = __read(key.split('/'), 2), prefix = _b[0], name_1 = _b[1];
+                    errorList.push.apply(errorList, __spreadArray([], __read(validateTagValue(name_1).map(function (error) { return "Name: ".concat(error); })), false));
+                    if (prefix.length > 253) {
+                        errorList.push('Prefix: Can be max 253 characters');
                     }
-                    else {
-                        errorList.push.apply(errorList, __spreadArray([], __read(validateTagValue(key).map(function (error) { return "Name: ".concat(error); })), false));
+                    var validPrefix = PATTERNS.KUBERNETES_KEY_PREFIX.test(prefix);
+                    if (!validPrefix) {
+                        errorList.push('Prefix: Must be a DNS subdomain (a series of DNS labels separated by dots (.)');
                     }
                 }
+                else {
+                    errorList.push.apply(errorList, __spreadArray([], __read(validateTagValue(key).map(function (error) { return "Name: ".concat(error); })), false));
+                }
             }
             return { isValid: errorList.length === 0, messages: errorList };
         };
-        this.propagateTagValue = function (value, key) {
+        this.propagateTagValue = function (value) {
             var errorList = [];
             if (!value) {
                 errorList.push('Value is required');
             }
             else {
-                if (!key.startsWith("devtron.ai/")) {
-                    errorList.push.apply(errorList, __spreadArray([], __read(validateTagValue(value)), false));
-                }
+                errorList.push.apply(errorList, __spreadArray([], __read(validateTagValue(value)), false));
             }
             return { isValid: errorList.length === 0, messages: errorList };
         };
@@ -8862,7 +8769,7 @@ var TagLabelValueSelector = function (_a) {
                         : _tagData.value !== '';
             }
             else if (selectedValue || isRequired || _tagData.propagate) {
-                _tagData.isInvalidValue = !validationRules.propagateTagValue(selectedValue, _tagData.key).isValid;
+                _tagData.isInvalidValue = !validationRules.propagateTagValue(selectedValue).isValid;
                 _tagData.isInvalidKey = !_tagData.key || _tagData.isInvalidKey;
             }
             else {
@@ -8891,7 +8798,7 @@ var TagLabelValueSelector = function (_a) {
             }
         }
         else if (isRequired || selectedValue || tagData.propagate) {
-            field = validationRules.propagateTagValue(selectedValue, tagData.key);
+            field = validationRules.propagateTagValue(selectedValue);
         }
         if (!field.isValid) {
             return (jsxRuntime.jsxs("div", __assign({ className: "p-4", onClick: stopPropagation, "data-testid": "tag-label-cross-stop-propagation" }, { children: [field.messages.map(function (error) { return (jsxRuntime.jsxs("div", __assign({ className: "flexbox pr-4 pl-4" }, { children: [jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-14 scr-5 mt-3 mr-4" }) }), jsxRuntime.jsx("span", { children: error })] }), error)); }), tagInputType === exports.KEY_VALUE.KEY && (jsxRuntime.jsxs("div", __assign({ className: "flexbox pr-4 pl-4" }, { children: [jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SvgIcInfoOutlined, { className: "icon-dim-14 mt-3 mr-4" }) }), jsxRuntime.jsx("span", __assign({ className: "dc__italic-font-style" }, { children: "Key format: prefix/name or name" }))] })))] })));
@@ -8943,12 +8850,12 @@ var TagDetails = function (_a) {
             _tagData.isInvalidKey =
                 _tagData.key || _tagData.value ? !validationRules.propagateTagKey(_tagData.key).isValid : false;
             _tagData.isInvalidValue = _tagData.value
-                ? !validationRules.propagateTagValue(_tagData.value, _tagData.key).isValid
+                ? !validationRules.propagateTagValue(_tagData.value).isValid
                 : false;
         }
         setTagData(index, _tagData);
     };
-    return (jsxRuntime.jsxs("div", __assign({ className: "flexbox mb-8" }, { children: [jsxRuntime.jsx("div", __assign({ className: "dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ".concat(tagData.propagate ? 'bcn-7' : '', " ").concat(tagData.key.startsWith("devtron.ai/") ? 'cursor-not-allowed bcn-1' : ''), onClick: propagateTagToResource, "data-testid": "propagate-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgInjectTag, { className: "icon-dim-20 mt-4 ".concat(tagData.propagate ? 'scn-0' : '') }) })), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.KEY, placeholder: "Enter key", tabIndex: tabIndex - 1, refVar: keyRef, dependentRef: valueRef, tagOptions: suggestedTagsOptions }), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.VALUE, placeholder: "Enter value", tabIndex: tabIndex, refVar: valueRef, dependentRef: keyRef }), jsxRuntime.jsx("div", __assign({ className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: deleteTag, "data-testid": "delete-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-20 mt-4" }) }))] })));
+    return (jsxRuntime.jsxs("div", __assign({ className: "flexbox mb-8" }, { children: [jsxRuntime.jsx("div", __assign({ className: "dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ".concat(tagData.propagate ? 'bcn-7' : ''), onClick: propagateTagToResource, "data-testid": "propagate-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgInjectTag, { className: "icon-dim-20 mt-4 ".concat(tagData.propagate ? 'scn-0' : '') }) })), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.KEY, placeholder: "Enter key", tabIndex: tabIndex - 1, refVar: keyRef, dependentRef: valueRef, tagOptions: suggestedTagsOptions }), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.VALUE, placeholder: "Enter value", tabIndex: tabIndex, refVar: valueRef, dependentRef: keyRef }), jsxRuntime.jsx("div", __assign({ className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: deleteTag, "data-testid": "delete-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-20 mt-4" }) }))] })));
 };
 
 var _path$1;
@@ -8970,11 +8877,7 @@ var TagLabelSelect = function (_a) {
     var isCreateApp = _a.isCreateApp, labelTags = _a.labelTags, setLabelTags = _a.setLabelTags, _b = _a.tabIndex, tabIndex = _b === void 0 ? 0 : _b;
     var setTagData = function (index, tagValue) {
         var _tags = __spreadArray([], __read(labelTags), false);
-        var _tagValue = tagValue;
-        if (_tagValue.key.startsWith("devtron.ai/")) {
-            _tagValue.propagate = false;
-        }
-        _tags[index] = _tagValue;
+        _tags[index] = tagValue;
         setLabelTags(_tags);
     };
     var addNewTag = function () {
@@ -16712,80 +16615,59 @@ function Radio(_a) {
 }
 RadioGroup.Radio = Radio;
 
-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) {
-    var setDeleting = _a.setDeleting, toggleConfirmation = _a.toggleConfirmation, deleteComponent = _a.deleteComponent, title = _a.title, component = _a.component, payload = _a.payload, _b = _a.confirmationDialogDescription, confirmationDialogDescription = _b === void 0 ? '' : _b, _c = _a.redirectTo, redirectTo = _c === void 0 ? false : _c, _d = _a.url, url = _d === void 0 ? '' : _d, reload = _a.reload, _e = _a.configuration, configuration = _e === void 0 ? '' : _e, closeCustomComponent = _a.closeCustomComponent;
-    var _f = __read(React.useState(false), 2), showCannotDeleteDialogModal = _f[0], setCannotDeleteDialogModal = _f[1];
-    var push = reactRouterDom.useHistory().push;
-    function handleDelete() {
-        return __awaiter(this, void 0, void 0, function () {
-            var serverError_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setDeleting(true);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, 4, 5]);
-                        return [4 /*yield*/, deleteComponent(payload)];
-                    case 2:
-                        _a.sent();
-                        toast.success('Successfully deleted');
-                        toggleConfirmation(false);
-                        if (redirectTo) {
-                            push(url);
-                        }
-                        else {
-                            reload();
-                        }
-                        if (typeof closeCustomComponent === 'function') {
-                            closeCustomComponent();
-                        }
-                        return [3 /*break*/, 5];
-                    case 3:
-                        serverError_1 = _a.sent();
-                        if (serverError_1 instanceof ServerErrors && serverError_1.code === 500) {
-                            setCannotDeleteDialogModal(true);
-                        }
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setDeleting(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    var handleConfirmation = function () {
-        setCannotDeleteDialogModal(false);
-        toggleConfirmation(false);
-        if (typeof closeCustomComponent === 'function') {
-            closeCustomComponent();
-        }
-    };
-    var renderCannotDeleteDialogModal = function () {
-        return (jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-360" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: info }), jsxRuntime.jsx(ConfirmationDialog.Body, { title: "Cannot delete ".concat(component, " '").concat(title, "'") }), jsxRuntime.jsx("p", __assign({ className: "fs-13 cn-7 " }, { children: confirmationDialogDescription })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsx("button", __assign({ type: "button", className: "cta", onClick: handleConfirmation }, { children: "Okay" })) })] })));
-    };
-    var renderDeleteDialog = function () {
-        return (jsxRuntime.jsx(DeleteDialog, __assign({ title: "Delete ".concat(component, " '").concat(title, "'"), delete: handleDelete, closeDelete: function () { return toggleConfirmation(false); }, dataTestId: "delete-dialog" }, { children: jsxRuntime.jsx(DeleteDialog.Description, { children: jsxRuntime.jsxs("p", { children: ["Are you sure you want to delete this ", configuration ? configuration : component, "? "] }) }) })));
-    };
-    return (jsxRuntime.jsxs("div", { children: [!showCannotDeleteDialogModal && renderDeleteDialog(), showCannotDeleteDialogModal && renderCannotDeleteDialogModal()] }));
-}
+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.BreadCrumb = BreadCrumb;
 exports.BreadcrumbStore = Store;
+exports.BuildStageVariable = BuildStageVariable;
 exports.CDModalTab = CDModalTab;
 exports.Checkbox = Checkbox;
 exports.ClearIndicator = ClearIndicator;
 exports.ConditionalWrap = ConditionalWrap;
 exports.ConfirmationDialog = ConfirmationDialog;
-exports.CustomInput = CustomInput;
 exports.CustomSelect = CustomSelect;
 exports.DEFAULT_TAG_DATA = DEFAULT_TAG_DATA;
 exports.DOCUMENTATION = DOCUMENTATION;
 exports.DOCUMENTATION_HOME_PAGE = DOCUMENTATION_HOME_PAGE;
-exports.DeleteComponent = DeleteComponent;
 exports.DeleteDialog = DeleteDialog;
 exports.DetailsProgressing = DetailsProgressing;
 exports.DialogForm = DialogForm;
@@ -16853,5 +16735,4 @@ exports.toastAccessDenied = toastAccessDenied;
 exports.trash = trash;
 exports.useBreadcrumb = useBreadcrumb;
 exports.useEffectAfterMount = useEffectAfterMount;
-exports.useForm = useForm;
 exports.useThrottledEffect = useThrottledEffect;

package/package.json

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

package/src/Assets/Icon/ic-help.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path fill="#767D84" fill-rule="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"/>
+</svg>