@devtron-labs/devtron-fe-common-lib 1.14.1-gpu-workload → 1.14.1-pre-2

package/dist/Common/Constants.d.ts

@@ -5,16 +5,6 @@ export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
 export declare const DOCUMENTATION_VERSION = "/v/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
-export declare const DOCUMENTATION: {
-    APP_METRICS: string;
-    APP_TAGS: string;
-    APP_OVERVIEW_TAGS: string;
-    BLOB_STORAGE: string;
-    GLOBAL_CONFIG_BUILD_INFRA: string;
-    ENTERPRISE_LICENSE: string;
-    KUBE_CONFIG: string;
-    TENANT_INSTALLATION: string;
-};
 export declare const PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("R" | "Enter" | "Escape" | "." | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "Space" | "Control" | "Shift" | "Meta" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "method" | "action" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "tagName" | "onChange" | "onBlur" | "onSubmit" | "target" | "onFocus" | "onError" | "autoComplete" | "method" | "action" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Common/SegmentedControl/Segment.d.ts

@@ -1,3 +1,3 @@
 import { SegmentProps } from './types';
-declare const Segment: ({ segment, isSelected, name, selectedSegmentRef, onChange, fullWidth, size, disabled, }: SegmentProps) => JSX.Element;
+declare const Segment: ({ segment, isSelected, name, onChange, fullWidth, size, disabled }: SegmentProps) => JSX.Element;
 export default Segment;

package/dist/Common/SegmentedControl/types.d.ts

@@ -1,4 +1,3 @@
-import { RefObject } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
 import { ComponentSizeType } from '../../Shared/constants';
@@ -46,6 +45,9 @@ export type SegmentedControlProps = {
      * List of segments to be displayed
      */
     segments: SegmentType[];
+    /**
+     * Please make sure this is unique
+     */
     name: string;
     size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium>;
     fullWidth?: boolean;
@@ -66,6 +68,5 @@ export type SegmentedControlProps = {
 export interface SegmentProps extends Required<Pick<SegmentedControlProps, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
     isSelected: boolean;
     segment: SegmentType;
-    selectedSegmentRef: RefObject<HTMLDivElement> | undefined;
 }
 export {};

package/dist/Common/TippyCustomized.d.ts

@@ -1,2 +1,2 @@
 import { TippyCustomizedProps } from './Types';
-export declare const TippyCustomized: (props: TippyCustomizedProps) => JSX.Element;
+export declare const TippyCustomized: <T extends boolean = false>(props: TippyCustomizedProps<T>) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -3,7 +3,7 @@ import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType } from '../Shared';
-import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
+import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, DOCUMENTATION, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -77,7 +77,12 @@ export interface CheckboxProps {
     dataTestId?: string;
     children?: ReactNode;
 }
-export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
+export type TippyWithBaseDocLinkTypes<T extends boolean> = {
+    isExternalLink?: T;
+    isEnterprise?: boolean;
+    documentationLink?: T extends true ? string : keyof typeof DOCUMENTATION;
+};
+export type TippyCustomizedProps<T extends boolean> = Pick<TippyProps, 'appendTo'> & TippyWithBaseDocLinkTypes<T> & {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
@@ -102,14 +107,13 @@ export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     animation?: string;
     duration?: number;
     additionalContent?: ReactNode;
-    documentationLink?: string;
     documentationLinkText?: string;
     children: React.ReactElement<any>;
     disableClose?: boolean;
-}
-export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'iconClass' | 'documentationLink' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo'> {
+};
+export interface InfoIconTippyProps<T extends boolean = false> extends Pick<TippyCustomizedProps<T>, 'heading' | 'infoText' | 'iconClass' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo' | 'documentationLink' | 'isEnterprise' | 'isExternalLink'> {
     dataTestid?: string;
-    children?: TippyCustomizedProps['children'];
+    children?: TippyCustomizedProps<T>['children'];
     iconClassName?: string;
     buttonPadding?: string;
 }

package/dist/Common/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../Shared/DocLink';
 export * from './AddCDButton';
 export * from './API';
 export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb';

package/dist/Pages/GlobalConfigurations/DeploymentCharts/types.d.ts

@@ -17,7 +17,6 @@ export declare enum DEVTRON_DEPLOYMENT_CHART_NAMES {
     JOB_AND_CRONJOB_CHART_NAME = "Job & CronJob",
     ROLLOUT_DEPLOYMENT = "Rollout Deployment",
     DEPLOYMENT = "Deployment",
-    STATEFUL_SET = "StatefulSet",
-    GPU_WORKLOAD = "GPU-Workload"
+    STATEFUL_SET = "StatefulSet"
 }
 export {};

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -23,22 +23,26 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         role?: import('react').AriaRole;
         about?: string;
         is?: string;
