@devtron-labs/devtron-fe-common-lib 1.16.0-beta-5 → 1.16.0-pre-0

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

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

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

@@ -1,6 +1,5 @@
 import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
-import { BackdropProps } from '../Backdrop';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
     /**
@@ -75,9 +74,9 @@ export interface UsePopoverReturnType {
     };
     /**
      * Props to be spread onto the overlay element of the popover.
-     * These props include backdrop properties.
+     * These props include standard HTML attributes for a `div` element.
      */
-    overlayProps: Omit<BackdropProps, 'children'>;
+    overlayProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * 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: "middle" | "end" | "start";
+    fallbackAlignment: "start" | "middle" | "end";
 };

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';
+import { TooltipProps } from '../../../Common/Tooltip/types';
 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';
+import { TooltipProps } from '../../../Common/Tooltip/types';
 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' | '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'> & {
+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'> & {
     /**
      * 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';
+import { TooltipProps } from '../../../Common/Tooltip/types';
 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, bulkActionsData, setBulkActionState, }: BulkSelectionActionWidgetProps) => JSX.Element;
+declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, }: 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, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: 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, }: InternalTableProps) => JSX.Element;
 export default InternalTable;

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

@@ -5,4 +5,3 @@ 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 { BulkActionsComponentProps as TableBulkActionsComponentProps, BulkOperationModalProps as TableBulkOperationModalProps, CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
+export type { 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,8 +1,7 @@
-import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
+import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction } from 'react';
 import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
-import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
+import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps } 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> {
@@ -51,16 +50,11 @@ export type RowType = {
     data: Record<string, unknown>;
 };
 export type RowsType = RowType[];
-export declare enum FiltersTypeEnum {
-    STATE = "state",
-    URL = "url",
-    NONE = "none"
-}
-export interface CellComponentProps<T = FiltersTypeEnum.NONE> extends Pick<BaseColumnType, 'field'>, AdditionalProps {
+export interface CellComponentProps extends Pick<BaseColumnType, 'field'>, AdditionalProps {
     signals: SignalsType;
     value: unknown;
     row: RowType;
-    filterData: T extends FiltersTypeEnum.NONE ? null : T extends FiltersTypeEnum.STATE ? UseFiltersReturnType : UseUrlFiltersReturnType<string>;
+    filterData: UseFiltersReturnType;
     isRowActive: boolean;
 }
 export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> & BaseColumnType & {
@@ -77,26 +71,21 @@ 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'> & {
-    BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
-    BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
-} & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
+    /** Make sure to wrap it in useCallback */
+    onBulkSelectionChanged: (selectedRows: RowsType) => void;
+    BulkActionsComponent: FunctionComponent<{}>;
+};
 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[];
@@ -104,14 +93,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' | '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> & {
+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> & {
     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.
      *
@@ -147,7 +136,7 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
     RowActionsOnHoverComponent?: FunctionComponent<{
         row: RowType;
     }>;
-    bulkSelectionReturnValue: BulkSelectionReturnValueType | null;
+    bulkSelectionReturnValue: ReturnType<typeof useBulkSelection> | null;
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType) => void;
     ViewWrapper?: FunctionComponent<ViewWrapperProps>;
@@ -177,44 +166,28 @@ 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' | 'pageSizeOptions' | 'clearFilters'>;
-export type BulkActionStateType = string | null;
-export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
+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'> {
     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,11 +1,6 @@
 import { InternalTableProps, RowsType } from './types';
-declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType, showPagination: boolean, bulkSelectionButtonRef: React.RefObject<HTMLLabelElement>) => {
+declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType) => {
     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,8 +4,3 @@ 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';
+import { TooltipProps } from '../../../Common/Tooltip/types';
 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, dataTestId, icons, type, disableInfo, disabled, onCardAction, }: SourceTypeCardProps) => JSX.Element;
