@devtron-labs/devtron-fe-common-lib 1.22.0-alpha-11 → 1.22.0-alpha-12

package/dist/{@common-rjsf-zWRquX7c.js → @common-rjsf-DNN5APgf.js}

@@ -1,7 +1,7 @@
 import { j as n, aM as v, aO as J, aN as K } from "./@vendor-BsABdDGm.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 w, c as N, b as F, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-CfRcLXZj.js";
+import { T as O, j as w, c as N, b as F, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-DJMYIeUc.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/SortableTableHeaderCell/SortableTableHeaderCell.d.ts

@@ -30,5 +30,5 @@ import { SortableTableHeaderCellProps } from './types';
  * />
  * ```
  */
-declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, id, handleResize, isResizable, }: SortableTableHeaderCellProps) => JSX.Element;
+declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, id, handleResize, isResizable, infoTooltipText, }: SortableTableHeaderCellProps) => JSX.Element;
 export default SortableTableHeaderCell;

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

@@ -9,6 +9,10 @@ export type SortableTableHeaderCellProps = {
      * @default false
      */
     showTippyOnTruncate?: boolean;
+    /**
+     * If provided, shown in a tooltip on info-icon-outline beside the label
+     */
+    infoTooltipText?: string;
 } & ({
     /**
      * Unique identifier for the column

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

@@ -252,9 +252,12 @@ export declare const iconMap: {
     'ic-security-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-security-vulnerability': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ses': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-slack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-smtp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-software-release-management': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -307,6 +310,7 @@ export declare const iconMap: {
     'ic-warning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning-stroke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-webhook-config': 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/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, clearFilters: userGivenUrlClearFilters, rowStartIconConfig, onRowClick, areFiltersApplied: userProvidedAreFiltersApplied, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default InternalTable;

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, rowActionOnHoverConfig, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, }: 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, rowActionOnHoverConfig, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, rowStartIconConfig, onRowClick, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default TableContent;

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

@@ -6,3 +6,4 @@ 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;
+export declare const ACTION_GUTTER_SIZE = 24;

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

@@ -4,10 +4,13 @@ import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, Us
 import { GenericEmptyStateType } from '../../../Common/index';
 import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
+import { IconsProps } from '../Icon';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
 export interface UseFiltersReturnType extends UseStateFiltersReturnType<string> {
 }
 export declare enum SignalEnum {
+    COLLAPSE_ROW = "collapse-row",
+    EXPAND_ROW = "expand-row",
     ENTER_PRESSED = "enter-pressed",
     DELETE_PRESSED = "delete-pressed",
     ESCAPE_PRESSED = "escape-pressed",
@@ -42,11 +45,18 @@ type BaseColumnType = {
      */
     size: SizeType;
     horizontallySticky?: boolean;
-};
-export type RowType<Data extends unknown> = {
+} & Pick<SortableTableHeaderCellProps, 'infoTooltipText'>;
+type CommonRowType<Data extends unknown> = {
     id: string;
     data: Data;
 };
+export type ExpandedRowPrefixType = 'expanded-row-';
+export type ExpandedRowType<Data extends unknown> = CommonRowType<Data> & {
+    id: `${ExpandedRowPrefixType}${string}`;
+};
+export type RowType<Data extends unknown> = CommonRowType<Data> & {
+    expandableRows?: Array<ExpandedRowType<Data>>;
+};
 export type RowsType<Data extends unknown> = RowType<Data>[];
 export declare enum FiltersTypeEnum {
     STATE = "state",
@@ -59,6 +69,9 @@ export type CellComponentProps<RowData extends unknown = unknown, FilterVariant
     row: RowType<RowData>;
     filterData: FilterVariant extends FiltersTypeEnum.NONE ? null : FilterVariant extends FiltersTypeEnum.STATE ? UseFiltersReturnType : UseUrlFiltersReturnType<string>;
     isRowActive: boolean;
+    isExpandedRow: boolean;
+    isRowInExpandState: boolean;
+    expandRowCallback: (e: MouseEvent<HTMLButtonElement>) => void;
 };
 export type RowActionsOnHoverComponentProps<RowData extends unknown = unknown, AdditionalProps extends Record<string, any> = {}> = {
     row: RowType<RowData>;
@@ -111,7 +124,7 @@ export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant ex
     filteredRows: RowsType<RowData> | null;
     rows: RowsType<RowData> | null;
 } & (FilterVariant extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
-type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown> = {
+type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown, AdditionalProps extends Record<string, any>> = {
     filtersVariant: FilterVariant;
     /**
      * Props for useUrlFilters/useStateFilters hooks
@@ -123,8 +136,9 @@ type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown
      *
      * If filter is only being used for sorting, then send `noop` in this prop
      */
-    filter: FilterVariant extends FiltersTypeEnum.NONE ? null : (row: RowType<RowData>, filterData: UseFiltersReturnType) => boolean;
+    filter: FilterVariant extends FiltersTypeEnum.NONE ? null : (row: RowType<RowData>, filterData: UseFiltersReturnType, additionalProps: AdditionalProps) => boolean;
     clearFilters?: FilterVariant extends FiltersTypeEnum.URL ? () => void : FilterVariant extends FiltersTypeEnum.STATE ? never : never;
+    areFiltersApplied?: FilterVariant extends FiltersTypeEnum.NONE ? never : boolean;
 };
 export type InternalTableProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Required<Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, 'visibleColumns' | 'setVisibleColumns'>> & {
     id: `table__${string}`;
@@ -169,6 +183,12 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType<RowData>) => void;
     ViewWrapper?: FunctionComponent<ViewWrapperProps<RowData, FilterVariant, AdditionalProps>>;
+    /**
+     * An icon as the first element of the row, that hides actions like expand or bulk select icons
+     * until user hovers over the row or the row has focus from keyboard navigation
+     */
+    rowStartIconConfig?: Omit<IconsProps, 'dataTestId'>;
+    onRowClick?: (row: RowType<RowData>, isExpandedRow: boolean) => void;
 } & ({
     /**
      * Direct rows data for frontend-only datasets like resource browser.
@@ -191,12 +211,12 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
 } | {
     paginationVariant: Omit<PaginationEnum, 'PAGINATED'>;
     pageSizeOptions?: never;
-}) & FilterConfig<FilterVariant, RowData>;
+}) & FilterConfig<FilterVariant, RowData, AdditionalProps>;
 export type UseResizableTableConfigWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'resizableConfig'>;
 export type TableWithBulkSelectionProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<UseResizableTableConfigWrapperProps<RowData, FilterVariant, AdditionalProps>, 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow'>;
 export type VisibleColumnsWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<TableWithBulkSelectionProps<RowData, FilterVariant, AdditionalProps>, 'visibleColumns' | 'setVisibleColumns'>;
 export type FilterWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<VisibleColumnsWrapperProps<RowData, FilterVariant, AdditionalProps>, 'filterData'>;
-export type TableProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = Pick<FilterWrapperProps<RowData, FilterVariant, AdditionalProps>, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'rowActionOnHoverConfig' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
+export type TableProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = Pick<FilterWrapperProps<RowData, FilterVariant, AdditionalProps>, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'rowActionOnHoverConfig' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters' | 'rowStartIconConfig' | 'onRowClick' | 'areFiltersApplied'>;
 export type BulkActionStateType = string | null;
 export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
     count: number;
@@ -214,7 +234,7 @@ export interface RowsResultType<RowData extends unknown> {
     filteredRows: RowsType<RowData>;
     totalRows: number;
 }
-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' | 'rowActionOnHoverConfig' | 'pageSizeOptions' | 'getRows'>, RowsResultType<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' | 'rowActionOnHoverConfig' | 'pageSizeOptions' | 'getRows' | 'rowStartIconConfig' | 'onRowClick'>, RowsResultType<RowData> {
     areFilteredRowsLoading: boolean;
 }
 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"]) => Awaited<ReturnType<TableProps<RowData>["getRows"]>>;
+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, additionalProps: AdditionalProps, 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>[];