@devtron-labs/devtron-fe-common-lib 1.14.1 → 1.14.2-beta-1

package/dist/Shared/Components/GenericInfoCard/types.d.ts

@@ -1,5 +1,8 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
+import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
+import { GenericEmptyStateType } from '../../../Common/Types';
+import { APIResponseHandlerProps } from '../APIResponseHandler';
 type BaseGenericInfoCardProps = {
     title: string;
     description: string;
@@ -23,4 +26,14 @@ export type GenericInfoCardProps = {
 } & Partial<Record<keyof BaseGenericInfoCardProps, never>>) | ({
     isLoading?: boolean;
 } & BaseGenericInfoCardProps));
+export interface GenericInfoCardListingProps extends Pick<GenericInfoCardProps, 'borderVariant'>, Pick<GenericFilterEmptyStateProps, 'handleClearFilters'> {
+    list: (Pick<GenericInfoCardProps, 'Icon' | 'author' | 'description' | 'linkProps' | 'onClick' | 'title'> & Record<'id', string>)[];
+    emptyStateConfig: Pick<GenericEmptyStateType, 'title' | 'subTitle' | 'image' | 'renderButton' | 'renderButton'>;
+    searchKey?: string;
+    reloadList: () => void;
+    error?: APIResponseHandlerProps['error'];
+    isLoading?: boolean;
+}
+export interface GenericInfoListSkeletonProps extends Partial<Pick<GenericInfoCardProps, 'borderVariant'>> {
+}
 export {};

package/dist/Shared/Components/Header/ProfileMenu.d.ts

@@ -0,0 +1,2 @@
+import { ProfileMenuProps } from './types';
+export declare const ProfileMenu: ({ user, onClick }: ProfileMenuProps) => JSX.Element;

package/dist/Shared/Components/Header/types.d.ts

