feat: update ClipboardButton to use handleSuccess callback and bump package version

Author: AbhishekA1509

package-lock.json

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

package.json

@@ -37,7 +37,7 @@ export const ClipboardButton = ({
     copyToClipboardPromise,
     rootClassName = '',
     iconSize = 16,
-    onClick,
+    handleSuccess,
 }: ClipboardProps) => {
     const [copied, setCopied] = useState<boolean>(false)
     const setCopiedFalseTimeoutRef = useRef<ReturnType<typeof setTimeout>>(-1)
@@ -60,6 +60,7 @@ export const ClipboardButton = ({
                 await copyToClipboardPromise
             }
 
+            handleSuccess?.()
             handleTriggerCopy()
         } catch {
             noop()
@@ -71,7 +72,6 @@ export const ClipboardButton = ({
             stopPropagation(e)
         }
 
-        onClick?.()
         await handleAwaitCopyToClipboardPromise(true)
     }
 

src/Common/ClipboardButton/ClipboardButton.tsx

@@ -31,5 +31,5 @@ export default interface ClipboardProps {
     copyToClipboardPromise?: Promise<void>
     rootClassName?: string
     iconSize?: number
-    onClick?: () => void
+    handleSuccess?: () => void
 }

src/Common/ClipboardButton/types.ts

@@ -27,7 +27,7 @@ export const DevtronLicenseCard = ({
     isTrial,
     ttl,
     appTheme,
-    onCopyButtonClick,
+    handleCopySuccess,
 }: DevtronLicenseCardProps) => {
     const { bgColor, textColor } = getLicenseColorsAccordingToStatus(licenseStatus)
     const remainingTime = getTTLInHumanReadableFormat(ttl)
@@ -109,7 +109,7 @@ export const DevtronLicenseCard = ({
                                     <ClipboardButton
                                         initialTippyText="Copy license key"
                                         content={licenseKey}
-                                        onClick={onCopyButtonClick}
+                                        handleSuccess={handleCopySuccess}
                                     />
                                 )}
                             </div>

src/Shared/Components/DevtronLicenseCard/DevtronLicenseCard.tsx

@@ -16,12 +16,12 @@ export type DevtronLicenseCardProps = {
 } & (
     | {
           licenseKey: string
-          onCopyButtonClick?: () => void
+          handleCopySuccess?: () => void
           licenseSuffix?: never
       }
     | {
           licenseKey?: never
-          onCopyButtonClick?: never
+          handleCopySuccess?: never
           licenseSuffix: string
       }
 )