@devtron-labs/devtron-fe-common-lib 0.6.0 → 0.6.1-beta-1

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/Common/Hooks/useUrlFilters/types.d.ts

@@ -8,6 +8,7 @@ export interface UseUrlFiltersProps<T, K> {
      * Callback function for parsing the search params
      */
     parseSearchParams?: (searchParams: URLSearchParams) => K;
+    localStorageKey?: string;
 }
 export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

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/Components/SelectPicker/type.d.ts

@@ -168,7 +168,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
 export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
     isGroupHeadingSelectable: boolean;
 };
-export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList'> {
+export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'isOptionDisabled'> {
     appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }

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> {
 }