@devtron-labs/devtron-fe-common-lib 0.0.10-beta-13 → 0.0.10-beta-15

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, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, }: ImageTaggingContainerType) => JSX.Element;
+export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit }: ImageTaggingContainerType) => JSX.Element;
 export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, }: ImageButtonType) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -325,9 +325,11 @@ export interface ImageTaggingContainerType {
     imageReleaseTags?: ReleaseTag[];
     appReleaseTagNames?: string[];
     tagsEditable?: boolean;
+    forceReInit?: boolean;
     setAppReleaseTagNames?: (appReleaseTags: string[]) => void;
     setTagsEditable?: (tagsEditable: boolean) => void;
     toggleCardMode?: (id: number) => void;
+    hideHardDelete?: boolean;
 }
 export interface ImageButtonType {
     text: string;

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, appReleaseTagNames = _a.appReleaseTagNames, setAppReleaseTagNames = _a.setAppReleaseTagNames, tagsEditable = _a.tagsEditable, setTagsEditable = _a.setTagsEditable, toggleCardMode = _a.toggleCardMode;
+    var ciPipelineId = _a.ciPipelineId, artifactId = _a.artifactId, imageComment = _a.imageComment, imageReleaseTags = _a.imageReleaseTags, appReleaseTagNames = _a.appReleaseTagNames, setAppReleaseTagNames = _a.setAppReleaseTagNames, tagsEditable = _a.tagsEditable, setTagsEditable = _a.setTagsEditable, toggleCardMode = _a.toggleCardMode; _a.hideHardDelete; var 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];
@@ -22751,11 +22751,12 @@ var ImageTagsContainer = function (_a) {
         });
     }
     var reInitState = function () {
-        if (isEditing === false) {
+        if (forceReInit || !isEditing) {
             setInitialTags(imageReleaseTags ? imageReleaseTags : []);
             setInitialDescription(imageComment ? imageComment.comment : '');
             setNewDescription(imageComment ? imageComment.comment : '');
             setDisplayedTags(imageReleaseTags ? imageReleaseTags : []);
+            setIsEditing(false);
         }
     };
     var handleEditClick = function () {
@@ -22944,7 +22945,8 @@ var ImageTagsContainer = function (_a) {
     var setInputValue = function (e) {
         setTextInput(e.target.value);
     };
-    var enterTagCreate = function () {
+    var enterTagCreate = function (e) {
+        stopPropagation(e);
         if (textInput.trim()) {
             handleTagCreate(textInput.trim());
         }

package/package.json

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

package/src/Common/ImageTags.tsx

@@ -29,6 +29,8 @@ export const ImageTagsContainer = ({
     tagsEditable,
     setTagsEditable,
     toggleCardMode,
+    hideHardDelete,
+    forceReInit
 }: ImageTaggingContainerType) => {
     const [initialTags, setInitialTags] = useState<ReleaseTag[]>(imageReleaseTags ? imageReleaseTags : [])
     const [initialDescription, setInitialDescription] = useState(imageComment ? imageComment.comment : '')
@@ -77,11 +79,12 @@ export const ImageTagsContainer = ({
     }
 
     const reInitState = () => {
-        if (isEditing === false) {
+        if (forceReInit || !isEditing) {
             setInitialTags(imageReleaseTags ? imageReleaseTags : [])
             setInitialDescription(imageComment ? imageComment.comment : '')
             setNewDescription(imageComment ? imageComment.comment : '')
             setDisplayedTags(imageReleaseTags ? imageReleaseTags : [])
+            setIsEditing(false)
         }
     }
 
@@ -330,7 +333,8 @@ export const ImageTagsContainer = ({
         setTextInput(e.target.value)
     }
 
-    const enterTagCreate = () => {
+    const enterTagCreate = (e) => {
+        stopPropagation(e)
         if (textInput.trim()) {
             handleTagCreate(textInput.trim())
         }

package/src/Common/Types.ts

@@ -358,9 +358,11 @@ export interface ImageTaggingContainerType {
     imageReleaseTags?: ReleaseTag[]
     appReleaseTagNames?: string[]
     tagsEditable?: boolean
+    forceReInit?: boolean
     setAppReleaseTagNames?: (appReleaseTags: string[]) => void
     setTagsEditable?: (tagsEditable: boolean) => void
     toggleCardMode?: (id: number) => void
+    hideHardDelete?: boolean
 }
 
 export interface ImageButtonType {