@devtron-labs/devtron-fe-common-lib 0.0.10-beta-16 → 0.0.10-beta-17

package/dist/Common/ImageTags.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ImageButtonType, ImageTaggingContainerType } from './Types';
-export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, matId, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, }: ImageTaggingContainerType) => JSX.Element;
+export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, }: ImageTaggingContainerType) => JSX.Element;
 export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -323,7 +323,6 @@ export interface ImageTaggingContainerType {
     artifactId?: number;
     imageComment?: ImageComment;
     imageReleaseTags?: ReleaseTag[];
-    matId?: number;
     updateCurrentAppMaterial?: (matId: number, releaseTags?: ReleaseTag[], imageComment?: ImageComment) => void;
     appReleaseTagNames?: string[];
     tagsEditable?: boolean;

package/dist/index.js

@@ -22696,7 +22696,7 @@ var SvgIcEnter = function SvgIcEnter(props) {
 };
 
 var ImageTagsContainer = function (_a) {
-    var ciPipelineId = _a.ciPipelineId, artifactId = _a.artifactId, imageComment = _a.imageComment, imageReleaseTags = _a.imageReleaseTags, matId = _a.matId, updateCurrentAppMaterial = _a.updateCurrentAppMaterial, appReleaseTagNames = _a.appReleaseTagNames, setAppReleaseTagNames = _a.setAppReleaseTagNames, tagsEditable = _a.tagsEditable, setTagsEditable = _a.setTagsEditable, toggleCardMode = _a.toggleCardMode, hideHardDelete = _a.hideHardDelete, forceReInit = _a.forceReInit;
+    var ciPipelineId = _a.ciPipelineId, artifactId = _a.artifactId, imageComment = _a.imageComment, imageReleaseTags = _a.imageReleaseTags, updateCurrentAppMaterial = _a.updateCurrentAppMaterial, appReleaseTagNames = _a.appReleaseTagNames, setAppReleaseTagNames = _a.setAppReleaseTagNames, tagsEditable = _a.tagsEditable, setTagsEditable = _a.setTagsEditable, toggleCardMode = _a.toggleCardMode, hideHardDelete = _a.hideHardDelete, forceReInit = _a.forceReInit;
     var _b = __read(React.useState(imageReleaseTags ? imageReleaseTags : []), 2), initialTags = _b[0], setInitialTags = _b[1];
     var _c = __read(React.useState(imageComment ? imageComment.comment : ''), 2), initialDescription = _c[0], setInitialDescription = _c[1];
     var _d = __read(React.useState(appReleaseTagNames ? appReleaseTagNames : []), 2), existingTags = _d[0], setExistingTags = _d[1];
@@ -22782,8 +22782,7 @@ var ImageTagsContainer = function (_a) {
         setShowTagsWarning(false);
         setTagErrorMessage('');
     };
-    var handleTagCreate = function (newValue) {
-        var lowercaseValue = newValue.toLowerCase().trim();
+    var validateTag = function (lowercaseValue) {
         if (lowercaseValue.length == 0 ||
             lowercaseValue.length >= 128 ||
             lowercaseValue[0] == '.' ||
@@ -22802,6 +22801,10 @@ var ImageTagsContainer = function (_a) {
             setTagErrorMessage('This tag is already being used in this application');
             return;
         }
+    };
+    var handleTagCreate = function (newValue) {
+        var lowercaseValue = newValue.toLowerCase().trim();
+        validateTag(lowercaseValue);
         var newTag = {
             id: 0,
             tagName: lowercaseValue,
@@ -22910,7 +22913,7 @@ var ImageTagsContainer = function (_a) {
                 setShowTagsWarning(false);
                 setTagErrorMessage('');
                 if (updateCurrentAppMaterial)
-                    updateCurrentAppMaterial(matId, tags, (_j = res.result) === null || _j === void 0 ? void 0 : _j.imageComment);
+                    updateCurrentAppMaterial(artifactId, tags, (_j = res.result) === null || _j === void 0 ? void 0 : _j.imageComment);
             })
                 .catch(function (err) {
                 var _a, _b, _c, _d, _e, _f, _g;
@@ -22945,6 +22948,7 @@ var ImageTagsContainer = function (_a) {
         }
     };
     var setInputValue = function (e) {
+        e.target.value && validateTag(e.target.value);
         setTextInput(e.target.value);
     };
     var enterTagCreate = function (e) {

package/package.json

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

package/src/Common/ImageTags.tsx

@@ -24,7 +24,6 @@ export const ImageTagsContainer = ({
     artifactId,
     imageComment,
     imageReleaseTags,
-    matId,
     updateCurrentAppMaterial,
     appReleaseTagNames,
     setAppReleaseTagNames,
@@ -116,8 +115,7 @@ export const ImageTagsContainer = ({
         setTagErrorMessage('')
     }
 
-    const handleTagCreate = (newValue) => {
-        const lowercaseValue = newValue.toLowerCase().trim()
+    const validateTag = (lowercaseValue) => {
         if (
             lowercaseValue.length == 0 ||
             lowercaseValue.length >= 128 ||
@@ -137,6 +135,11 @@ export const ImageTagsContainer = ({
             setTagErrorMessage('This tag is already being used in this application')
             return
         }
+    }
+
+    const handleTagCreate = (newValue) => {
+        const lowercaseValue = newValue.toLowerCase().trim()
+        validateTag(lowercaseValue)
         const newTag: ReleaseTag = {
             id: 0,
             tagName: lowercaseValue,
@@ -251,7 +254,7 @@ export const ImageTagsContainer = ({
                 handleEditClick()
                 setShowTagsWarning(false)
                 setTagErrorMessage('')
-                if(updateCurrentAppMaterial)updateCurrentAppMaterial(matId,tags,res.result?.imageComment)
+                if(updateCurrentAppMaterial)updateCurrentAppMaterial(artifactId,tags,res.result?.imageComment)
             })
             .catch((err) => {
                 // Fix toast message
@@ -333,7 +336,7 @@ export const ImageTagsContainer = ({
     }
 
     const setInputValue = (e) => {
-
+        e.target.value && validateTag(e.target.value)
         setTextInput(e.target.value)
     }
 

package/src/Common/Types.ts

@@ -356,7 +356,6 @@ export interface ImageTaggingContainerType {
     artifactId?: number
     imageComment?: ImageComment
     imageReleaseTags?: ReleaseTag[]
-    matId?: number
     updateCurrentAppMaterial? : (matId:number, releaseTags?:ReleaseTag[], imageComment?:ImageComment) => void
     appReleaseTagNames?: string[]
     tagsEditable?: boolean