@devtron-labs/devtron-fe-common-lib 0.0.35 → 0.0.36-beta-1

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

@@ -0,0 +1,6 @@
+import { useSuperAdminType } from './types';
+/**
+ * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
+ * @returns {useSuperAdminType} isSuperAdmin
+ */
+export declare const useSuperAdmin: () => useSuperAdminType;

package/dist/Common/Hooks/UseSuperAdmin/types.d.ts

@@ -0,0 +1,3 @@
+export interface useSuperAdminType {
+    isSuperAdmin: boolean;
+}

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

@@ -0,0 +1 @@
+export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';

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

@@ -24,6 +24,7 @@ export interface ImageTaggingContainerType {
     setTagsEditable?: (tagsEditable: boolean) => void;
     toggleCardMode?: (id: number) => void;
     hideHardDelete?: boolean;
+    isSuperAdmin?: boolean;
 }
 export interface ImageButtonType {
     text: string;

package/dist/Common/ImageTags.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ImageButtonType, ImageTaggingContainerType } from './ImageTags.Types';
-export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, 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, isSuperAdmin }: ImageTaggingContainerType) => JSX.Element;
 export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;

package/dist/Common/index.d.ts

@@ -38,3 +38,4 @@ export * from './ResizableTextarea';
 export { default as DebouncedSearch } from './DebouncedSearch/DebouncedSearch';
 export { default as Grid } from './Grid/Grid';
 export { default as ClipboardButton } from './ClipboardButton/ClipboardButton';
+export * from './Hooks';

package/dist/index.js

@@ -23126,7 +23126,7 @@ var SvgIcEnter = function SvgIcEnter(props) {
 };
 
 var ImageTagsContainer = function (_a) {
-    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 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, isSuperAdmin = _a.isSuperAdmin;
     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];