-        security?: string;
+        hidden?: boolean;
+        prefix?: string;
+        resource?: string;
+        draggable?: boolean | "true" | "false";
+        onClick?: import('react').MouseEventHandler<HTMLDivElement>;
+        onChange?: import('react').FormEventHandler<HTMLDivElement>;
+        onBlur?: import('react').FocusEventHandler<HTMLDivElement>;
+        onSubmit?: import('react').FormEventHandler<HTMLDivElement>;
+        dir?: string;
         onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement>;
         "aria-describedby"?: string;
         "aria-errormessage"?: string;
         "aria-label"?: string;
         "aria-labelledby"?: string;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement>;
         defaultChecked?: boolean;
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         contentEditable?: "inherit" | (boolean | "true" | "false");
         contextMenu?: string;
-        dir?: string;
-        draggable?: boolean | "true" | "false";
-        hidden?: boolean;
         lang?: string;
         placeholder?: string;
         spellCheck?: boolean | "true" | "false";
@@ -47,9 +51,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         radioGroup?: string;
         datatype?: string;
         inlist?: any;
-        prefix?: string;
         property?: string;
-        resource?: string;
         typeof?: string;
         vocab?: string;
         autoCapitalize?: string;
@@ -61,6 +63,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         itemID?: string;
         itemRef?: string;
         results?: number;
+        security?: string;
         unselectable?: "on" | "off";
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
         "aria-activedescendant"?: string;
@@ -75,7 +78,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
         "aria-details"?: string;
         "aria-disabled"?: boolean | "true" | "false";
-        "aria-dropeffect"?: "link" | "none" | "popup" | "copy" | "execute" | "move";
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         "aria-expanded"?: boolean | "true" | "false";
         "aria-flowto"?: string;
         "aria-grabbed"?: boolean | "true" | "false";
@@ -124,9 +127,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLDivElement>;
         onFocus?: import('react').FocusEventHandler<HTMLDivElement>;
         onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement>;
-        onBlur?: import('react').FocusEventHandler<HTMLDivElement>;
         onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement>;
-        onChange?: import('react').FormEventHandler<HTMLDivElement>;
         onChangeCapture?: import('react').FormEventHandler<HTMLDivElement>;
         onBeforeInput?: import('react').FormEventHandler<HTMLDivElement>;
         onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement>;
@@ -134,7 +135,6 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         onInputCapture?: import('react').FormEventHandler<HTMLDivElement>;
         onReset?: import('react').FormEventHandler<HTMLDivElement>;
         onResetCapture?: import('react').FormEventHandler<HTMLDivElement>;
-        onSubmit?: import('react').FormEventHandler<HTMLDivElement>;
         onSubmitCapture?: import('react').FormEventHandler<HTMLDivElement>;
         onInvalid?: import('react').FormEventHandler<HTMLDivElement>;
         onInvalidCapture?: import('react').FormEventHandler<HTMLDivElement>;

package/dist/Shared/Components/FeatureDescription/FeatureDescriptionModal.d.ts

@@ -1,2 +1,2 @@
 import { FeatureDescriptionModalProps } from './types';
-export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, }: FeatureDescriptionModalProps) => JSX.Element;
+export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, isEnterprise, }: FeatureDescriptionModalProps) => JSX.Element;

package/dist/Shared/Components/FeatureDescription/FeatureTitleWithInfo.d.ts

@@ -1,3 +1,3 @@
 import { DescriptorProps } from './types';
-declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, }: DescriptorProps) => JSX.Element;
+declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, isEnterprise, }: DescriptorProps) => JSX.Element;
 export default FeatureTitleWithInfo;

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

@@ -1,9 +1,10 @@
 import { default as React, ReactNode } from 'react';
+import { DocLinkProps } from '@Shared/DocLink/types';
 import { ImageType } from '../../../Common';
 import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
