Merge pull request #719 from devtron-labs/feat/holmes-integration

feat: add intelligenceConfig in main context

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.12.0-pre-4",
+    "version": "1.12.0-pre-5",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -1071,16 +1071,6 @@ export interface EnvironmentHelmResult {
 
 export type EnvironmentListHelmResponse = ResponseType<EnvironmentListHelmResult[]>
 
-export interface WidgetEventDetails {
-    message: string
-    namespace: string
-    object: string
-    source: string
-    count: number
-    age: string
-    lastSeen: string
-}
-
 export interface GlobalVariableDTO {
     name: string
     format: VariableTypeFormat
@@ -1129,4 +1119,4 @@ export interface AppMeta {
 export interface EnvAppsMetaDTO {
     appCount: number
     apps: AppMeta[]
-}
+}

src/Assets/IconV2/ic-info-filled.svg

@@ -108,6 +108,8 @@ import { ReactComponent as ICSuccess } from '@IconsV2/ic-success.svg'
 import { ReactComponent as ICSuspended } from '@IconsV2/ic-suspended.svg'
 import { ReactComponent as ICTata1mg } from '@IconsV2/ic-tata1mg.svg'
 import { ReactComponent as ICTerminalFill } from '@IconsV2/ic-terminal-fill.svg'
+import { ReactComponent as ICThumbDown } from '@IconsV2/ic-thumb-down.svg'
+import { ReactComponent as ICThumbUp } from '@IconsV2/ic-thumb-up.svg'
 import { ReactComponent as ICTimeoutDash } from '@IconsV2/ic-timeout-dash.svg'
 import { ReactComponent as ICTimer } from '@IconsV2/ic-timer.svg'
 import { ReactComponent as ICTravclan } from '@IconsV2/ic-travclan.svg'
@@ -229,6 +231,8 @@ export const iconMap = {
     'ic-suspended': ICSuspended,
     'ic-tata1mg': ICTata1mg,
     'ic-terminal-fill': ICTerminalFill,
+    'ic-thumb-down': ICThumbDown,
+    'ic-thumb-up': ICThumbUp,
     'ic-timeout-dash': ICTimeoutDash,
     'ic-timer': ICTimer,
     'ic-travclan': ICTravclan,

src/Assets/IconV2/ic-thumb-down.svg

@@ -28,7 +28,15 @@ import { getClassNameBySizeMap, tabGroupClassMap } from './TabGroup.utils'
 import './TabGroup.scss'
 
 const MotionLayoutUnderline = ({ layoutId }: { layoutId: string }) => (
-    <motion.div layout="position" layoutId={layoutId} className="underline bcb-5" />
+    <motion.div
+        layout="position"
+        transformTemplate={(_, generatedTransform) =>
+            // Replace the y value in translate3d(x, y, z) with 0px to omit y axis transitions
+            generatedTransform.replace(/translate3d\(([^,]+),\s*[^,]+,\s*([^)]+)\)/, 'translate3d($1, 0px, $2)')
+        }
+        layoutId={layoutId}
+        className="underline bcb-5 w-100 dc__position-abs"
+    />
 )
 
 const Tab = ({
@@ -59,7 +67,6 @@ const Tab = ({
 
     const { tabClassName, iconClassName, badgeClassName } = getClassNameBySizeMap({
         hideTopPadding,
-        isTabActive,
     })[size]
 
     const onClickHandler = (

src/Assets/IconV2/ic-thumb-up.svg

@@ -34,9 +34,10 @@
         @include svg-styles(var(--N700));
 
         .underline {
-            height: 2px;
+            height: 2px !important;
             border-top-left-radius: 2px;
             border-top-right-radius: 2px;
+            bottom: -1px;
         }
 
         &--active {

src/Common/Types.ts

@@ -21,8 +21,7 @@ import { TabGroupProps } from './TabGroup.types'
 
 export const getClassNameBySizeMap = ({
     hideTopPadding,
-    isTabActive,
-}: Pick<TabGroupProps, 'hideTopPadding'> & { isTabActive: boolean }): Record<
+}: Pick<TabGroupProps, 'hideTopPadding'>): Record<
     TabGroupProps['size'],
     {
         tabClassName: string
@@ -31,17 +30,17 @@ export const getClassNameBySizeMap = ({
     }
 > => ({
     [ComponentSizeType.medium]: {
-        tabClassName: `fs-12 ${!hideTopPadding ? 'pt-6' : ''} ${isTabActive ? 'pb-3' : 'pb-5'}`,
+        tabClassName: `fs-12 ${!hideTopPadding ? 'pt-6' : ''} pb-5`,
         iconClassName: 'icon-dim-14',
         badgeClassName: 'fs-11 lh-18 tab-group__tab__badge--medium',
     },
     [ComponentSizeType.large]: {
-        tabClassName: `fs-13 ${!hideTopPadding ? 'pt-8' : ''} ${isTabActive ? 'pb-5' : 'pb-7'}`,
+        tabClassName: `fs-13 ${!hideTopPadding ? 'pt-8' : ''} pb-7`,
         iconClassName: 'icon-dim-16',
         badgeClassName: 'fs-12 lh-20',
     },
     [ComponentSizeType.xl]: {
-        tabClassName: `min-w-200 fs-13 ${!hideTopPadding ? 'pt-10' : ''} ${isTabActive ? 'pb-7' : 'pb-9'}`,
+        tabClassName: `min-w-200 fs-13 ${!hideTopPadding ? 'pt-10' : ''} pb-9`,
         iconClassName: 'icon-dim-16',
         badgeClassName: 'fs-12 lh-20',
     },