+declare const SourceTypeCard: ({ title, subtitle, image, alt, dataTestId, type, handleCardAction, disableInfo, isDisabled, }: Readonly<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: ({ open, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, onClose, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
+declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
 export default WorkflowOptionsModal;

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

@@ -1,86 +1,52 @@
-import { WorkflowNodeType } from '../../../Common/Types';
+import { PipelineType } from '../../../Common/Types';
 import { CIPipelineNodeType } from '../../types';
+export declare const WORKFLOW_OPTIONS_MODAL: {
+    ACTION_TEXT: string;
+    ACTION_NOTE: string;
+    CHANGE_CI_TEXT: string;
+    CHANGE_CI_NOTE: string;
+};
+export declare const WORKFLOW_OPTIONS_MODAL_TYPES: {
+    DEFAULT: string;
+    RECIEVE: string;
+    JOB: string;
+};
 export declare const SOURCE_TYPE_CARD_VARIANTS: {
-    BUILD: {
-        BUILD_AND_DEPLOY_FROM_SOURCE_CODE: {
-            title: string;
-            subtitle: string;
-            dataTestId: string;
-            type: CIPipelineNodeType.CI_CD;
-            icons: ({
-                name: "ic-git-branch";
-                color: "N700";
-            } | {
-                name: "ic-build-color";
-                color: any;
-            } | {
-                name: "ic-deploy-color";
-                color: any;
-            })[];
-        };
-        BUILD_FROM_SOURCE_CODE: {
-            title: string;
-            subtitle: string;
-            dataTestId: string;
-            type: CIPipelineNodeType.CI;
-            icons: ({
-                name: "ic-git-branch";
-                color: "N700";
-            } | {
-                name: "ic-build-color";
-                color: any;
-            })[];
-        };
-        JOB: {
-            title: string;
-            subtitle: string;
-            dataTestId: string;
-            type: CIPipelineNodeType.JOB_CI;
-            icons: {
-                name: "ic-job-color";
-                color: any;
-            }[];
-        };
+    SOURCE_CODE: {
+        title: string;
+        subtitle: string;
+        image: string;
+        alt: string;
+        dataTestId: string;
+        type: CIPipelineNodeType;
+    };
+    LINKED_PIPELINE: {
+        title: string;
+        subtitle: string;
+        image: string;
+        alt: string;
+        dataTestId: string;
+        type: CIPipelineNodeType;
     };
-    RECEIVE: {
-        EXTERNAL_SERVICE: {
-            title: string;
-            subtitle: string;
-            dataTestId: string;
-            type: WorkflowNodeType.WEBHOOK;
-            icons: ({
-                name: "ic-webhook";
-                color: any;
-            } | {
-                name: "ic-deploy-color";
-                color: any;
-            })[];
-        };
-        LINKED_PIPELINE: {
-            title: string;
-            subtitle: string;
-            dataTestId: string;
-            type: CIPipelineNodeType.LINKED_CI;
-            icons: {
-                name: "ic-linked-build-color";
-                color: any;
-            }[];
-        };
+    EXTERNAL_SERVICE: {
+        title: string;
+        subtitle: string;
+        image: string;
+        alt: string;
+        dataTestId: string;
+        type: PipelineType;
     };
     JOB: {
-        JOB: {
-            title: string;
-            subtitle: string;
-            dataTestId: string;
-            type: CIPipelineNodeType.JOB_CI;
-            icons: {
-                name: "ic-job-color";
-                color: any;
-            }[];
-        };
+        title: string;
+        subtitle: string;
+        image: string;
+        alt: string;
+        dataTestId: string;
+        type: CIPipelineNodeType;
     };
 };
 export declare const NO_ENV_FOUND = "No environment found. Please create a CD Pipeline first.";
+export declare const CHANGE_SAME_CI = "Cannot change to same source type";
 export declare const REQUEST_IN_PROGRESS = "Request in progress";
 export declare const TOAST_MESSAGES: {
     SUCCESS_CHANGE_TO_WEBHOOK: string;

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

@@ -1,2 +1 @@
-export type { SourceTypeCardProps } from './types';
 export { default as WorkflowOptionsModal } from './WorkflowOptionsModal';

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

@@ -1,19 +1,20 @@
-import { WorkflowNodeType } from '../../../Common/Types';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
 import { AppConfigProps } from '../../../Pages/index';
-import { GenericModalProps } from '../GenericModal';
-import { IconsProps } from '../Icon';
-export interface SourceTypeCardProps {
+interface LinkedCDSourceVariant {
     title: string;
     subtitle: string;
+    image: string;
+    alt: string;
     dataTestId: string;
-    type: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
-    disabled?: boolean;
+    type: string;
+}
+export interface SourceTypeCardProps extends LinkedCDSourceVariant {
+    handleCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
     disableInfo: string;
-    icons: Pick<IconsProps, 'name' | 'color'>[];
-    onCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    isDisabled?: boolean;
 }
-export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>>, Pick<GenericModalProps, 'open' | 'onClose'> {
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
+    handleCloseWorkflowOptionsModal: () => void;
     addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void;
     addWebhookCD: (workflowId?: number | string) => void;
     addLinkedCD: (changeCIPayload?: ChangeCIPayloadType) => void;
@@ -22,6 +23,7 @@ export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps,
     changeCIPayload?: ChangeCIPayloadType;
     workflows?: WorkflowType[];
     getWorkflows?: () => void;
-    linkedCDSourceVariant?: Pick<SourceTypeCardProps, 'title' | 'subtitle' | 'type' | 'icons' | 'dataTestId'>;
+    linkedCDSourceVariant?: LinkedCDSourceVariant;
     isAppGroup?: boolean;
 }
+export {};

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

@@ -1,6 +1,5 @@
-import { PipelineType, WorkflowNodeType } from '../../../Common/Types';
-import { ChangeCIPayloadType, CIPipelineNodeType } from '../../types';
-import { SourceTypeCardProps, WorkflowOptionsModalProps } from './types';
+import { PipelineType } from '../../../Common/Types';
+import { ChangeCIPayloadType } from '../../types';
 export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloadType) => {
     appId: number;
     pipelines: {
@@ -13,13 +12,3 @@ export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloa
         switchFromCiPipelineId: number;
     }[];
 };
-export declare const getCurrentPipelineType: ({ workflows, changeCIPayload, }: Required<Pick<WorkflowOptionsModalProps, "workflows" | "changeCIPayload">>) => SourceTypeCardProps["type"];
-export declare const getBuildWorkflowCardsConfig: ({ currentPipelineType, changeCIPayload, isAppGroup, }: {
-    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
-} & Required<Pick<WorkflowOptionsModalProps, "changeCIPayload" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
-export declare const getReceiveWorkflowCardsConfig: ({ currentPipelineType, linkedCDSourceVariant, isAppGroup, }: {
-    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
-} & Required<Pick<WorkflowOptionsModalProps, "linkedCDSourceVariant" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
-export declare const getJobWorkflowCardsConfig: ({ currentPipelineType, isAppGroup, }: {
-    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
-} & Required<Pick<WorkflowOptionsModalProps, "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];

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

@@ -41,7 +41,6 @@ export * from './FlagImage';
 export * from './FloatingVariablesSuggestions';
 export * from './FramerComponents';
 export * from './GenericInfoCard';
-export * from './GenericModal';
 export * from './GenericSectionErrorState';
 export * from './GitCommitInfoGeneric';
 export * from './GitProviderIcon';
@@ -65,7 +64,6 @@ export * from './ModalSidebarPanel';
 export * from './NumbersCount';
 export * from './PhoneInput';
 export * from './Plugin';
-export * from './Popover';
 export * from './ProgressBar';
 export { default as QRCode } from './QRCode';
 export * from './ReactSelect';

package/dist/Shared/Helpers.d.ts

@@ -5,7 +5,7 @@ import { Pair } from 'yaml';
 import { MaterialHistoryType } from './Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, PodMetadatum } from './Components';
-import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -102,5 +102,4 @@ export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, t
 export declare const clearCookieOnLogout: () => void;
 export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
-export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
 export {};

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

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

package/dist/Shared/Providers/{MainContextProvider/types.d.ts → types.d.ts}

@@ -1,7 +1,7 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
-import { SERVER_MODE } from '../../../Common';
-import { DevtronLicenseInfo, EnvironmentDataValuesDTO, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '../..';
-import { ServerInfo } from '../../Components/Header/types';
+import { SERVER_MODE } from '../../Common';
+import { ServerInfo } from '../Components/Header/types';
+import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..';
 export interface ReloadVersionConfigTypes {
     bgUpdated: boolean;
     handleAppUpdate: () => void;
@@ -66,7 +66,7 @@ type CommonMainContextProps = {
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
     setAIAgentContext: (aiAgentContext: AIAgentContextType) => void;
     setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>;
-} & Pick<EnvironmentDataValuesDTO, 'isResourceRecommendationEnabled'>;
+};
 export type MainContext = CommonMainContextProps & ({
     isLicenseDashboard?: never;
     serverMode: SERVER_MODE;

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

@@ -38,6 +38,5 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     isManifestScanningEnabled: boolean;
     canOnlyViewPermittedEnvOrgLevel: boolean;
     devtronManagedLicensingEnabled: boolean;
-    isResourceRecommendationEnabled?: boolean;
 }
 export {};

package/dist/Shared/types.d.ts

@@ -97,8 +97,7 @@ export declare enum Nodes {
     Node = "Node",
     Overview = "Overview",
     MonitoringDashboard = "MonitoringDashboard",
-    UpgradeCluster = "UpgradeCluster",
-    ResourceRecommender = "ResourceRecommender"
+    UpgradeCluster = "UpgradeCluster"
 }
 export type NodeType = keyof typeof Nodes;
 export interface Node {
@@ -761,15 +760,6 @@ interface CommonTabArgsType {
      * @default false
      */
     shouldRemainMounted?: boolean;
-    /**
-     * @default false
-     * If true, tab would contain alpha as badge next to the title
-     */
-    isAlpha?: boolean;
-    /**
-     * On tab stop, i.e by pressing cross icon on alive tab [fixed tab expanding on click of tab and remains expanded on other tab click], tab will reset the tab to this default URL if provided
-     */
-    defaultUrl?: string | null;
 }
 export type InitTabType = Omit<CommonTabArgsType, 'type'> & ({
     type: 'fixed';
@@ -886,8 +876,7 @@ export declare enum CIPipelineNodeType {
     CI = "CI",
     LINKED_CI = "LINKED-CI",
     JOB_CI = "JOB-CI",
-    LINKED_CD = "LINKED_CD",
-    CI_CD = "CI_CD"
+    LINKED_CD = "LINKED_CD"
 }
 export interface ChangeCIPayloadType {
     appWorkflowId: number;