@devtron-labs/devtron-fe-common-lib 0.5.7 → 0.5.8

package/dist/Common/Constants.d.ts

@@ -45,6 +45,7 @@ export declare const URLS: {
     GLOBAL_CONFIG_SCOPED_VARIABLES: string;
     GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: string;
     NETWORK_STATUS_INTERFACE: string;
+    CONFIG_DRIFT: string;
 };
 export declare const ROUTES: {
     APP: string;

package/dist/Shared/Components/CICDHistory/AppStatusDetailsChart.d.ts

@@ -1,3 +1,3 @@
 import { AppStatusDetailsChartType } from './types';
-declare const AppStatusDetailsChart: ({ filterRemoveHealth, showFooter }: AppStatusDetailsChartType) => JSX.Element;
+declare const AppStatusDetailsChart: ({ filterRemoveHealth, showFooter, showConfigDriftInfo, onClose, }: AppStatusDetailsChartType) => JSX.Element;
 export default AppStatusDetailsChart;

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

@@ -420,6 +420,8 @@ export interface DeploymentHistorySidebarType {
 export interface AppStatusDetailsChartType {
     filterRemoveHealth?: boolean;
     showFooter: boolean;
+    showConfigDriftInfo?: boolean;
+    onClose?: () => void;
 }
 export interface StatusFilterButtonType {
     nodes: Array<Node>;
@@ -433,6 +435,9 @@ export declare enum NodeStatus {
     Suspended = "suspended",
     Unknown = "unknown"
 }
+export declare enum NodeFilters {
+    drifted = "drifted"
+}
 type NodesMap = {
     [key in NodeType]?: Map<string, any>;
 };

package/dist/Shared/Components/CollapsibleList/CollapsibleList.component.d.ts

@@ -1,2 +1,2 @@
-import { CollapsibleListProps } from './CollapsibleList.types';
-export declare const CollapsibleList: ({ config, onCollapseBtnClick }: CollapsibleListProps) => JSX.Element;
+import { CollapsibleListProps, TabOptions } from './CollapsibleList.types';
+export declare const CollapsibleList: <TabType extends TabOptions>({ config, tabType, onCollapseBtnClick, }: CollapsibleListProps<TabType>) => JSX.Element;

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

@@ -1,6 +1,30 @@
 import { default as React } from 'react';
 import { TippyProps } from '@tippyjs/react';
-export interface CollapsibleListItem {
+interface ButtonTab {
+    /**
+     * Is tab active ( for button tab )
+     */
+    isActive: boolean;
+    /**
+     * The callback function to handle click events on the button.
+     */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    href?: never;
+}
+interface NavLinkTab {
+    /**
+     * The URL of the nav link.
+     */
+    href: string;
+    /**
+     * The callback function to handle click events on the nav link.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    isActive?: never;
+}
+export type TabOptions = 'button' | 'navLink';
+type ConditionalTabType<TabType extends TabOptions> = TabType extends 'button' ? ButtonTab : NavLinkTab;
+export type CollapsibleListItem<TabType extends TabOptions> = ConditionalTabType<TabType> & {
     /**
      * The title of the list item.
      */
@@ -30,16 +54,8 @@ export interface CollapsibleListItem {
          */
         tooltipProps?: TippyProps;
     };
-    /**
-     * The URL of the nav link.
-     */
-    href?: string;
-    /**
-     * The callback function to handle click events on the nav link.
-     */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-}
-export interface CollapsibleListConfig {
+};
+export interface CollapsibleListConfig<TabType extends 'button' | 'navLink'> {
     /**
      * The unique identifier for the collapsible list.
      */
@@ -77,17 +93,21 @@ export interface CollapsibleListConfig {
     /**
      * An array of items to be displayed in the collapsible list.
      */
-    items: CollapsibleListItem[];
+    items: CollapsibleListItem<TabType>[];
     /**
      * Boolean indicating whether the list is expanded or not.
      */
     isExpanded?: boolean;
 }
-export interface CollapsibleListProps {
+export interface CollapsibleListProps<TabType extends TabOptions> {
     /**
      * An array of collapsible list configurations.
      */
-    config: CollapsibleListConfig[];
+    config: CollapsibleListConfig<TabType>[];
+    /**
+     * Type of tab list: button or navLink
+     */
+    tabType: TabType;
     /**
      * Function to handle the collapse button click event.
      *
@@ -97,3 +117,4 @@ export interface CollapsibleListProps {
      */
     onCollapseBtnClick?: (id: string, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
+export {};

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

@@ -37,11 +37,11 @@ export type DeploymentConfigDiffSelectPickerProps = {
     text?: never;
     selectPickerProps: SelectPickerProps;
 };
-export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'href' | 'title' | 'onClick'> {
+export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem<'navLink'>, 'href' | 'title' | 'onClick'> {
     Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     diffState: DeploymentConfigListItem['diffState'];
 }
-export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<CollapsibleListConfig, 'id' | 'header' | 'noItemsText'> {
+export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<CollapsibleListConfig<'navLink'>, 'id' | 'header' | 'noItemsText'> {
     items: DeploymentConfigDiffNavigationItem[];
 }
 export interface DeploymentConfigDiffProps {

package/dist/Shared/types.d.ts

@@ -104,6 +104,7 @@ export interface Node {
     port: number;
     canBeHibernated: boolean;
     isHibernated: boolean;
+    hasDrift?: boolean;
 }
 export interface iNodes extends Array<iNode> {
 }