@devtron-labs/devtron-fe-common-lib 1.14.2 → 1.15.0-beta-2

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

@@ -0,0 +1,94 @@
+export declare const DOCUMENTATION: {
+    readonly ADMIN_PASSWORD: "install/install-devtron#devtron-admin-credentials";
+    readonly APP_CI_CONFIG_BUILD_WITHOUT_DOCKER: "usage/applications/creating-application/docker-build-configuration#build-docker-image-without-dockerfile";
+    readonly APP_CREATE: "usage/applications/create-application";
+    readonly APP_CREATE_CI_CONFIG: "usage/applications/creating-application/docker-build-configuration";
+    readonly APP_CREATE_CONFIG_MAP: "usage/applications/creating-application/config-maps";
+    readonly APP_CREATE_ENVIRONMENT_OVERRIDE: "usage/applications/creating-application/environment-overrides";
+    readonly APP_CREATE_MATERIAL: "usage/applications/creating-application/git-material";
+    readonly APP_CREATE_SECRET: "usage/applications/creating-application/secrets";
+    readonly APP_CREATE_WORKFLOW: "usage/applications/creating-application/workflow";
+    readonly APP_DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template";
+    readonly APP_EPHEMERAL_CONTAINER: "usage/applications/app-details/ephemeral-containers";
+    readonly APP_METRICS: "usage/applications/app-details/app-metrics";
+    readonly APP_OVERVIEW_TAGS: "usage/applications/overview#manage-tags";
+    readonly APP_ROLLOUT_DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template/rollout-deployment";
+    readonly BUILD_STAGE: "usage/applications/creating-application/workflow/ci-pipeline#build-stage";
+    readonly APP_TAGS: "usage/applications/create-application#tags";
+    readonly BLOB_STORAGE: "configurations-overview/installation-configuration#configuration-of-blob-storage";
+    readonly BULK_UPDATE: "usage/bulk-update";
+    readonly CHART_GROUP: "usage/deploy-chart/chart-group";
+    readonly CHART_LIST: "usage/deploy-chart/overview-of-charts";
+    readonly CHART_STORE_METRICS_SERVER: "dashboard//chart-store/discover?appStoreName=metrics-server";
+    readonly CUSTOM_VALUES: "usage/deploy-chart/overview-of-charts#custom-values";
+    readonly DEPLOYMENT: "usage/applications/creating-application/deployment-template/deployment";
+    readonly DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template";
+    readonly DEVTRON_UPGRADE: "getting-started/upgrade";
+    readonly CONFIGURING_WEBHOOK: "usage/applications/creating-application/workflow/ci-pipeline#configuring-webhook";
+    readonly ENTERPRISE_LICENSE: "enterprise-license";
+    readonly EXECUTE_CUSTOM_SCRIPT: "usage/applications/creating-application/workflow/ci-pipeline/ci-build-pre-post-plugins#execute-custom-script";
+    readonly EXTERNAL_LINKS: "getting-started/global-configurations/external-links";
+    readonly EXTERNAL_SECRET: "usage/applications/creating-application/secrets#external-secrets";
+    readonly HOME_PAGE: "https://devtron.ai";
+    readonly DOC_HOME_PAGE: "https://docs.devtron.ai";
+    readonly KUBE_CONFIG: "usage/resource-browser#running-kubectl-commands-locally";
+    readonly JOBS: "usage/jobs";
+    readonly TAINT: "usage/resource-browser#taint-a-node";
+    readonly GLOBAL_CONFIG_API_TOKEN: "getting-started/global-configurations/authorization/api-tokens";
+    readonly GLOBAL_CONFIG_BUILD_INFRA: "global-configurations/build-infra";
+    readonly GLOBAL_CONFIG_CHART: "getting-started/global-configurations/chart-repo";
+    readonly GLOBAL_CONFIG_CLUSTER: "getting-started/global-configurations/cluster-and-environments";
+    readonly GLOBAL_CONFIG_CUSTOM_CHART: "getting-started/global-configurations/custom-charts";
+    readonly GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES: "global-configurations/deployment-charts#preparing-a-deployment-chart";
+    readonly GLOBAL_CONFIG_DOCKER: "getting-started/global-configurations/container-registries";
+    readonly GLOBAL_CONFIG_GIT: "getting-started/global-configurations/git-accounts";
+    readonly GLOBAL_CONFIG_GITOPS: "global-configurations/gitops";
+    readonly GLOBAL_CONFIG_GITOPS_GITHUB: "global-configurations/gitops#github";
+    readonly GLOBAL_CONFIG_GITOPS_GITLAB: "global-configurations/gitops#gitlab";
+    readonly GLOBAL_CONFIG_GITOPS_AZURE: "global-configurations/gitops#azure";
+    readonly GLOBAL_CONFIG_GITOPS_BITBUCKET: "global-configurations/gitops#bitbucket";
+    readonly GLOBAL_CONFIG_GROUPS: "getting-started/global-configurations/authorization/permission-groups";
+    readonly GLOBAL_CONFIG_HOST_URL: "global-configurations/host-url";
+    readonly GLOBAL_CONFIG_NOTIFICATION: "getting-started/global-configurations/manage-notification";
+    readonly GLOBAL_CONFIG_PERMISSION: "global-configurations/authorization/user-access#devtron-apps-permissions";
+    readonly GLOBAL_CONFIG_PROJECT: "global-configurations/projects";
+    readonly GLOBAL_CONFIG_SSO: "getting-started/global-configurations/sso-login";
+    readonly GLOBAL_CONFIG_SCOPED_VARIABLES: "getting-started/global-configurations/scoped-variables";
+    readonly GLOBAL_CONFIG_USER: "getting-started/global-configurations/authorization/user-access";
+    readonly HYPERION: "usage/applications#view-external-helm-app-listing";
+    readonly JOB_CRONJOB: "usage/applications/creating-application/deployment-template/job-and-cronjob";
+    readonly JOB_SOURCE_CODE: "usage/jobs/configuration-job";
+    readonly JOB_WORKFLOW_EDITOR: "usage/jobs/workflow-editor-job";
+    readonly K8S_RESOURCES_PERMISSIONS: "global-configurations/authorization/user-access#kubernetes-resources-permissions";
+    readonly PRE_POST_BUILD_STAGE: "usage/applications/creating-application/ci-pipeline/ci-build-pre-post-plugins";
+    readonly ROLLOUT: "usage/applications/creating-application/deployment-template/rollout-deployment";
+    readonly SECURITY: "usage/security-features";
+    readonly SPECIFY_IMAGE_PULL_SECRET: "getting-started/global-configurations/container-registries#specify-image-pull-secret";
+    readonly TENANT_INSTALLATION: "usage/software-distribution-hub/tenants";
+    readonly CEL: "https://github.com/google/cel-spec/blob/master/doc/langdef.md";
+    readonly KUBERNETES_LABELS: "https://kubernetes.io/docs/concepts/overview/working-with-objects/labels";
+    readonly IMAGE_PROMOTION: "global-configurations/image-promotion-policy";
+    readonly IMAGE_PROMOTION_ASSIGN_TO: "global-configurations/image-promotion-policy#applying-an-image-promotion-policy";
+    readonly TAGS: "usage/applications/create-application#tags";
+    readonly TAGS_POLICY: "global-configurations/tags-policy";
+    readonly RESOURCE_WATCHER: "usage/resource-watcher";
+    readonly GITOPS_BITBUCKET: "global-configurations/gitops#bitbucket";
+    readonly DEPLOYMENT_CONFIGS: "resources/glossary#base-deployment-template";
+    readonly RJSF_PLAYGROUND: "https://rjsf-team.github.io/react-jsonschema-form/";
+    readonly GLOBAL_CONFIG_DEPLOYMENT_WINDOW: "global-configurations/deployment-window";
+    readonly GLOBAL_CONFIG_CATALOG_FRAMEWORK: "global-configurations/catalog-framework";
+    readonly GLOBAL_CONFIG_DEVTRON_APP_TEMPLATES: "global-configurations";
+    readonly GLOBAL_CONFIG_FILTER_CONDITION: "global-configurations/filter-condition";
+    readonly GLOBAL_CONFIG_LOCK_DEPLOYMENT_CONFIG: "global-configurations/lock-deployment-config";
+    readonly GLOBAL_CONFIG_PLUGINS_POLICY: "global-configurations/plugins-policy";
+    readonly GLOBAL_CONFIG_APPROVAL_POLICY: "global-configurations/approval-policy";
+    readonly GLOBAL_CONFIG_SSO_LOGIN_LDAP: "global-configurations/authorization/sso-login/ldap";
+    readonly GLOBAL_CONFIG_SSO_LOGIN_MICROSOFT: "global-configurations/authorization/sso-login/microsoft";
+    readonly GLOBAL_CONFIG_PULL_IMAGE_DIGEST: "global-configurations/pull-image-digest";
+    readonly GLOBAL_CONFIG_TAGS: "getting-started/global-configurations/tags-policy";
+    readonly SOFTWARE_DISTRIBUTION_HUB: "usage/software-distribution-hub";
+    readonly RELEASE_TRACKS: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
+    readonly RELEASES: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
+    readonly TENANTS: "usage/software-distribution-hub/tenants#adding-installation";
+    readonly TENANTS_INSTALLATION: "usage/software-distribution-hub/tenants";
+};

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

