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

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>>;
@@ -37,6 +39,7 @@ export declare const iconMap: {
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -49,24 +52,33 @@ 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>>;
+    'ic-environment-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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 +98,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 +107,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 +128,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,10 +139,13 @@ 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-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,9 +153,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 +175,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<false>['docLinkKey'];
 }

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,101 @@
+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: () => void;
+    /**
+     * 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/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,7 @@ export * from './SelectPicker';
 export * from './ShowMoreText';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
+export * from './Switch';
 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,10 @@ export interface ReloadVersionConfigTypes {
     updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
     isRefreshing: boolean;
 }
+export interface SidePanelConfig {
+    open: boolean;
+    docLink?: string | null;
+}
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -58,6 +62,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];

package/dist/Shared/types.d.ts

@@ -6,6 +6,11 @@ import { ReleaseMode } from '../Pages/index';
 import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
 import { SelectPickerOptionType, WorkflowRunnerStatusDTO } from './Components';
 import { BASE_CONFIGURATION_ENV_ID, DEPLOYMENT_STATUS, EnvironmentTypeEnum, PatchOperationType } from './constants';
+export declare enum InstallationType {
+    OSS_KUBECTL = "oss_kubectl",
+    OSS_HELM = "oss_helm",
+    ENTERPRISE = "enterprise"
+}
 export declare enum EnvType {
     CHART = "helm_charts",
     APPLICATION = "apps"
@@ -1069,4 +1074,7 @@ export interface IntelligenceConfig {
     prompt: string;
     analyticsCategory: string;
 }
+export type DeploymentStrategyType = 'CANARY' | 'ROLLING' | 'RECREATE' | 'BLUE-GREEN' | 'ROLLINGUPDATE' | 'ONDELETE';
+export type DeploymentStrategyTypeWithDefault = DeploymentStrategyType | 'DEFAULT';
+export type PipelineIdsVsDeploymentStrategyMap = Record<number, DeploymentStrategyTypeWithDefault>;
 export {};

package/dist/Shared/validations.d.ts

@@ -59,3 +59,4 @@ export declare const validateCMVolumeMountPath: (value: string) => {
     message: string;
 };
 export declare const validateYAML: (yamlString: string, isRequired?: boolean) => ValidationResponseType;
+export declare const validateEmail: (email: string) => ValidationResponseType;