@devtron-labs/devtron-fe-common-lib 1.19.0-pre-1 → 1.19.0-pre-3

package/dist/{@common-rjsf-RBW8IyBR.js → @common-rjsf-DRKnGkfJ.js}

@@ -1,7 +1,7 @@
 import { j as n, au as T, aw as J, av as K } from "./@vendor-3ORIJA0h.js";
 import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
 import z, { getDefaultRegistry as Q } from "@rjsf/core";
-import { T as O, j as F, c as w, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-CIqjdv0K.js";
+import { T as O, j as F, c as w, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-zWRUZR9s.js";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
 import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";

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

@@ -1,2 +1,3 @@
+export type { SupportedKeyboardKeysType } from './types';
 export { default as useRegisterShortcut } from './UseRegisterShortcut';
 export { default as UseRegisterShortcutProvider } from './UseRegisterShortcutProvider';

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

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

package/dist/Common/InteractiveCellText/InteractiveCellText.d.ts

@@ -0,0 +1,27 @@
+import { InteractiveCellTextProps } from './types';
+/**
+ * A reusable component for rendering text within a tooltip. The text can be interactive (clickable) or static.
+ *
+ * @param {Object} props - The props for the component.
+ * @param {string} props.text - The text to display inside the component. Defaults to `'-'` if not provided.
+ * @param {function} [props.onClickHandler] - Optional click handler function. If provided, the text will be rendered as a button.
+ * @param {string} [props.dataTestId] - Optional test ID for the component, useful for testing purposes.
+ * @param {string} [props.rootClassName] - Additional CSS class names to apply to the root element.
+ * @param {boolean} [props.interactive=false] - Whether the tooltip content is interactive.
+ * @param {number} [props.fontSize=13] - Font size for the text. Defaults to `13`.
+ * @param {React.ReactNode} [props.tippyContent=null] - Custom content for the tooltip. If not provided, `text` will be used.
+ * @returns {JSX.Element} The rendered `InteractiveCellText` component.
+ *
+ * @example
+ * // Example usage:
+ * <InteractiveCellText
+ *     text="Click me"
+ *     onClickHandler={() => alert('Clicked!')}
+ *     dataTestId="interactive-cell"
+ *     rootClassName="custom-class"
+ *     interactive={true}
+ *     fontSize={14}
+ *     tippyContent="Tooltip content"
+ * />
+ */
+export declare const InteractiveCellText: ({ text, onClickHandler, dataTestId, rootClassName, interactive, fontSize, tippyContent, }: InteractiveCellTextProps) => JSX.Element;

package/dist/Common/InteractiveCellText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InteractiveCellText';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { TippyCustomizedProps } from '../Types';
+export interface InteractiveCellTextProps {
+    text: string;
+    onClickHandler?: () => void;
+    dataTestId?: string;
+    rootClassName?: string;
+    interactive?: boolean;
+    fontSize?: number;
+    tippyContent?: TippyCustomizedProps<false>['additionalContent'];
+}

package/dist/Common/index.d.ts

@@ -25,6 +25,7 @@ export * from './Helper';
 export * from './Hooks';
 export * from './ImageTags';
 export * from './ImageTags.Types';
+export * from './InteractiveCellText';
 export * from './Markdown';
 export * from './Modals/Modal';
 export * from './Modals/VisibleModal';

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

@@ -67,6 +67,9 @@ export declare const iconMap: {
     '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-diff-added': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-diff-deleted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-diff-updated': 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>>;
@@ -124,6 +127,7 @@ export declare const iconMap: {
     '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-input': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, TableContentProps } from './types';
-declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default TableContent;

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

@@ -1,7 +1,7 @@
 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 { APIOptions, GenericEmptyStateType } from '../../../Common/index';
 import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
@@ -105,7 +105,7 @@ export interface ConfigurableColumnsType<RowData extends unknown, FilterVariant
 interface GetRowsProps extends Pick<UseFiltersReturnType, 'offset' | 'pageSize' | 'searchKey' | 'sortBy' | 'sortOrder'> {
 }
 type AdditionalFilterPropsType<T extends FiltersTypeEnum> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey' | 'defaultPageSize'> : T extends FiltersTypeEnum.STATE ? Pick<UseStateFiltersProps<string>, 'initialSortKey' | 'defaultPageSize'> : never;
-export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
+export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters' | 'areFiltersApplied'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
     areRowsLoading: boolean;
     filteredRows: RowsType<RowData> | null;
     rows: RowsType<RowData> | null;
@@ -177,7 +177,10 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
 } | {
     rows?: never;
     /** NOTE: Sorting on frontend is only handled if rows is provided instead of getRows */
-    getRows: (props: GetRowsProps) => Promise<RowsType<RowData>>;
+    getRows: (props: GetRowsProps, abortControllerRef: APIOptions['abortControllerRef']) => Promise<{
+        rows: RowsType<RowData>;
+        totalRows: number;
+    }>;
 }) & ({
     paginationVariant: PaginationEnum.PAGINATED;
     pageSizeOptions?: PageSizeOption[];
@@ -203,8 +206,9 @@ export interface GetFilteringPromiseProps<RowData extends unknown> {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType<RowData>> | RowsType<RowData>;
 }
-export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions'> {
+export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions' | 'getRows'> {
     filteredRows: RowsType<RowData>;
     areFilteredRowsLoading: boolean;
+    totalRows: number;
 }
 export {};

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

@@ -1,5 +1,5 @@
 import { Column, ConfigurableColumnsType, FiltersTypeEnum, GetFilteringPromiseProps, RowsType, TableProps, UseFiltersReturnType } from './types';
-export declare const searchAndSortRows: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>(rows: TableProps<RowData, FilterVariant, AdditionalProps>["rows"], filter: TableProps<RowData, FilterVariant, AdditionalProps>["filter"], filterData: UseFiltersReturnType, comparator?: Column<RowData, FilterVariant, AdditionalProps>["comparator"]) => RowsType<RowData>;
+export declare const searchAndSortRows: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>(rows: TableProps<RowData, FilterVariant, AdditionalProps>["rows"], filter: TableProps<RowData, FilterVariant, AdditionalProps>["filter"], filterData: UseFiltersReturnType, comparator?: Column<RowData, FilterVariant, AdditionalProps>["comparator"]) => Awaited<ReturnType<TableProps<RowData>["getRows"]>>;
 export declare const getVisibleColumnsFromLocalStorage: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ allColumns, id, }: Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, "allColumns"> & Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "id">) => Column<RowData, FilterVariant, AdditionalProps>[];
 export declare const setVisibleColumnsToLocalStorage: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ id, visibleColumns, }: Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, "visibleColumns"> & Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "id">) => void;
 export declare const getVisibleColumns: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ areColumnsConfigurable, columns, id, }: Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "areColumnsConfigurable" | "columns" | "id">) => Column<RowData, FilterVariant, AdditionalProps>[];

