@devtron-labs/devtron-fe-common-lib 1.16.1 → 1.17.0-beta-1

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

@@ -8,8 +8,5 @@ export interface LoginCountType extends ResponseType {
     result?: LoginCount;
 }
 export interface GettingStartedType {
-    className: string;
-    showHelpCard: boolean;
     hideGettingStartedCard: (count?: string) => void;
-    loginCount: number;
 }

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

@@ -1,4 +1,4 @@
-import { ActionMenuProps } from '@Shared/Components/ActionMenu';
+import { ActionMenuProps } from '../../ActionMenu';
 import { PageHeaderType } from '../types';
 export interface HeaderWithCreateButtonProps {
     headerName: string;

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

@@ -1,2 +1,2 @@
 import { HelpButtonProps } from './types';
-export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick }: HelpButtonProps) => JSX.Element;
+export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick, hideGettingStartedCard }: HelpButtonProps) => JSX.Element;

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, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -10,9 +10,6 @@ export interface PageHeaderType {
     isBreadcrumbs?: boolean;
     breadCrumbs?: () => JSX.Element;
     renderActionButtons?: () => JSX.Element;
-    showCloseButton?: boolean;
-    onClose?: () => void;
-    markAsBeta?: boolean;
     tippyProps?: Pick<TippyCustomizedProps<false>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
         tippyRedirectLink?: keyof typeof DOCUMENTATION;
@@ -34,6 +31,7 @@ export interface HelpButtonProps {
     serverInfo: ServerInfo;
     fetchingServerInfo: boolean;
     onClick: () => void;
+    hideGettingStartedCard: () => void;
 }
 export declare enum HelpMenuItems {
     GETTING_STARTED = "getting-started",

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

@@ -22,6 +22,7 @@ export declare const iconMap: {
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -32,11 +33,13 @@ export declare const iconMap: {
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-online': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-check-all': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-check-square': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clean-brush': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -44,6 +47,7 @@ export declare const iconMap: {
     '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-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -54,6 +58,8 @@ 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-deploy-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-deploy-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-ai': 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>>;
@@ -62,6 +68,7 @@ export declare const iconMap: {
     '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-download': 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>>;
@@ -75,6 +82,7 @@ export declare const iconMap: {
     '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-code': 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>>;
@@ -84,9 +92,11 @@ export declare const iconMap: {
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gavel': 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>>;
     'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-git-branch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -105,6 +115,7 @@ export declare const iconMap: {
     '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-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -119,8 +130,10 @@ export declare const iconMap: {
     '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-linked-build-color': 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-logs': 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>>;
@@ -145,6 +158,7 @@ export declare const iconMap: {
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-pause-circle': 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>>;
@@ -160,6 +174,7 @@ export declare const iconMap: {
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-ai-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-speedometer': 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>>;
@@ -186,6 +201,7 @@ export declare const iconMap: {
     '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-two-cubes': 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>>;
     'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -193,6 +209,7 @@ export declare const iconMap: {
     '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-webhook': 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>>;
 };

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

@@ -4,4 +4,5 @@ import { InfoBlockProps } from './types';
 export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
 export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
-export declare const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
+export declare const CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
+export declare const CONTAINER_SIZE_TO_ICON_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 export interface InvalidYAMLTippyWrapperProps {
     parsingError: string;
     restoreLastSavedYAML?: () => void;

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

@@ -1,5 +1,6 @@
 import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
+import { BackdropProps } from '../Backdrop';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
     /**
@@ -74,9 +75,9 @@ export interface UsePopoverReturnType {
     };
     /**
      * Props to be spread onto the overlay element of the popover.
-     * These props include standard HTML attributes for a `div` element.
+     * These props include backdrop properties.
      */
-    overlayProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    overlayProps: Omit<BackdropProps, 'children'>;
     /**
      * Props to be spread onto the popover element itself.
      * Includes motion-related props for animations and a `ref` to the popover's `div` element.

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

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

package/dist/Shared/Components/Security/SecurityModal/config/CodeScan.d.ts

@@ -1,4 +1,4 @@
-import { CodeScan, DetailViewDataType, EmptyStateType, InfoCardPropsType, OpenDetailViewButtonProps, ScanResultDTO, SecurityModalStateType, StatusType, TablePropsType } from '../types';
+import { CodeScan, DetailViewDataType, EmptyStateType, InfoCardPropsType, OpenDetailViewButtonProps, ScanResultDTO, SecurityModalStateType, SeveritiesDTO, StatusType, TablePropsType } from '../types';
 export declare const getCodeScanVulnerabilities: (data: CodeScan["vulnerability"], hidePolicy: boolean) => {
     headers: ({
         headerText: string;
@@ -10,7 +10,7 @@ export declare const getCodeScanVulnerabilities: (data: CodeScan["vulnerability"
         headerText: string;
         isSortable: boolean;
         width: number;
-        compareFunc: (a: import('../types').SeveritiesDTO, b: import('../types').SeveritiesDTO) => number;
+        compareFunc: (a: SeveritiesDTO, b: SeveritiesDTO) => number;
         defaultSortOrder: import('../types').SortOrderEnum;
     })[];
     rows: {
@@ -34,7 +34,7 @@ export declare const getCodeScanLicense: (data: CodeScan["license"]) => {
         headerText: string;
         isSortable: boolean;
         width: number;
-        compareFunc: (a: import('../types').SeveritiesDTO, b: import('../types').SeveritiesDTO) => number;
+        compareFunc: (a: SeveritiesDTO, b: SeveritiesDTO) => number;
         defaultSortOrder: import('../types').SortOrderEnum;
     })[];
     rows: {
@@ -57,7 +57,7 @@ export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigura
         headerText: string;
         isSortable: boolean;
         width: number;
-        compareFunc: (a: Record<import('../types').SeveritiesDTO, number>, b: Record<import('../types').SeveritiesDTO, number>) => number;
+        compareFunc: (a: Record<SeveritiesDTO, number>, b: Record<SeveritiesDTO, number>) => number;
     })[];
     rows: {
         id: number;
@@ -67,7 +67,7 @@ export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigura
             cellContent: string;
         } | {
             component: JSX.Element;
-            cellContent: Partial<Record<import('../types').SeveritiesDTO, number>>;
+            cellContent: Partial<Record<SeveritiesDTO, number>>;
         })[];
     }[];
 };
@@ -81,7 +81,7 @@ export declare const getCodeScanExposedSecrets: (data: CodeScan["exposedSecrets"
         headerText: string;
         isSortable: boolean;
         width: number;
-        compareFunc: (a: Record<import('../types').SeveritiesDTO, number>, b: Record<import('../types').SeveritiesDTO, number>) => number;
+        compareFunc: (a: Record<SeveritiesDTO, number>, b: Record<SeveritiesDTO, number>) => number;
     })[];
     rows: {
         id: number;
@@ -91,7 +91,7 @@ export declare const getCodeScanExposedSecrets: (data: CodeScan["exposedSecrets"
             cellContent: string;
         } | {
             component: JSX.Element;
-            cellContent: Partial<Record<import('../types').SeveritiesDTO, number>>;
+            cellContent: Partial<Record<SeveritiesDTO, number>>;
         })[];
     }[];
 };

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Entity } from '@Common/SegmentedBarChart/types';
+import { Entity } from '../../../../Common/SegmentedBarChart/types';
 import { ServerErrors } from '../../../../Common/ServerError';
 import { GenericEmptyStateType } from '../../../../Common/Types';
 import { LastExecutionResultType, Nodes, NodeType } from '../../../types';

package/dist/Shared/Components/Security/SeverityChip.d.ts

@@ -0,0 +1,6 @@
+import { SeveritiesDTO } from './SecurityModal';
+declare const SeverityChip: ({ severity, count }: {
+    severity: SeveritiesDTO;
+    count?: number;
+}) => JSX.Element;
+export default SeverityChip;

package/dist/Shared/Components/Security/Vulnerabilities/types.d.ts

@@ -1,4 +1,4 @@
-import { ImageCardAccordionProps } from '@Shared/Components/ImageCardAccordion/types';
+import { ImageCardAccordionProps } from '../../ImageCardAccordion/types';
 import { MaterialSecurityInfoType } from '../../../types';
 export interface VulnerabilitiesProps extends MaterialSecurityInfoType, Pick<ImageCardAccordionProps, 'SecurityModalSidebar'> {
     artifactId: number;

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -1,5 +1,5 @@
 import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
 export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -3,7 +3,7 @@ import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance
 import { CreatableProps } from 'react-select/creatable';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { ServerErrors } from '../../../Common/ServerError';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
@@ -100,7 +100,7 @@ export declare enum SelectPickerVariantType {
     BORDER_LESS = "border-less",
     COMPACT = "compact"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Config for the footer at the bottom of menu list. It is sticky by default
      *

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

@@ -1,5 +1,5 @@
 import { LinkProps, NavLinkProps } from 'react-router-dom';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
 import { IconName } from '../Icon';

package/dist/Shared/Components/Table/BulkSelectionActionWidget.d.ts

@@ -1,3 +1,3 @@
 import { BulkSelectionActionWidgetProps } from './types';
-declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, }: BulkSelectionActionWidgetProps) => JSX.Element;
+declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, bulkActionsData, setBulkActionState, }: BulkSelectionActionWidgetProps) => JSX.Element;
 export default BulkSelectionActionWidget;

package/dist/Shared/Components/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { InternalTableProps } from './types';
-declare const InternalTable: ({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, }: InternalTableProps) => JSX.Element;
+declare const InternalTable: ({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps) => JSX.Element;
 export default InternalTable;

package/dist/Shared/Components/Table/TableContent.d.ts

@@ -0,0 +1,3 @@
+import { TableContentProps } from './types';
+declare const TableContent: ({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, }: TableContentProps) => JSX.Element;
+export default TableContent;

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

@@ -5,3 +5,4 @@ export declare const BULK_ACTION_GUTTER_LABEL = "bulk-action-gutter";
 export declare const EVENT_TARGET: EventTarget;
 export declare const DRAG_SELECTOR_IDENTIFIER = "table-drag-selector";
 export declare const SHIMMER_DUMMY_ARRAY: number[];
+export declare const NO_ROWS_OR_GET_ROWS_ERROR: Error;

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

@@ -1,3 +1,3 @@
 export { default as Table } from './Table.component';
-export type { CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
+export type { BulkActionsComponentProps as TableBulkActionsComponentProps, BulkOperationModalProps as TableBulkOperationModalProps, CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
 export { FiltersTypeEnum, PaginationEnum, SignalEnum as TableSignalEnum } from './types';

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

@@ -1,7 +1,8 @@
-import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction } from 'react';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
-import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps } from '../../../Common/Hooks';
+import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
+import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
+import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
 import { GenericEmptyStateType } from '../../../Common/index';
+import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
 export interface UseFiltersReturnType extends UseStateFiltersReturnType<string> {
@@ -50,11 +51,16 @@ export type RowType = {
     data: Record<string, unknown>;
 };
 export type RowsType = RowType[];
-export interface CellComponentProps extends Pick<BaseColumnType, 'field'>, AdditionalProps {
+export declare enum FiltersTypeEnum {
+    STATE = "state",
+    URL = "url",
+    NONE = "none"
+}
+export interface CellComponentProps<T = FiltersTypeEnum.NONE> extends Pick<BaseColumnType, 'field'>, AdditionalProps {
     signals: SignalsType;
     value: unknown;
     row: RowType;
-    filterData: UseFiltersReturnType;
+    filterData: T extends FiltersTypeEnum.NONE ? null : T extends FiltersTypeEnum.STATE ? UseFiltersReturnType : UseUrlFiltersReturnType<string>;
     isRowActive: boolean;
 }
 export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> & BaseColumnType & {
@@ -71,21 +77,26 @@ export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> &
     isSortable?: false;
     comparator?: never;
 });
+export interface BulkActionsComponentProps {
+    onActionClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    bulkActionsData: unknown;
+}
+type BulkSelectionReturnValueType = ReturnType<typeof useBulkSelection>;
+export interface BulkOperationModalProps<T = string> extends Pick<BulkSelectionReturnValueType, 'isBulkSelectionApplied'> {
+    action: T;
+    onClose: () => void;
+    selections: RowsType | null;
+    bulkOperationModalData: unknown;
+}
 type BulkSelectionConfigType = Pick<UseBulkSelectionProps<unknown>, 'getSelectAllDialogStatus'> & {
-    /** Make sure to wrap it in useCallback */
-    onBulkSelectionChanged: (selectedRows: RowsType) => void;
-    BulkActionsComponent: FunctionComponent<{}>;
-};
+    BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
+    BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
+} & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
 export declare enum PaginationEnum {
     PAGINATED = "paginated",
     INFINITE = "infinite",
     NOT_PAGINATED = "not-paginated"
 }
-export declare enum FiltersTypeEnum {
-    STATE = "state",
-    URL = "url",
-    NONE = "none"
-}
 export interface ConfigurableColumnsType {
     allColumns: Column[];
     visibleColumns: Column[];
@@ -93,14 +104,14 @@ export interface ConfigurableColumnsType {
 }
 interface GetRowsProps extends Pick<UseFiltersReturnType, 'offset' | 'pageSize' | 'searchKey' | 'sortBy' | 'sortOrder'> {
 }
-type AdditionalFilterPropsType<T extends Exclude<FiltersTypeEnum, FiltersTypeEnum.NONE>> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey'> : Pick<UseStateFiltersProps<string>, 'initialSortKey'>;
-export type ViewWrapperProps = PropsWithChildren<Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'> & AdditionalProps & Partial<ConfigurableColumnsType> & {
+type AdditionalFilterPropsType<T extends Exclude<FiltersTypeEnum, FiltersTypeEnum.NONE>> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey' | 'defaultPageSize'> : Pick<UseStateFiltersProps<string>, 'initialSortKey' | 'defaultPageSize'>;
+export type ViewWrapperProps<T = FiltersTypeEnum.STATE> = PropsWithChildren<(T extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType> & {
     areRowsLoading: boolean;
-}>;
+    filteredRows: RowsType | null;
+} & (T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
 export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visibleColumns' | 'setVisibleColumns'>> & {
     id: `table__${string}`;
     loading?: boolean;
-    paginationVariant: PaginationEnum;
     /**
      * Memoize columns before passing as props.
      *
@@ -136,7 +147,7 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
     RowActionsOnHoverComponent?: FunctionComponent<{
         row: RowType;
     }>;
-    bulkSelectionReturnValue: ReturnType<typeof useBulkSelection> | null;
+    bulkSelectionReturnValue: BulkSelectionReturnValueType | null;
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType) => void;
     ViewWrapper?: FunctionComponent<ViewWrapperProps>;
@@ -166,28 +177,44 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
      * If filter is only being used for sorting, then send `noop` in this prop
      */
     filter: (row: RowType, filterData: UseFiltersReturnType) => boolean;
+    clearFilters?: () => void;
 } | {
     filtersVariant: FiltersTypeEnum.STATE;
     additionalFilterProps?: AdditionalFilterPropsType<FiltersTypeEnum.STATE>;
     filter: (row: RowType, filterData: UseFiltersReturnType) => boolean;
+    clearFilters?: never;
 } | {
     filtersVariant: FiltersTypeEnum.NONE;
     additionalFilterProps?: never;
     filter?: never;
+    clearFilters?: never;
+}) & ({
+    paginationVariant: PaginationEnum.PAGINATED;
+    pageSizeOptions?: PageSizeOption[];
+} | {
+    paginationVariant: Omit<PaginationEnum, 'PAGINATED'>;
+    pageSizeOptions?: never;
 });
 export type UseResizableTableConfigWrapperProps = Omit<InternalTableProps, 'resizableConfig'>;
 export type TableWithBulkSelectionProps = Omit<UseResizableTableConfigWrapperProps, 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow'>;
 export type VisibleColumnsWrapperProps = Omit<TableWithBulkSelectionProps, 'visibleColumns' | 'setVisibleColumns'>;
 export type FilterWrapperProps = Omit<VisibleColumnsWrapperProps, 'filterData'>;
-export type TableProps = Pick<FilterWrapperProps, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper'>;
-export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent'> {
+export type TableProps = Pick<FilterWrapperProps, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
+export type BulkActionStateType = string | null;
+export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
     count: number;
     handleClearBulkSelection: () => void;
     parentRef: React.RefObject<HTMLDivElement>;
+    /** If it is null, we can say no bulk action has been selected yet */
+    setBulkActionState: Dispatch<SetStateAction<BulkActionStateType>>;
 }
 export type ConfigurableColumnsConfigType = Record<string, ConfigurableColumnsType['visibleColumns']>;
 export interface GetFilteringPromiseProps {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType> | RowsType;
 }
+export interface TableContentProps extends Pick<InternalTableProps, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions'> {
+    filteredRows: RowsType;
+    areFilteredRowsLoading: boolean;
+}
 export {};

package/dist/Shared/Components/Table/useTableWithKeyboardShortcuts.d.ts

@@ -1,6 +1,11 @@
 import { InternalTableProps, RowsType } from './types';
-declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType) => {
+declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType, showPagination: boolean, bulkSelectionButtonRef: React.RefObject<HTMLLabelElement>) => {
     activeRowIndex: number;
     setActiveRowIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+    shortcutContainerProps: {
+        onKeyDown: (event: import('react').KeyboardEvent<HTMLElement>) => void;
+        onKeyUp: (event: import('react').KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: import('react').FocusEvent<HTMLElement>) => void;
+    };
 };
 export default useTableWithKeyboardShortcuts;

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

@@ -4,3 +4,8 @@ export declare const getVisibleColumnsFromLocalStorage: ({ allColumns, id, }: Pi
 export declare const setVisibleColumnsToLocalStorage: ({ id, visibleColumns, }: Pick<ConfigurableColumnsType, "visibleColumns"> & Pick<TableProps, "id">) => void;
 export declare const getVisibleColumns: ({ areColumnsConfigurable, columns, id, }: Pick<TableProps, "areColumnsConfigurable" | "columns" | "id">) => Column[];
 export declare const getFilteringPromise: ({ searchSortTimeoutRef, callback }: GetFilteringPromiseProps) => Promise<RowsType>;
+export declare const getStickyColumnConfig: (gridTemplateColumns: string, columnIndex: number) => {
+    className: string;
+    left: string;
+};
+export declare const scrollToShowActiveElementIfNeeded: (activeElement: HTMLDivElement, parent: HTMLDivElement, topMargin: number) => void;

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }

package/dist/Shared/Components/WorkflowOptionsModal/SourceTypeCard.d.ts

@@ -1,3 +1,3 @@
 import { SourceTypeCardProps } from './types';
-declare const SourceTypeCard: ({ title, subtitle, image, alt, dataTestId, type, handleCardAction, disableInfo, isDisabled, }: Readonly<SourceTypeCardProps>) => JSX.Element;
+declare const SourceTypeCard: ({ title, subtitle, dataTestId, icons, type, disableInfo, disabled, onCardAction, }: SourceTypeCardProps) => JSX.Element;
 export default SourceTypeCard;

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

@@ -1,3 +1,3 @@
 import { WorkflowOptionsModalProps } from './types';
-declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
+declare const WorkflowOptionsModal: ({ open, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, onClose, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
 export default WorkflowOptionsModal;