chore: update common-lib version

Amrit Kashyap Borah · Amrit Kashyap Borah · commit 858529ff6820 · 2025-07-15T13:05:18.000+05:30
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.17.0-pre-8",
+    "version": "1.17.0-pre-11",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
diff --git a/src/Shared/Components/ContextSwitcher/ContextSwitcher.tsx b/src/Shared/Components/ContextSwitcher/ContextSwitcher.tsx
@@ -0,0 +1,47 @@
+import { getNoMatchingResultText, SelectPicker, SelectPickerVariantType } from '@Shared/Components'
+import { ComponentSizeType } from '@Shared/constants'
+
+import { ContextSwitcherTypes } from './types'
+import { customSelectFilterOption, getDisabledOptions } from './utils'
+
+export const ContextSwitcher = ({
+    inputId,
+    options = [],
+    inputValue,
+    onInputChange,
+    isLoading,
+    value,
+    onChange,
+    placeholder,
+    filterOption,
+    formatOptionLabel,
+    optionListError,
+    reloadOptionList,
+    classNamePrefix,
+}: ContextSwitcherTypes) => {
+    const selectedOptions = options?.map((section) => ({
+        ...section,
+        options: section?.label === 'Recently Visited' ? section.options?.slice(1) : section.options,
+    }))
+    return (
+        <SelectPicker
+            inputId={inputId}
+            options={selectedOptions || []}
+            inputValue={inputValue}
+            onInputChange={onInputChange}
+            isLoading={isLoading}
+            noOptionsMessage={getNoMatchingResultText}
+            onChange={onChange}
+            value={value}
+            variant={SelectPickerVariantType.BORDER_LESS}
+            placeholder={placeholder}
+            isOptionDisabled={getDisabledOptions}
+            size={ComponentSizeType.xl}
+            filterOption={filterOption || customSelectFilterOption}
+            formatOptionLabel={formatOptionLabel}
+            optionListError={optionListError}
+            reloadOptionList={reloadOptionList}
+            classNamePrefix={classNamePrefix}
+        />
+    )
+}
diff --git a/src/Shared/Components/ContextSwitcher/index.ts b/src/Shared/Components/ContextSwitcher/index.ts
@@ -0,0 +1,3 @@
+export { ContextSwitcher } from './ContextSwitcher'
+export type { ContextSwitcherTypes, RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types'
+export { getMinCharSearchPlaceholderGroup } from './utils'
diff --git a/src/Shared/Components/ContextSwitcher/types.ts b/src/Shared/Components/ContextSwitcher/types.ts
@@ -0,0 +1,33 @@
+import { GroupBase } from 'react-select'
+
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker'
+
+export interface ContextSwitcherTypes
+    extends Pick<
+        SelectPickerProps,
+        | 'placeholder'
+        | 'onChange'
+        | 'value'
+        | 'isLoading'
+        | 'onInputChange'
+        | 'inputValue'
+        | 'inputId'
+        | 'formatOptionLabel'
+        | 'filterOption'
+        | 'optionListError'
+        | 'reloadOptionList'
+        | 'classNamePrefix'
+    > {
+    options: GroupBase<SelectPickerOptionType<string | number>>[]
+    isAppDataAvailable?: boolean
+}
+
+export interface RecentlyVisitedOptions extends SelectPickerOptionType<number> {
+    isDisabled?: boolean
+    isRecentlyVisited?: boolean
+}
+
+export interface RecentlyVisitedGroupedOptionsType extends GroupBase<SelectPickerOptionType<number>> {
+    label: string
+    options: RecentlyVisitedOptions[]
+}
diff --git a/src/Shared/Components/ContextSwitcher/utils.ts b/src/Shared/Components/ContextSwitcher/utils.ts
@@ -0,0 +1,14 @@
+import { SelectPickerProps } from '../SelectPicker'
+import { RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types'
+
+export const getDisabledOptions = (option: RecentlyVisitedOptions): SelectPickerProps['isDisabled'] => option.isDisabled
+
+export const customSelectFilterOption: SelectPickerProps['filterOption'] = (option, searchText: string) => {
+    const label = option.data.label as string
+    return option.data.value === 0 || label.toLowerCase().includes(searchText.toLowerCase())
+}
+
+export const getMinCharSearchPlaceholderGroup = (resourceKind: string): RecentlyVisitedGroupedOptionsType => ({
+    label: `All ${resourceKind}`,
+    options: [{ value: 0, label: 'Type 3 characters to search', isDisabled: true }],
+})
diff --git a/src/Shared/Components/DocLink/DocLink.tsx b/src/Shared/Components/DocLink/DocLink.tsx
@@ -3,6 +3,7 @@ import { MouseEvent } from 'react'
 import { DOCUMENTATION_HOME_PAGE } from '@Common/Constants'
 import { Button, ButtonComponentType, ButtonVariantType, Icon } from '@Shared/Components'
 import { ComponentSizeType } from '@Shared/constants'
+import { useIsSecureConnection } from '@Shared/Hooks'
 import { SidePanelTab, useMainContext } from '@Shared/Providers'
 
 import { DocLinkProps } from './types'
@@ -24,6 +25,7 @@ export const DocLink = <T extends boolean = false>({
 }: DocLinkProps<T>) => {
     // HOOKS
     const { isEnterprise, setSidePanelConfig, isLicenseDashboard } = useMainContext()
+    const isSecureConnection = useIsSecureConnection()
 
     // CONSTANTS
     const documentationLink = getDocumentationUrl({
@@ -36,6 +38,7 @@ export const DocLink = <T extends boolean = false>({
     // HANDLERS
     const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {
         if (
+            isSecureConnection &&
             !isExternalLink &&
             !openInNewTab &&
             !e.metaKey &&
diff --git a/src/Shared/Components/DocLink/utils.tsx b/src/Shared/Components/DocLink/utils.tsx
@@ -19,7 +19,9 @@ export const getDocumentationUrl = <T extends boolean = false>({
         return docPath
     }
 
-    const utmPath = !isLicenseDashboard ? `?utm-source=product_${isEnterprise ? 'ent' : 'oss'}` : ''
+    const utmPath = !isLicenseDashboard
+        ? `?utm_source=product_${isEnterprise ? 'ent' : 'oss'}&utm_medium=product_app&utm_campaign=docs_navigation`
+        : ''
 
     return `${DOCUMENTATION_HOME_PAGE}${DOCUMENTATION_VERSION}/${docPath || ''}${utmPath}`
 }
diff --git a/src/Shared/Components/Header/HelpButton.tsx b/src/Shared/Components/Header/HelpButton.tsx
@@ -5,6 +5,7 @@ import { SliderButton } from '@typeform/embed-react'
 import { DOCUMENTATION_HOME_PAGE, MAX_LOGIN_COUNT, URLS } from '@Common/Constants'
 import { handleAnalyticsEvent } from '@Shared/Analytics'
 import { ComponentSizeType } from '@Shared/constants'
+import { useIsSecureConnection } from '@Shared/Hooks'
 import { AppThemeType, SidePanelTab, useMainContext, useTheme } from '@Shared/Providers'
 import { InstallationType } from '@Shared/types'
 
@@ -54,6 +55,7 @@ export const HelpButton = ({ serverInfo, fetchingServerInfo, onClick, hideGettin
         showGettingStartedCard,
     } = useMainContext()
     const { appTheme } = useTheme()
+    const isSecureConnection = useIsSecureConnection()
 
     // REFS
     const typeFormSliderButtonRef = useRef(null)
@@ -73,7 +75,7 @@ export const HelpButton = ({ serverInfo, fetchingServerInfo, onClick, hideGettin
 
     const handleViewDocumentationClick: HelpButtonActionMenuProps['onClick'] = (_, e) => {
         // Opens documentation in side panel when clicked normally, or in a new tab when clicked with the meta/command key
-        if (!e.metaKey) {
+        if (isSecureConnection && !e.metaKey) {
             e.preventDefault()
             setSidePanelConfig((prev) => ({
                 ...prev,
diff --git a/src/Shared/Components/Header/ProfileMenu.tsx b/src/Shared/Components/Header/ProfileMenu.tsx
@@ -57,7 +57,6 @@ export const ProfileMenu = ({ user, onClick }: ProfileMenuProps) => {
                     <div className="flex dc__content-space dc__gap-8 px-8 py-6">
                         <div>
                             <p className="m-0 fs-13 lh-1-5 fw-4 cn-9 dc__truncate">{user}</p>
-                            <p className="m-0 fs-12 lh-1-5 fw-4 cn-7 dc__truncate">{user}</p>
                         </div>
                         {getAlphabetIcon(user, 'dc__no-shrink m-0-imp fs-16 icon-dim-36')}
                     </div>
diff --git a/src/Shared/Components/index.ts b/src/Shared/Components/index.ts
@@ -37,6 +37,7 @@ export * from './CollapsibleList'
 export * from './CommitChipCell'
 export * from './Confetti'
 export * from './ConfirmationModal'
+export * from './ContextSwitcher'
 export * from './CountrySelect'
 export * from './CustomInput'
 export * from './DatePicker'
diff --git a/src/Shared/Hooks/index.ts b/src/Shared/Hooks/index.ts
@@ -17,6 +17,7 @@
 export * from './UseDownload'
 export * from './useForm'
 export * from './useGetResourceKindsOptions'
+export * from './useIsSecureConnection'
 export * from './useOneTimePrompt'
 export * from './UsePrompt'
 export * from './useStickyEvent'
diff --git a/src/Shared/Hooks/useIsSecureConnection/index.ts b/src/Shared/Hooks/useIsSecureConnection/index.ts
@@ -0,0 +1 @@
+export * from './useIsSecureConnection'
diff --git a/src/Shared/Hooks/useIsSecureConnection/useIsSecureConnection.tsx b/src/Shared/Hooks/useIsSecureConnection/useIsSecureConnection.tsx
@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react'
+
+export const useIsSecureConnection = () => {
+    const [isSecure, setIsSecure] = useState(false)
+
+    useEffect(() => {
+        setIsSecure(window.location.protocol === 'https:')
+    }, [])
+
+    return isSecure
+}
diff --git a/src/Shared/Hooks/useUserPreferences/constants.ts b/src/Shared/Hooks/useUserPreferences/constants.ts
@@ -14,4 +14,15 @@
  * limitations under the License.
  */
 
+import { ResourceKindType } from '@Shared/types'
+
+import { PreferredResourceKindType } from './types'
+
 export const USER_PREFERENCES_ATTRIBUTE_KEY = 'userPreferences'
+
+export const DEFAULT_RESOURCES_MAP: Record<PreferredResourceKindType, null> = {
+    [ResourceKindType.devtronApplication]: null,
+    [ResourceKindType.job]: null,
+    'app-group': null,
+    [ResourceKindType.cluster]: null,
+}
diff --git a/src/Shared/Hooks/useUserPreferences/index.ts b/src/Shared/Hooks/useUserPreferences/index.ts
@@ -15,6 +15,6 @@
  */
 
 export * from './constants'
-export { getUserPreferences, updateUserPreferences } from './service'
+export { getUserPreferences, updateAndPersistUserPreferences, updateUserPreferences } from './service'
 export * from './types'
 export { useUserPreferences } from './useUserPrefrences'
diff --git a/src/Shared/Hooks/useUserPreferences/service.ts b/src/Shared/Hooks/useUserPreferences/service.ts
diff --git a/src/Shared/Hooks/useUserPreferences/types.ts b/src/Shared/Hooks/useUserPreferences/types.ts
diff --git a/src/Shared/Hooks/useUserPreferences/useUserPrefrences.tsx b/src/Shared/Hooks/useUserPreferences/useUserPrefrences.tsx
diff --git a/src/Shared/Hooks/useUserPreferences/utils.tsx b/src/Shared/Hooks/useUserPreferences/utils.tsx

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@devtron-labs/devtron-fe-common-lib",`
`3`		`- "version": "1.17.0-pre-8",`
	`3`	`+ "version": "1.17.0-pre-11",`
`4`	`4`	`"description": "Supporting common component library",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "dist/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export { ContextSwitcher } from './ContextSwitcher'`
	`2`	`+export type { ContextSwitcherTypes, RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types'`
	`3`	`+export { getMinCharSearchPlaceholderGroup } from './utils'`
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,9 @@ export const getDocumentationUrl = <T extends boolean = false>({`
`19`	`19`	`return docPath`
`20`	`20`	`}`
`21`	`21`
`22`		- const utmPath = !isLicenseDashboard ? `?utm-source=product_${isEnterprise ? 'ent' : 'oss'}` : ''
	`22`	`+ const utmPath = !isLicenseDashboard`
	`23`	+ ? `?utm_source=product_${isEnterprise ? 'ent' : 'oss'}&utm_medium=product_app&utm_campaign=docs_navigation`
	`24`	`+ : ''`
`23`	`25`
`24`	`26`	return `${DOCUMENTATION_HOME_PAGE}${DOCUMENTATION_VERSION}/${docPath \|\| ''}${utmPath}`
`25`	`27`	`}`