chore: info block variant type fix

Author: shivani170

src/Shared/Components/InfoBlock/InfoBlock.component.tsx

@@ -24,11 +24,11 @@ import {
     SIZE_TO_ICON_CLASS_MAP,
     VARIANT_TO_ICON_MAP,
 } from './constants'
-import { InfoBlockProps, InfoBlockVariant } from './types'
+import { InfoBlockProps } from './types'
 
 const InfoBlock = ({
     layout = 'row',
-    variant = InfoBlockVariant.INFORMATION,
+    variant = 'information',
     size = ComponentSizeType.large,
     customIcon,
     buttonProps,

src/Shared/Components/InfoBlock/constants.tsx

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 
-import { ComponentSizeType } from '@Shared/constants'
+import { ComponentSizeType, InfoBlockVariant } from '@Shared/constants'
 
 import { ButtonProps } from '../Button'
 import { Icon } from '../Icon'
-import { InfoBlockProps, InfoBlockVariant } from './types'
+import { InfoBlockProps } from './types'
 
 export const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']> = {
     [InfoBlockVariant.ERROR]: <Icon name="ic-error" color="R500" />,

src/Shared/Components/InfoBlock/types.ts

@@ -16,28 +16,11 @@
 
 import { ReactElement, ReactNode } from 'react'
 
-import { ComponentSizeType } from '@Shared/constants'
+import { ComponentSizeType, InfoBlockVariantType } from '@Shared/constants'
 import { BorderConfigType, ComponentLayoutType } from '@Shared/types'
 
 import { ButtonComponentType, ButtonProps } from '../Button'
 
-export enum InfoBlockVariant {
-    ERROR = 'error',
-    HELP = 'help',
-    INFORMATION = 'information',
-    SUCCESS = 'success',
-    WARNING = 'warning',
-    NEUTRAL = 'neutral',
-}
-
-export type InfoBlockVariantType =
-    | InfoBlockVariant.ERROR
-    | InfoBlockVariant.HELP
-    | InfoBlockVariant.INFORMATION
-    | InfoBlockVariant.SUCCESS
-    | InfoBlockVariant.WARNING
-    | InfoBlockVariant.NEUTRAL
-
 export type InfoBlockProps = {
     /**
      * @default 'row'

src/Shared/constants.tsx

@@ -16,7 +16,7 @@
 
 import { OptionType } from '@Common/Types'
 
-import { InfoBlockProps, InfoBlockVariant } from './Components'
+import { InfoBlockProps } from './Components'
 import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types'
 
 export const ARTIFACT_STATUS = {
@@ -555,6 +555,17 @@ export const ENTERPRISE_SUPPORT_LINK = 'enterprise@devtron.ai'
 
 export const INVALID_LICENSE_KEY = 'inValid'
 
+export enum InfoBlockVariant {
+    ERROR = 'error',
+    HELP = 'help',
+    INFORMATION = 'information',
+    SUCCESS = 'success',
+    WARNING = 'warning',
+    NEUTRAL = 'neutral',
+}
+
+export type InfoBlockVariantType = 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral'
+
 export const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string> = {
     [InfoBlockVariant.ERROR]: 'bcr-1',
     [InfoBlockVariant.HELP]: 'bcv-1',