Merge branch 'fix/ai-fixes' of https://github.com/devtron-labs/devtron-fe-common-lib into feat/ai-actions-and-feedback

Author: AbhishekA1509

package-lock.json

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

package.json

@@ -99,8 +99,6 @@ export const ClipboardButton = ({
 
     const iconClassName = `icon-dim-${iconSize} dc__no-shrink`
 
-    const ariaLabel = `Copy ${content}`
-
     const renderIcon = () => (
         <div className="flex">
             {copied ? <Check className={iconClassName} /> : <ICCopy className={iconClassName} />}
@@ -109,10 +107,10 @@ export const ClipboardButton = ({
 
     const tooltipContent = copied ? copiedTippyText : initialTippyText
 
-    if (variant === 'button--secondary') {
+    if (variant === 'button--secondary' || variant === 'borderLess') {
         return (
             <Button
-                variant={ButtonVariantType.secondary}
+                variant={variant === 'button--secondary' ? ButtonVariantType.secondary : ButtonVariantType.borderLess}
                 dataTestId="clippy-button"
                 icon={renderIcon()}
                 size={size}
@@ -121,19 +119,18 @@ export const ClipboardButton = ({
                     content: tooltipContent,
                 }}
                 showTooltip
-                ariaLabel={ariaLabel}
+                ariaLabel="Copy to Clipboard"
                 style={ButtonStyleType.neutral}
             />
         )
     }
 
     return (
         <Tooltip content={tooltipContent} alwaysShowTippyOnHover>
-            {/* TODO: semantically buttons should not be nested; fix later */}
             <button
                 type="button"
                 className={`dc__outline-none-imp p-0 flex dc__transparent--unstyled dc__no-border ${rootClassName}`}
-                aria-label={ariaLabel}
+                aria-label="Copy to Clipboard"
                 onClick={handleCopyContent}
             >
                 {renderIcon()}

src/Assets/IconV2/ic-medium-megaphone.svg

@@ -28,6 +28,10 @@ export type ClipboardProps = (
           variant: 'button--secondary'
           size: ComponentSizeType
       }
+    | {
+          variant: 'borderLess'
+          size: ComponentSizeType
+      }
 ) & {
     content: string
     /**

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

@@ -211,6 +211,7 @@ import { ReactComponent as ICLogs } from '@IconsV2/ic-logs.svg'
 import { ReactComponent as ICMagicWand } from '@IconsV2/ic-magic-wand.svg'
 import { ReactComponent as ICMagnifyingGlass } from '@IconsV2/ic-magnifying-glass.svg'
 import { ReactComponent as ICMediumDelete } from '@IconsV2/ic-medium-delete.svg'
+import { ReactComponent as ICMediumMegaphone } from '@IconsV2/ic-medium-megaphone.svg'
 import { ReactComponent as ICMediumPaintbucket } from '@IconsV2/ic-medium-paintbucket.svg'
 import { ReactComponent as ICMegaphoneLeft } from '@IconsV2/ic-megaphone-left.svg'
 import { ReactComponent as ICMegaphoneRight } from '@IconsV2/ic-megaphone-right.svg'
@@ -301,7 +302,9 @@ import { ReactComponent as ICTerminal } from '@IconsV2/ic-terminal.svg'
 import { ReactComponent as ICTerminalFill } from '@IconsV2/ic-terminal-fill.svg'
 import { ReactComponent as ICThermometer } from '@IconsV2/ic-thermometer.svg'
 import { ReactComponent as ICThumbDown } from '@IconsV2/ic-thumb-down.svg'
+import { ReactComponent as ICThumbDownFill } from '@IconsV2/ic-thumb-down-fill.svg'
 import { ReactComponent as ICThumbUp } from '@IconsV2/ic-thumb-up.svg'
+import { ReactComponent as ICThumbUpFill } from '@IconsV2/ic-thumb-up-fill.svg'
 import { ReactComponent as ICTimeoutDash } from '@IconsV2/ic-timeout-dash.svg'
 import { ReactComponent as ICTimer } from '@IconsV2/ic-timer.svg'
 import { ReactComponent as ICTrafficSignal } from '@IconsV2/ic-traffic-signal.svg'
@@ -540,6 +543,7 @@ export const iconMap = {
     'ic-magic-wand': ICMagicWand,
     'ic-magnifying-glass': ICMagnifyingGlass,
     'ic-medium-delete': ICMediumDelete,
+    'ic-medium-megaphone': ICMediumMegaphone,
     'ic-medium-paintbucket': ICMediumPaintbucket,
     'ic-megaphone-left': ICMegaphoneLeft,
     'ic-megaphone-right': ICMegaphoneRight,
@@ -629,7 +633,9 @@ export const iconMap = {
     'ic-terminal-fill': ICTerminalFill,
     'ic-terminal': ICTerminal,
     'ic-thermometer': ICThermometer,
+    'ic-thumb-down-fill': ICThumbDownFill,
     'ic-thumb-down': ICThumbDown,
+    'ic-thumb-up-fill': ICThumbUpFill,
     'ic-thumb-up': ICThumbUp,
     'ic-timeout-dash': ICTimeoutDash,
     'ic-timer': ICTimer,