@@ -0,0 +1,4 @@
+export { DOCUMENTATION } from './constants';
+export { DocLink } from './DocLink';
+export type { DocLinkProps } from './types';
+export { getDocumentationUrl } from './utils';

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

@@ -0,0 +1,19 @@
+import { MouseEvent } from 'react';
+import { ButtonComponentType, ButtonProps } from '..';
+import { DOCUMENTATION } from './constants';
+export type BaseDocLink<T extends boolean> = {
+    isExternalLink?: T;
+    isEnterprise?: boolean;
+    isLicenseDashboard?: boolean;
+    docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION;
+};
+export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
+    text?: string;
+    showExternalIcon?: boolean;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * If `true`, the documentation will open in a new browser tab instead of the side panel.
+     * @default false
+     */
+    openInNewTab?: boolean;
+};

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

@@ -0,0 +1,2 @@
+import { BaseDocLink } from './types';
+export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, isLicenseDashboard, }: BaseDocLink<T>) => string;

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

@@ -1,2 +1,2 @@
 import { DynamicDataTableProps } from './types';
-export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, onRowAdd, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -1,2 +1,2 @@
 import { DynamicDataTableRowProps } from './types';
-export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, isAddRowButtonClicked, setIsAddRowButtonClicked, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, shouldAutoFocusOnMount, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
 import { TooltipProps } from '@Common/Tooltip/types';
