chore: update version to 1.9.5-beta-7 in package.json and package-lock.json; add tooltip to country name in CountrySelect and adjust PhoneInput placeholder

Author: AbhishekA1509

package-lock.json

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

package.json

@@ -1,4 +1,5 @@
 import { defaultCountries, parseCountry, ParsedCountry } from 'react-international-phone'
+import { Tooltip } from '@Common/Tooltip'
 import { CountrySelectProps } from './types'
 import { SelectPickerOptionType } from '../SelectPicker'
 import { FlagImage } from '../FlagImage'
@@ -15,7 +16,9 @@ export const getCountryOptions = (variant: CountrySelectProps['variant']): Selec
                 variant === 'selectPhoneCode' ? (
                     <div className="flexbox dc__gap-8 dc__align-items-center">
                         <FlagImage country={parsedCountry.iso2} size={16} />
-                        <span className="fs-13 fw-4 lh-20">{countryWithDialCode}</span>
+                        <Tooltip content={countryWithDialCode}>
+                            <span className="fs-13 fw-4 lh-20 dc__truncate">{countryWithDialCode}</span>
+                        </Tooltip>
                     </div>
                 ) : (
                     parsedCountry.name

src/Shared/Components/CountrySelect/utils.tsx

@@ -41,9 +41,9 @@ const PhoneInput = ({
 
             <div className="flexbox-col dc__gap-4 dc__grid">
                 <div className="flexbox dc__gap-8 w-100">
-                    <div className="flexbox dc__mxw-50-per">
+                    <div className="flexbox dc__mxw-50-per mw-76">
                         <CountrySelect
-                            placeholder=""
+                            placeholder={null}
                             selectedCountry={country.iso2}
                             variant="selectPhoneCode"
                             handleChange={handleUpdateCountry}