-interface BaseFeatureDescriptionModalProps {
+interface BaseFeatureDescriptionModalProps<T extends boolean = false> {
     renderDescriptionContent?: () => ReactNode;
-    docLink?: string;
+    docLink?: DocLinkProps<T>['docLinkKey'];
     imageVariant?: ImageType;
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     imageStyles?: React.CSSProperties;
@@ -33,6 +34,7 @@ export type FeatureDescriptionModalProps = {
     title: string;
     closeModalText?: string;
     closeModal?: () => void;
+    isEnterprise?: boolean;
 } & ((BaseFeatureDescriptionModalProps & {
     tabsConfig?: never;
 }) | FeatureDescriptionModalWithTabsConfig);
@@ -53,5 +55,6 @@ export type DescriptorProps = ((Omit<FeatureDescriptionModalProps, 'tabsConfig'>
      * @default false
      */
     showInfoIcon?: boolean;
+    isEnterprise?: boolean;
 };
 export {};

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

@@ -0,0 +1,2 @@
+import { GenericInfoCardListingProps } from './types';
+export declare const GenericInfoCardListing: ({ isLoading, error, list, searchKey, reloadList, borderVariant, handleClearFilters, emptyStateConfig, }: GenericInfoCardListingProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { GenericInfoListSkeletonProps } from './types';
+export declare const GenericInfoListSkeleton: ({ borderVariant }: GenericInfoListSkeletonProps) => JSX.Element;

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

@@ -1,2 +1,4 @@
 export { default as GenericInfoCard } from './GenericInfoCard.component';
-export { GenericInfoCardBorderVariant, type GenericInfoCardProps } from './types';
+export * from './GenericInfoCardListing';
+export { GenericInfoListSkeleton } from './GenericInfoListSkeleton';
+export { GenericInfoCardBorderVariant, type GenericInfoCardListingProps, type GenericInfoCardProps } from './types';

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/PageHeader.d.ts

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, isEnterprise, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -1,12 +1,12 @@
 import { ModuleStatus } from '../../types';
-import { ResponseType, TippyCustomizedProps } from '../../../Common';
+import { DOCUMENTATION, ResponseType, TippyCustomizedProps } from '../../../Common';
 import { ActionMenuProps } from '../ActionMenu';
 export declare enum InstallationType {
     OSS_KUBECTL = "oss_kubectl",
     OSS_HELM = "oss_helm",
     ENTERPRISE = "enterprise"
 }
-export interface PageHeaderType {
+export interface PageHeaderType<T extends boolean = false> {
     headerName?: string;
     showTabs?: boolean;
     additionalHeaderInfo?: () => JSX.Element;
@@ -17,13 +17,14 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
+    tippyProps?: Pick<TippyCustomizedProps<T>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
-        tippyRedirectLink?: string;
+        tippyRedirectLink?: keyof typeof DOCUMENTATION;
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
     };
+    isEnterprise?: boolean;
 }
 export interface ServerInfo {
     currentVersion: string;

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

@@ -6,6 +6,7 @@ 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>>;
@@ -49,7 +50,9 @@ 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>>;

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, isEnterprise, isExternalLink, }: InfoIconTippyProps<T>) => JSX.Element;
 export default InfoIconTippy;

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

@@ -1,3 +1,3 @@
 import { ModalSidebarPanelProps } from './types';
-declare const ModalSidebarPanel: ({ rootClassName, heading, icon, children, documentationLink, }: ModalSidebarPanelProps) => JSX.Element;
+declare const ModalSidebarPanel: ({ rootClassName, heading, icon, children, documentationLink, isEnterprise, }: ModalSidebarPanelProps) => JSX.Element;
 export default ModalSidebarPanel;

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

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
-export interface ModalSidebarPanelProps {
+import { DocLinkProps } from '@Shared/DocLink/types';
+import { PageHeaderType } from '../Header/types';
+export interface ModalSidebarPanelProps<T extends boolean = false> extends Pick<PageHeaderType, 'isEnterprise'> {
     rootClassName?: string;
     heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
-    documentationLink: string;
+    documentationLink: DocLinkProps<T>['docLinkKey'];
 }

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

@@ -87,6 +87,6 @@ export declare const getPopoverActualPositionAlignment: ({ position, alignment,
     triggerRect: DOMRect;
     popoverRect: DOMRect;
 }) => {
-    fallbackPosition: "top" | "bottom" | "right" | "left";
+    fallbackPosition: "top" | "right" | "bottom" | "left";
     fallbackAlignment: "start" | "middle" | "end";
 };

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(--Y500)" | "var(--R700)" | "var(--R500)" | "var(--G500)" | "var(--N300)" | "var(--O500)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

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

@@ -0,0 +1,3 @@
+import { DTSwitchProps } from './types';
+declare const Switch: ({ ariaLabel, dataTestId, 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,105 @@
+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;
+    /**
+     * A unique identifier for testing purposes.
+     */
+    dataTestId: 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

@@ -71,6 +71,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/DocLink/DocLink.d.ts

@@ -0,0 +1,2 @@
+import { DocLinkProps } from './types';
+export declare const DocLink: <T extends boolean = false>({ docLinkKey, text, dataTestId, showExternalIcon, onClick, size, variant, isEnterprise, isExternalLink, }: DocLinkProps<T>) => JSX.Element;