@@ -166,11 +166,15 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
      * @default 'first column key'
      */
     focusableFieldKey?: K;
+    /**
+     * When true, the table will automatically focus the first focusable cell
+     * or cell key denoted by `focusableFieldKey` when the component mounts.
+     * @default false
+     */
+    shouldAutoFocusOnMount?: boolean;
 };
 export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'addBtnTooltip' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
 }
-export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey'> {
-    isAddRowButtonClicked: boolean;
-    setIsAddRowButtonClicked: Dispatch<SetStateAction<boolean>>;
+export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey' | 'shouldAutoFocusOnMount'> {
 }
 export {};

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

@@ -1,9 +1,10 @@
 import { default as React, ReactNode } from 'react';
 import { ImageType } from '../../../Common';
 import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
+import { DocLinkProps } from '../DocLink';
 interface BaseFeatureDescriptionModalProps {
     renderDescriptionContent?: () => ReactNode;
-    docLink?: string;
+    docLink?: DocLinkProps['docLinkKey'];
     imageVariant?: ImageType;
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     imageStyles?: React.CSSProperties;

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

@@ -1,3 +1,2 @@
-import { AnimatePresence, motion } from 'framer-motion';
-export * from './MotionDiv';
-export { AnimatePresence, motion };
+import { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue };

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/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,11 +6,13 @@ 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-asterisk': 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>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -50,13 +52,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>>;
@@ -100,6 +105,7 @@ 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>>;
@@ -144,6 +150,7 @@ 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>>;
@@ -172,8 +179,10 @@ export declare const iconMap: {
     'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

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/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 {
@@ -50,6 +50,11 @@ export interface UsePopoverProps {
      * @param closePopover - A function to close the popover.
      */
     onPopoverKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
+    /**
+     * Variant of the popover (bg, shadow and styles changes based on variant)
+     * @default 'menu'
+     */
+    variant?: 'menu' | 'overlay';
 }
 /**
  * Represents the return type of the `usePopover` hook, providing properties and methods
@@ -64,7 +69,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 +88,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/Popover/usePopover.hook.d.ts

@@ -1,2 +1,2 @@
 import { UsePopoverProps, UsePopoverReturnType } from './types';
-export declare const usePopover: ({ id, position, alignment, width, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;
+export declare const usePopover: ({ id, position, alignment, width, variant, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;

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/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, dataTestId, onChange, autoFocus, }: 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,111 @@
+import { ButtonHTMLAttributes, ReactNode } 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;
+    /**
+     * Provide if name generated through `getUniqueId`.
+     */
+    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: 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?: ReactNode;
+    /**
+     * Indicates whether the switch should be focused automatically when rendered.
+     * @default false
+     */
+    autoFocus?: boolean;
+} & 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, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]] | "transparent";
+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: ({ isChecked, size, shape, indeterminate, isLoading, }: Required<Pick<DTSwitchProps, "isChecked" | "size" | "shape" | "indeterminate" | "isLoading">>) => number;
+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';