@@ -1,11 +1,7 @@
-import { ModuleStatus } from '../../types';
+import { InstallationType, ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
 import { ActionMenuProps } from '../ActionMenu';
-export declare enum InstallationType {
-    OSS_KUBECTL = "oss_kubectl",
-    OSS_HELM = "oss_helm",
-    ENTERPRISE = "enterprise"
-}
+import { DOCUMENTATION } from '../DocLink';
 export interface PageHeaderType {
     headerName?: string;
     showTabs?: boolean;
@@ -17,9 +13,9 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
+    tippyProps?: Pick<TippyCustomizedProps<false>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
-        tippyRedirectLink?: string;
+        tippyRedirectLink?: keyof typeof DOCUMENTATION;
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
@@ -52,3 +48,7 @@ export declare enum HelpMenuItems {
     RAISE_ISSUE_REQUEST = "raise-issue-request"
 }
 export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;
+export interface ProfileMenuProps {
+    user: string;
+    onClick?: () => void;
+}

package/dist/Shared/Components/Header/utils.d.ts

@@ -1,9 +1,7 @@
-import { DevtronLicenseInfo } from '../License';
 import { HelpButtonActionMenuProps } from './types';
 export declare const getDateInMilliseconds: (days: any) => number;
 export declare const handlePostHogEventUpdate: (eventName: string) => Promise<void>;
 export declare const setActionWithExpiry: (key: string, days: number) => void;
-export declare const getIsShowingLicenseData: (licenseData: DevtronLicenseInfo) => boolean;
 export declare const getHelpActionMenuOptions: ({ isEnterprise, isTrial, }: {
     isEnterprise: boolean;
     isTrial: boolean;

package/dist/Shared/Components/Icon/Icon.d.ts

@@ -6,9 +6,11 @@ export declare const iconMap: {
     'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-app-template': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -49,13 +51,16 @@ export declare const iconMap: {
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -63,10 +68,14 @@ export declare const iconMap: {
     'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -86,6 +95,7 @@ export declare const iconMap: {
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -94,14 +104,17 @@ export declare const iconMap: {
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-key-enter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-megaphone-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -112,6 +125,7 @@ export declare const iconMap: {
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-more-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -122,8 +136,10 @@ export declare const iconMap: {
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,9 +149,19 @@ export declare const iconMap: {
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-blue-green-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-rolling-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-rolling': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -145,6 +171,7 @@ export declare const iconMap: {
     'ic-thumb-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timeout-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

package/dist/Shared/Components/Icon/types.d.ts

@@ -1,6 +1,6 @@
 import { FC, SVGProps } from 'react';
-import { TooltipProps } from '@Common/Tooltip/types';
-import { IconBaseColorType, IconBaseSizeType } from '../../index';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { IconBaseColorType, IconBaseSizeType } from '../../types';
 type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
 export interface IconBaseProps {
     /**

package/dist/Shared/Components/InfoIconTippy/InfoIconTippy.d.ts

@@ -1,3 +1,3 @@
 import { InfoIconTippyProps } from '../../../Common/Types';
-declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, }: InfoIconTippyProps) => JSX.Element;
+declare const InfoIconTippy: <T extends boolean = false>({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, isExternalLink, openInNewTab, }: InfoIconTippyProps<T>) => JSX.Element;
 export default InfoIconTippy;

package/dist/Shared/Components/KeyValueTable/KeyValueTable.component.d.ts

@@ -1,2 +1,2 @@
 import { KeyValueTableProps } from './KeyValueTable.types';
-export declare const KeyValueTable: ({ headerLabel, rows: initialRows, placeholder, maskValue, isSortable, headerComponent, onChange, isAdditionNotAllowed, readOnly, showError, validationSchema: parentValidationSchema, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps) => JSX.Element;
+export declare const KeyValueTable: ({ headerLabel, rows: initialRows, placeholder, maskValue, isSortable, headerComponent, onChange, isAdditionNotAllowed, shouldAutoFocusOnMount, readOnly, showError, validationSchema: parentValidationSchema, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps) => JSX.Element;

package/dist/Shared/Components/KeyValueTable/KeyValueTable.types.d.ts

@@ -55,7 +55,7 @@ export interface KeyValueTableData extends Pick<KeyValueTableRowType, 'id'> {
 /**
  * Props for the KeyValueTable component.
  */
-export type KeyValueTableProps = Pick<DynamicDataTableProps<KeyValueTableDataType>, 'isAdditionNotAllowed' | 'readOnly' | 'headerComponent'> & {
+export type KeyValueTableProps = Pick<DynamicDataTableProps<KeyValueTableDataType>, 'isAdditionNotAllowed' | 'readOnly' | 'headerComponent' | 'shouldAutoFocusOnMount'> & {
     /**
      * The label for the table header.
      */

package/dist/Shared/Components/LoadingCard.d.ts

@@ -0,0 +1,5 @@
+interface LoadingCardType {
+    wider?: boolean;
+}
+declare const LoadingCard: ({ wider }: LoadingCardType) => JSX.Element;
+export default LoadingCard;

package/dist/Shared/Components/ModalSidebarPanel/types.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
+import { DocLinkProps } from '../DocLink';
 export interface ModalSidebarPanelProps {
     rootClassName?: string;
     heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
-    documentationLink: string;
+    documentationLink: DocLinkProps['docLinkKey'];
 }

package/dist/Shared/Components/NumbersCount/index.d.ts

@@ -1 +1,2 @@
 export { default as NumbersCount } from './NumbersCount.component';
+export * from './types';

package/dist/Shared/Components/Popover/Popover.component.d.ts

@@ -5,4 +5,4 @@ import { PopoverProps } from './types';
  * @note Use this component in conjunction with the `usePopover` hook to create a custom popover component. \
  * For example, see the `ActionMenu` component for reference.
  */
-export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;
+export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps: { bounds, ...triggerProps }, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;

package/dist/Shared/Components/Popover/types.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, KeyboardEvent, MutableRefObject, ReactElement } from 'react';
+import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
@@ -64,7 +64,9 @@ export interface UsePopoverReturnType {
      * Props to be spread onto the trigger element that opens the popover.
      * These props include standard HTML attributes for a `div` element.
      */
-    triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        bounds: Pick<DOMRect, 'left' | 'top' | 'height' | 'width'>;
+    };
     /**
      * Props to be spread onto the overlay element of the popover.
      * These props include standard HTML attributes for a `div` element.
@@ -81,7 +83,7 @@ export interface UsePopoverReturnType {
      * A mutable reference to the scrollable element inside the popover. \
      * This reference should be assigned to the element that is scrollable.
      */
-    scrollableRef: MutableRefObject<HTMLElement>;
+    scrollableRef: MutableRefObject<any> | LegacyRef<any>;
     /**
      * A function to close the popover.
      */

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--Y500)" | "var(--G500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--G500)" | "var(--Y500)" | "var(--R700)" | "var(--O500)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

package/dist/Shared/Components/StatusComponent/AppStatus.d.ts

@@ -1,2 +1,2 @@
 import { AppStatusProps } from './types';
-export declare const AppStatus: ({ status, isJobView, isVirtualEnv, ...restProps }: AppStatusProps) => JSX.Element;
+export declare const AppStatus: ({ status, isJobView, isVirtualEnv, hideMessage, ...restProps }: AppStatusProps) => JSX.Element;

package/dist/Shared/Components/Switch/Switch.component.d.ts

@@ -0,0 +1,3 @@
+import { DTSwitchProps } from './types';
+declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
+export default Switch;

package/dist/Shared/Components/Switch/constants.d.ts

@@ -0,0 +1,14 @@
+import { IconBaseColorType } from '../../types';
+import { DTSwitchProps } from './types';
+export declare const ROUNDED_SWITCH_SIZE_MAP: Readonly<Record<DTSwitchProps['size'], string>>;
+export declare const SQUARE_SWITCH_SIZE_MAP: typeof ROUNDED_SWITCH_SIZE_MAP;
+export declare const SWITCH_HEIGHT_MAP: Readonly<Record<DTSwitchProps['size'], string>>;
+export declare const LOADING_COLOR_MAP: Record<DTSwitchProps['variant'], IconBaseColorType>;
+export declare const ROUNDED_SWITCH_TRACK_COLOR_MAP: Record<DTSwitchProps['variant'], string>;
+export declare const ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP: Record<DTSwitchProps['variant'], `var(--${IconBaseColorType})`>;
+export declare const SQUARE_SWITCH_TRACK_COLOR_MAP: typeof ROUNDED_SWITCH_TRACK_COLOR_MAP;
+export declare const SQUARE_SWITCH_TRACK_HOVER_COLOR_MAP: typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP;
+export declare const ROUNDED_SWITCH_THUMB_SIZE_MAP: Record<DTSwitchProps['size'], string>;
+export declare const INDETERMINATE_ICON_WIDTH_MAP: Record<DTSwitchProps['size'], string>;
+export declare const SWITCH_THUMB_PADDING_MAP: Record<DTSwitchProps['size'], string>;
+export declare const THUMB_OUTER_PADDING_MAP: Record<DTSwitchProps['shape'], string>;

package/dist/Shared/Components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DTSwitch } from './Switch.component';
+export type { DTSwitchProps } from './types';

package/dist/Shared/Components/Switch/types.d.ts

@@ -0,0 +1,102 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { IconBaseColorType } from '../../types';
+import { IconName } from '../Icon';
+/**
+ * Represents the properties for configuring the shape and behavior of a switch component.
+ *
+ * - When `shape` is `rounded`:
+ *   - The switch will have a rounded appearance.
+ *   - `iconName`, `iconColor`, and `indeterminate` are not applicable.
+ *
+ * - When `shape` is `square`:
+ *   - The switch will have a square appearance.
+ *   - `iconName` specifies the name of the icon to display.
+ *   - `iconColor` allows customization of the icon's color in the active state.
+ *   - `indeterminate` indicates whether the switch is in an indeterminate state, typically used for checkboxes to represent a mixed state.
+ *     If `indeterminate` is true, the switch will not be fully checked or unchecked.
+ */
+type SwitchShapeProps = {
+    /**
+     * The shape of the switch. Defaults to `rounded` if not specified.
+     */
+    shape?: 'rounded';
+    /**
+     * Icon name is not applicable for the `rounded` shape.
+     */
+    iconName?: never;
+    /**
+     * Icon color is not applicable for the `rounded` shape.
+     */
+    iconColor?: never;
+    /**
+     * Indicates whether the switch is in an indeterminate state.
+     * This state is typically used for checkboxes to indicate a mixed state.
+     * If true, the switch will not be fully checked or unchecked. Due this state alone we are keeping role as `checkbox` instead of `switch`.
+     * This property is not applicable for the `square` shape.
+     * @default false
+     */
+    indeterminate?: boolean;
+} | {
+    /**
+     * The shape of the switch. Must be `square` to enable icon-related properties.
+     */
+    shape: 'square';
+    /**
+     * The name of the icon to display when the shape is `square`.
+     */
+    iconName: IconName;
+    /**
+     * The color of the icon. If provided, this will override the default color in the active state.
+     */
+    iconColor?: IconBaseColorType;
+    indeterminate?: never;
+};
+/**
+ * Represents the properties for the `Switch` component.
+ */
+export type DTSwitchProps = {
+    /**
+     * The ARIA label for the switch, used for accessibility purposes.
+     */
+    ariaLabel: string;
+    /**
+     * Used in forms to identify the switch.
+     */
+    name: string;
+    /**
+     * The visual variant of the switch.
+     *
+     * @default `positive`
+     */
+    variant?: 'theme' | 'positive';
+    /**
+     * The size of the switch.
+     * @default `ComponentSizeType.medium`
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.small>;
+    /**
+     * Callback function that is called when the switch state changes.
+     * This function should handle the logic for toggling the switch.
+     */
+    onChange: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
+    /**
+     * Indicates whether the switch is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates whether the switch is in a loading state.
+     */
+    isLoading?: boolean;
+    /**
+     * Indicates whether the switch is currently checked (on).
+     */
+    isChecked: boolean;
+    /**
+     * Optional tooltip content to display when hovering over the switch.
+     *
+     * @default undefined
+     */
+    tooltipContent?: string;
+} & SwitchShapeProps;
+export {};

package/dist/Shared/Components/Switch/utils.d.ts

@@ -0,0 +1,12 @@
+import { IconBaseColorType } from '../../types';
+import { ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP } from './constants';
+import { DTSwitchProps } from './types';
+export declare const getSwitchContainerClass: ({ shape, size }: Required<Pick<DTSwitchProps, "shape" | "size">>) => string;
+export declare const getSwitchTrackColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => string;
+export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]];
+export declare const getSwitchThumbClass: ({ shape, size, showIndeterminateIcon, }: Pick<DTSwitchProps, "shape" | "size"> & {
+    showIndeterminateIcon: boolean;
+}) => string;
+export declare const getSwitchIconColor: ({ iconColor, isChecked, variant, }: Pick<DTSwitchProps, "iconColor" | "isChecked" | "variant">) => IconBaseColorType;
+export declare const getThumbPosition: ({ isLoading, isChecked, }: Pick<DTSwitchProps, "isLoading" | "isChecked">) => "left" | "right" | "center";
+export declare const getThumbPadding: ({ shape, isLoading }: Pick<DTSwitchProps, "shape" | "isLoading">) => string;

package/dist/Shared/Components/SwitchThemeDialog/SwitchThemeDialog.component.d.ts

@@ -0,0 +1,3 @@
+import { SwitchThemeDialogProps } from './types';
+declare const SwitchThemeDialog: ({ initialThemePreference, handleClose, handleUpdateUserThemePreference, disableAPICalls, }: SwitchThemeDialogProps) => JSX.Element;
+export default SwitchThemeDialog;

package/dist/Shared/Components/SwitchThemeDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SwitchThemeDialog } from './SwitchThemeDialog.component';
+export * from './types';

package/dist/Shared/Components/SwitchThemeDialog/types.d.ts

@@ -0,0 +1,35 @@
+import { AppThemeType, useTheme } from '../../Providers';
+type ThemePreferenceType = ReturnType<typeof useTheme>['themePreference'];
+export type SwitchThemeDialogProps = {
+    /**
+     * @description The initial theme preference of the user fetched from api, in case of error would be null
+     */
+    initialThemePreference: ThemePreferenceType;
+    handleUpdateUserThemePreference: (themePreference: ThemePreferenceType) => void;
+    handleClose: () => void;
+} & ({
+    /**
+     * @default false
+     * @description Required for storybook
+     */
+    disableAPICalls?: false;
+} | {
+    currentUserPreferences?: never;
+    disableAPICalls: true;
+});
+export interface ThemePreferenceOptionProps {
+    selectedThemePreference: SwitchThemeDialogProps['initialThemePreference'];
+    value: SwitchThemeDialogProps['initialThemePreference'];
+    handleChangedThemePreference: (themePreference: SwitchThemeDialogProps['initialThemePreference']) => void;
+}
+export interface ThemePreferenceLabelFigureProps extends Pick<ThemePreferenceOptionProps, 'value'> {
+    isSelected: boolean;
+}
+export interface BaseLabelFigureProps extends Pick<ThemePreferenceLabelFigureProps, 'isSelected'> {
+    value: AppThemeType;
+    /**
+     * @default false
+     */
+    noLeftRadius?: boolean;
+}
+export {};

package/dist/Shared/Components/ThemeSwitcher/ThemeSwitcher.component.d.ts

@@ -1,3 +1,3 @@
 import { ThemeSwitcherProps } from './types';
-declare const ThemeSwitcher: ({ onChange }: ThemeSwitcherProps) => JSX.Element;
+declare const ThemeSwitcher: ({ onClick }: ThemeSwitcherProps) => JSX.Element;
 export default ThemeSwitcher;

package/dist/Shared/Components/ThemeSwitcher/index.d.ts

@@ -1,2 +1 @@
 export { default as ThemeSwitcher } from './ThemeSwitcher.component';
-export type { ThemeSwitcherProps } from './types';

package/dist/Shared/Components/ThemeSwitcher/types.d.ts

@@ -1,3 +1,3 @@
 export interface ThemeSwitcherProps {
-    onChange: () => void;
+    onClick?: () => void;
 }

package/dist/Shared/Components/index.d.ts

@@ -26,7 +26,7 @@ export * from './DatePicker';
 export * from './DeploymentConfigDiff';
 export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
-export * from './DiffViewer';
+export * from './DocLink';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
@@ -56,6 +56,7 @@ export * from './InfoIconTippy';
 export * from './InvalidYAMLTippy';
 export * from './KeyValueTable';
 export * from './License';
+export { default as LoadingCard } from './LoadingCard';
 export * from './LoginBanner';
 export * from './MaterialHistory';
 export * from './ModalSidebarPanel';
@@ -71,6 +72,8 @@ export * from './SelectPicker';
 export * from './ShowMoreText';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
+export * from './Switch';
+export * from './SwitchThemeDialog';
 export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';

package/dist/Shared/Helpers.d.ts

@@ -101,4 +101,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
 export declare const clearCookieOnLogout: () => void;
 export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
+export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
 export {};

package/dist/Shared/Providers/index.d.ts

@@ -1,5 +1,5 @@
 export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
-export type { MainContext, ReloadVersionConfigTypes } from './types';
+export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
 export * from './UserEmailProvider';

package/dist/Shared/Providers/types.d.ts

@@ -11,6 +11,14 @@ export interface ReloadVersionConfigTypes {
     updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
     isRefreshing: boolean;
 }
+export interface SidePanelConfig {
+    /** Determines whether the side panel is visible */
+    open: boolean;
+    /** Optional flag to reset/reinitialize the side panel state */
+    reinitialize?: boolean;
+    /** URL to documentation that should be displayed in the panel */
+    docLink: string | null;
+}
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -58,6 +66,18 @@ export interface MainContext {
     reloadVersionConfig: ReloadVersionConfigTypes;
     intelligenceConfig: IntelligenceConfig;
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
+    sidePanelConfig: SidePanelConfig;
+    setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>;
+    /**
+     * Indicates whether the current Devtron instance is running as an Enterprise edition. \
+     * This flag is determined based on server-side configuration.
+     */
+    isEnterprise: boolean;
+    /**
+     * Indicates whether the fe-lib modules are available in the current instance. \
+     * Used to conditionally render or enable features that depend on fe-lib
+     */
+    isFELibAvailable: boolean;
 }
 export interface MainContextProviderProps {
     children: ReactNode;

package/dist/Shared/constants.d.ts

@@ -429,3 +429,4 @@ export declare const VARIANT_TO_BORDER_MAP: Record<InfoBlockProps['variant'], st
 export declare const DEPLOYMENT_STAGE_TO_NODE_MAP: Readonly<Record<DeploymentStageType, DeploymentNodeType>>;
 export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
 export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
+export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];