fix: typing for label tippy customized props

Author: eshankvaish

src/Shared/Components/FormFieldWrapper/types.ts

@@ -56,10 +56,8 @@ export type FormFieldLabelProps<Layout extends LayoutType = LayoutType> = LabelO
               /**
                * Tippy configuration for the label in column layout
                */
-              labelTippyCustomizedConfig?: Pick<
-                  TippyCustomizedProps,
-                  'heading' | 'infoText' | 'documentationLink' | 'documentationLinkText'
-              >
+              labelTippyCustomizedConfig?: Required<Pick<TippyCustomizedProps, 'heading' | 'infoText'>> &
+                  Pick<TippyCustomizedProps, 'documentationLink' | 'documentationLinkText'>
           })
 
 export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {

src/Shared/Components/ReactSelect/utils.tsx

@@ -15,9 +15,8 @@
  */
 
 import { cloneElement } from 'react'
-import Tippy from '@tippyjs/react'
 import { components, MenuListProps, StylesConfig, ValueContainerProps } from 'react-select'
-import { OptionType, Progressing, stopPropagation } from '../../../Common'
+import { OptionType, Progressing } from '../../../Common'
 import { ReactComponent as ICSearch } from '../../../Assets/Icon/ic-search.svg'
 import { ReactComponent as ICFilter } from '../../../Assets/Icon/ic-filter.svg'
 import { ReactComponent as ICFilterApplied } from '../../../Assets/Icon/ic-filter-applied.svg'
@@ -181,29 +180,6 @@ export const getCustomOptionSelectionStyle =
         ...styleOverrides,
     })
 
-export const SelectOption = (props: any) => {
-    const { selectProps, data, showTippy, style, placement, tippyContent, tippyClass } = props
-    selectProps.styles.option = getCustomOptionSelectionStyle(style)
-    const getOption = () => (
-        <div onClick={stopPropagation}>
-            <components.Option {...props} />
-        </div>
-    )
-
-    return showTippy ? (
-        <Tippy
-            className={tippyClass || 'default-white'}
-            arrow={false}
-            placement={placement || 'right'}
-            content={tippyContent || data.label}
-        >
-            {getOption()}
-        </Tippy>
-    ) : (
-        getOption()
-    )
-}
-
 export const LoadingIndicator = () => <Progressing />
 
 export const GroupHeading = (props: any) => {