package/dist/Shared/Services/ToastManager/ToastContent.d.ts

@@ -1,2 +1,3 @@
-import { ToastProps } from './types';
+import { ShortcutToastContentProps, ToastProps } from './types';
 export declare const ToastContent: ({ title, description, buttonProps, }: Pick<ToastProps, "title" | "description" | "buttonProps">) => JSX.Element;
+export declare const ShortcutToastContent: ({ shortcuts, text }: ShortcutToastContentProps) => JSX.Element;

package/dist/Shared/Services/ToastManager/constants.d.ts

@@ -1,4 +1,4 @@
 import { ToastContainerProps, ToastOptions } from 'react-toastify';
-import { ToastProps, ToastVariantType } from './types';
+import { BaseToastProps, ToastProps } from './types';
 export declare const TOAST_BASE_CONFIG: ToastContainerProps;
-export declare const TOAST_VARIANT_TO_CONFIG_MAP: Record<ToastVariantType, Required<Pick<ToastProps, 'icon' | 'title' | 'progressBarBg'>> & Pick<ToastOptions, 'type'>>;
+export declare const TOAST_VARIANT_TO_CONFIG_MAP: Record<BaseToastProps['variant'], Required<Pick<ToastProps, 'icon' | 'title' | 'progressBarBg'>> & Pick<ToastOptions, 'type'>>;

package/dist/Shared/Services/ToastManager/toastManager.service.d.ts

@@ -65,7 +65,7 @@ declare class ToastManager {
     /**
      * Handler for showing the toast
      */
-    showToast: ({ variant, icon: customIcon, title, description, buttonProps, progressBarBg: customProgressBarBg, }: ToastProps, options?: Pick<ToastOptions, "autoClose">) => import('react-toastify').Id;
+    showToast: ({ variant, icon: customIcon, title, description, buttonProps, progressBarBg: customProgressBarBg, text, shortcuts, }: ToastProps, options?: Pick<ToastOptions, "autoClose">) => import('react-toastify').Id;
     /**
      * Handler for dismissing an existing toast
      */

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

@@ -1,13 +1,28 @@
 import { ReactElement } from 'react';
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks';
 import { ButtonComponentType, ButtonProps } from '../../Components';
 export declare enum ToastVariantType {
     info = "info",
     success = "success",
     error = "error",
     warn = "warn",
-    notAuthorized = "notAuthorized"
+    notAuthorized = "notAuthorized",
+    shortcut = "shortcut"
 }
-export interface ToastProps {
+export interface ShortcutToastProps {
+    variant: ToastVariantType.shortcut;
+    /**
+     * Text to display along the shortcuts in the toast
+     * Example: "Press [S] to switch context"
+     */
+    text: string;
+    /**
+     * The shortcuts to be displayed in the toast
+     * Note: The shortcuts should be in the format of `['Ctrl', 'A']
+     */
+    shortcuts: SupportedKeyboardKeysType[];
+}
+export interface BaseToastProps {
     /**
      * Title for the toast
      * If not provided, defaults to a value based on the selected variant
@@ -26,7 +41,7 @@ export interface ToastProps {
      *
      * @default ToastVariantType.info
      */
-    variant?: ToastVariantType;
+    variant?: Exclude<ToastVariantType, ToastVariantType.shortcut>;
     /**
      * Props for the action button to be displayed in the toast
      *
@@ -38,3 +53,8 @@ export interface ToastProps {
      */
     progressBarBg?: string;
 }
+export type ToastProps = (BaseToastProps & Partial<Record<Exclude<keyof ShortcutToastProps, 'variant'>, never>>) | (ShortcutToastProps & Partial<Record<Exclude<keyof BaseToastProps, 'variant'>, never>>);
+export interface ShortcutToastContentProps {
+    text: string;
+    shortcuts: SupportedKeyboardKeysType[];
+}