@@ -23138,41 +23138,14 @@ var ImageTagsContainer = function (_a) {
     var _k = __read(React.useState([]), 2), createTags = _k[0], setCreateTags = _k[1];
     var _l = __read(React.useState([]), 2), softDeleteTags = _l[0], setSoftDeleteTags = _l[1];
     var _m = __read(React.useState([]), 2), hardDeleteTags = _m[0], setHardDeleteTags = _m[1];
-    var _o = __read(React.useState(false), 2), isSuperAdmin = _o[0], setSuperAdmin = _o[1];
-    var _p = __read(React.useState(''), 2), descriptionValidationMessage = _p[0], setDescriptionValidationMessage = _p[1];
-    var _q = __read(React.useState(''), 2), textInput = _q[0], setTextInput = _q[1];
-    React.useEffect(function () {
-        initialise();
-    }, []);
+    var _o = __read(React.useState(''), 2), descriptionValidationMessage = _o[0], setDescriptionValidationMessage = _o[1];
+    var _p = __read(React.useState(''), 2), textInput = _p[0], setTextInput = _p[1];
     React.useEffect(function () {
         reInitState();
     }, [imageReleaseTags, imageComment, tagsEditable]);
     React.useEffect(function () {
         setExistingTags(appReleaseTagNames ? appReleaseTagNames : []);
     }, [appReleaseTagNames]);
-    function initialise() {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var userRole, superAdmin, err_1;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _c.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, getUserRole()];
-                    case 1:
-                        userRole = _c.sent();
-                        superAdmin = (_b = (_a = userRole === null || userRole === void 0 ? void 0 : userRole.result) === null || _a === void 0 ? void 0 : _a.roles) === null || _b === void 0 ? void 0 : _b.includes('role:super-admin___');
-                        setSuperAdmin(superAdmin);
-                        return [3 /*break*/, 3];
-                    case 2:
-                        err_1 = _c.sent();
-                        showError(err_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
     var reInitState = function () {
         if (forceReInit || !isEditing) {
             setInitialTags(imageReleaseTags ? imageReleaseTags : []);
@@ -23616,6 +23589,25 @@ function ClipboardButton(_a) {
     return (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 flex center" }, { children: jsxRuntime.jsx(Tippy, __assign({ className: "default-tt", content: copied ? copiedTippyText : 'Copy', placement: "right", visible: copied || enableTippy }, { children: jsxRuntime.jsx("button", __assign({ type: "button", className: "dc__hover-n100 dc__outline-none-imp p-0 flex bcn-0 dc__no-border", onMouseEnter: handleEnableTippy, onMouseLeave: handleDisableTippy, onClick: handleCopyContent }, { children: jsxRuntime.jsx(SvgIcCopy, { className: "icon-dim-16" }) })) })) })));
 }
 
+/**
+ * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
+ * @returns {useSuperAdminType} isSuperAdmin
+ */
+var useSuperAdmin = function () {
+    var _a = __read(React.useState(false), 2), isSuperAdmin = _a[0], setSuperAdmin = _a[1];
+    React.useEffect(function () {
+        getUserRole()
+            .then(function (response) {
+            var _a;
+            setSuperAdmin((_a = response.result.superAdmin) !== null && _a !== void 0 ? _a : false);
+        })
+            .catch(function (error) {
+            showError(error);
+        });
+    }, []);
+    return { isSuperAdmin: isSuperAdmin };
+};
+
 exports.BreadCrumb = BreadCrumb;
 exports.BreadcrumbStore = Store;
 exports.BuildStageVariable = BuildStageVariable;
@@ -23717,4 +23709,5 @@ exports.useBreadcrumb = useBreadcrumb;
 exports.useEffectAfterMount = useEffectAfterMount;
 exports.useForm = useForm;
 exports.useSearchString = useSearchString;
+exports.useSuperAdmin = useSuperAdmin;
 exports.useThrottledEffect = useThrottledEffect;

package/package.json

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

package/src/Common/Hooks/UseSuperAdmin/UseSuperAdmin.tsx

@@ -0,0 +1,24 @@
+import React, { useEffect, useState } from 'react'
+import { getUserRole } from '../../Common.service'
+import { useSuperAdminType } from './types'
+import { showError } from '../../Helper'
+
+/**
+ * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
+ * @returns {useSuperAdminType} isSuperAdmin
+ */
+export const useSuperAdmin = (): useSuperAdminType => {
+    const [isSuperAdmin, setSuperAdmin] = useState<boolean>(false)
+
+    useEffect(() => {
+        getUserRole()
+            .then((response) => {
+                setSuperAdmin(response.result.superAdmin ?? false)
+            })
+            .catch((error) => {
+                showError(error)
+            })
+    }, [])
+
+    return { isSuperAdmin }
+}

package/src/Common/Hooks/UseSuperAdmin/types.ts

@@ -0,0 +1,3 @@
+export interface useSuperAdminType {
+    isSuperAdmin: boolean
+}

package/src/Common/Hooks/index.ts

@@ -0,0 +1 @@
+export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin'

package/src/Common/ImageTags.Types.ts

@@ -27,6 +27,7 @@ export interface ImageTaggingContainerType {
     setTagsEditable?: (tagsEditable: boolean) => void
     toggleCardMode?: (id: number) => void
     hideHardDelete?: boolean
+    isSuperAdmin?: boolean
 }
 
 export interface ImageButtonType {

package/src/Common/ImageTags.tsx

@@ -16,7 +16,7 @@ import { TippyTheme } from './Types'
 import { ImageButtonType, ImageTaggingContainerType, ReleaseTag } from './ImageTags.Types'
 import { showError, stopPropagation } from './Helper'
 import { TippyCustomized } from './TippyCustomized'
-import { setImageTags, getUserRole } from './Common.service'
+import { setImageTags } from './Common.service'
 import Tippy from '@tippyjs/react'
 
 export const ImageTagsContainer = ({
@@ -32,6 +32,7 @@ export const ImageTagsContainer = ({
     toggleCardMode,
     hideHardDelete,
     forceReInit,
+    isSuperAdmin
 }: ImageTaggingContainerType) => {
     const [initialTags, setInitialTags] = useState<ReleaseTag[]>(imageReleaseTags ? imageReleaseTags : [])
     const [initialDescription, setInitialDescription] = useState(imageComment ? imageComment.comment : '')
@@ -44,13 +45,9 @@ export const ImageTagsContainer = ({
     const [createTags, setCreateTags] = useState<ReleaseTag[]>([])
     const [softDeleteTags, setSoftDeleteTags] = useState<ReleaseTag[]>([])
     const [hardDeleteTags, setHardDeleteTags] = useState<ReleaseTag[]>([])
-    const [isSuperAdmin, setSuperAdmin] = useState<boolean>(false)
     const [descriptionValidationMessage, setDescriptionValidationMessage] = useState<string>('')
     const [textInput, setTextInput] = useState<string>('')
 
-    useEffect(() => {
-        initialise()
-    }, [])
 
     useEffect(() => {
         reInitState()
@@ -60,16 +57,6 @@ export const ImageTagsContainer = ({
         setExistingTags(appReleaseTagNames ? appReleaseTagNames : [])
     }, [appReleaseTagNames])
 
-    async function initialise() {
-        try {
-            const userRole = await getUserRole()
-
-            const superAdmin = userRole?.result?.roles?.includes('role:super-admin___')
-            setSuperAdmin(superAdmin)
-        } catch (err) {
-            showError(err)
-        }
-    }
 
     const reInitState = () => {
         if (forceReInit || !isEditing) {

package/src/Common/index.ts

@@ -38,3 +38,4 @@ export * from './ResizableTextarea'
 export { default as DebouncedSearch } from './DebouncedSearch/DebouncedSearch'
 export { default as Grid } from './Grid/Grid'
 export { default as ClipboardButton } from './ClipboardButton/ClipboardButton'
+export * from './Hooks'