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

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

@@ -1,7 +1,8 @@
-import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction } from 'react';
+import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
 import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
-import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps } from '../../../Common/Hooks';
+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/index.d.ts

@@ -65,6 +65,7 @@ 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, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -102,4 +102,5 @@ 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/MainContextProvider/types.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { SERVER_MODE } from '../../../Common';
-import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '../..';
+import { DevtronLicenseInfo, EnvironmentDataValuesDTO, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '../..';
 import { ServerInfo } from '../../Components/Header/types';
 export interface ReloadVersionConfigTypes {
     bgUpdated: boolean;
@@ -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,5 +38,6 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     isManifestScanningEnabled: boolean;
     canOnlyViewPermittedEnvOrgLevel: boolean;
     devtronManagedLicensingEnabled: boolean;
+    isResourceRecommendationEnabled?: boolean;
 }
 export {};

package/dist/Shared/types.d.ts

@@ -97,7 +97,8 @@ export declare enum Nodes {
     Node = "Node",
     Overview = "Overview",
     MonitoringDashboard = "MonitoringDashboard",
-    UpgradeCluster = "UpgradeCluster"
+    UpgradeCluster = "UpgradeCluster",
+    ResourceRecommender = "ResourceRecommender"
 }
 export type NodeType = keyof typeof Nodes;
 export interface Node {
@@ -760,6 +761,15 @@ 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';