@devtron-labs/devtron-fe-common-lib 0.5.0-beta-7 → 0.5.0-beta-8

package/dist/Common/Constants.d.ts

@@ -44,6 +44,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/Policy.Types.d.ts

@@ -5,11 +5,6 @@ import { ResponseType } from './Types';
 export declare enum ApplyPolicyToStage {
     PRE_CI = "PRE_CI",
     POST_CI = "POST_CI",
-    PRE_CD = "PRE_CD",
-    POST_CD = "POST_CD",
-    /**
-     * @deprecated in mandatory plugin policy v2
-     */
     PRE_OR_POST_CI = "PRE_OR_POST_CI"
 }
 export declare enum PluginRequiredStage {
@@ -51,17 +46,8 @@ export interface ProcessPluginDataReturnType {
     mandatoryPluginsError?: ServerErrors;
 }
 export declare enum ConsequenceAction {
-    /**
-     * This is used if the policy is enforced immediately.
-     */
     BLOCK = "BLOCK",
-    /**
-     * This is used if the policy will be enforced after a certain timestamp.
-     */
     ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",
-    /**
-     * This is used if the policy is not enforced yet (just to show waring).
-     */
     ALLOW_FOREVER = "ALLOW_FOREVER"
 }
 export interface ConsequenceType {

package/dist/Pages/GlobalConfigurations/BuildInfra/Descriptor.d.ts

@@ -1,3 +1,3 @@
-import { BuildInfraDescriptorProps } from './types';
-declare const Descriptor: ({ additionalContainerClasses, breadCrumbs, children, tippyInfoText, tippyAdditionalContent, }: BuildInfraDescriptorProps) => JSX.Element;
+import { DescriptorProps } from './types';
+declare const Descriptor: ({ additionalContainerClasses, breadCrumbs, children, tippyInfoText, tippyAdditionalContent, }: DescriptorProps) => JSX.Element;
 export default Descriptor;

package/dist/Pages/GlobalConfigurations/BuildInfra/types.d.ts

@@ -48,7 +48,7 @@ export declare enum BuildInfraProfileVariants {
     NORMAL = "NORMAL",
     CUSTOM = "CUSTOM"
 }
-export interface BuildInfraDescriptorProps {
+export interface DescriptorProps {
     /**
      * In case we want to restrict the max-width
      */

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

@@ -417,6 +417,8 @@ export interface DeploymentHistorySidebarType {
 export interface AppStatusDetailsChartType {
     filterRemoveHealth?: boolean;
     showFooter: boolean;
+    showConfigDriftInfo?: boolean;
+    onClose?: () => void;
 }
 export interface StatusFilterButtonType {
     nodes: Array<Node>;
@@ -430,6 +432,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.
      */
@@ -26,16 +50,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.
      */
@@ -73,17 +89,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.
      *
@@ -93,3 +113,4 @@ export interface CollapsibleListProps {
      */
     onCollapseBtnClick?: (id: string, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
+export {};

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

@@ -27,10 +27,12 @@ export type DeploymentConfigDiffSelectPickerProps = {
     text?: never;
     selectPickerProps: SelectPickerProps;
 };
-export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'href' | 'title' | 'onClick'> {
+export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem<'navLink'>, 'title'> {
     hasDiff?: boolean;
+    href: string;
+    onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
 }
-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/FeatureDescription/FeatureTitleWithInfo.d.ts

@@ -1,3 +1,3 @@
 import { DescriptorProps } from './types';
-declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, }: DescriptorProps) => JSX.Element;
+declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, }: DescriptorProps) => JSX.Element;
 export default FeatureTitleWithInfo;

package/dist/Shared/Components/FeatureDescription/index.d.ts

@@ -1,3 +1,2 @@
 export * from './FeatureDescriptionModal';
 export { default as FeatureTitleWithInfo } from './FeatureTitleWithInfo';
-export * from './types';

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

@@ -20,10 +20,4 @@ export interface DescriptorProps extends FeatureDescriptionModalProps {
     docLinkText?: string;
     dataTestId?: string;
     additionalContent?: ReactNode;
-    /**
-     * If true, the info icon is displayed which when clicked shows the feature description modal
-     *
-     * @default false
-     */
-    showInfoIcon?: boolean;
 }

package/dist/Shared/Components/Plugin/service.d.ts

@@ -1,6 +1,6 @@
 import { ResponseType } from '../../../Common';
-import { GetParentPluginListPayloadType, GetPluginStoreDataReturnType, GetPluginStoreDataServiceParamsType, MinParentPluginDTO, PluginDetailServiceParamsType } from './types';
-export declare const getPluginsDetail: ({ appId, parentPluginIds, pluginIds, signal, shouldShowError, parentPluginIdentifiers, }: PluginDetailServiceParamsType) => Promise<Pick<GetPluginStoreDataReturnType, "pluginStore">>;
+import { GetPluginStoreDataReturnType, GetPluginStoreDataServiceParamsType, MinParentPluginDTO, PluginDetailServiceParamsType } from './types';
+export declare const getPluginsDetail: ({ appId, parentPluginIds, pluginIds, signal, shouldShowError, }: PluginDetailServiceParamsType) => Promise<Pick<GetPluginStoreDataReturnType, "pluginStore">>;
 export declare const getPluginStoreData: ({ searchKey, selectedTags, appId, offset, signal, }: GetPluginStoreDataServiceParamsType) => Promise<GetPluginStoreDataReturnType>;
 export declare const getAvailablePluginTags: (appId: number) => Promise<string[]>;
-export declare const getParentPluginList: (params?: Partial<GetParentPluginListPayloadType>) => Promise<ResponseType<MinParentPluginDTO[]>>;
+export declare const getParentPluginList: (appId?: number) => Promise<ResponseType<MinParentPluginDTO[]>>;

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

@@ -13,7 +13,6 @@ export interface PluginAPIBaseQueryParamsType {
 export interface GetPluginTagsPayloadType extends PluginAPIBaseQueryParamsType {
 }
 export interface GetParentPluginListPayloadType extends PluginAPIBaseQueryParamsType {
-    type?: 'ALL';
 }
 export interface PluginTagNamesDTO {
     tagNames: string[];
@@ -51,7 +50,7 @@ export interface ParentPluginDTO {
     pluginVersions: PluginVersionsDTO;
     pluginIdentifier: string;
 }
-export interface MinParentPluginDTO extends Pick<ParentPluginDTO, 'id' | 'name' | 'icon' | 'pluginIdentifier'> {
+export interface MinParentPluginDTO extends Pick<ParentPluginDTO, 'id' | 'name' | 'icon'> {
 }
 export interface PluginDetailDTO {
     parentPlugins: ParentPluginDTO[];
@@ -61,7 +60,6 @@ export interface PluginDetailServiceParamsType {
     appId: number;
     pluginIds?: number[];
     parentPluginIds?: number[];
-    parentPluginIdentifiers?: string[];
     /**
      * @default true
      */
@@ -71,7 +69,6 @@ export interface PluginDetailServiceParamsType {
 export interface PluginDetailPayloadType extends Pick<PluginDetailServiceParamsType, 'appId'> {
     pluginId?: PluginDetailServiceParamsType['pluginIds'];
     parentPluginId?: PluginDetailServiceParamsType['parentPluginIds'];
-    parentPluginIdentifier?: PluginDetailServiceParamsType['parentPluginIdentifiers'][number];
 }
 export interface PluginListFiltersType extends Pick<BaseFilterQueryParams<unknown>, 'searchKey'> {
     selectedTags: string[];

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

@@ -134,5 +134,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, inputValue, onInputChange, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, inputValue, onInputChange, isCreatable, onCreateOption, closeMenuOnSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -2,7 +2,7 @@ import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps,
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerControl: <OptionValue>(props: ControlProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
+export declare const SelectPickerControl: <OptionValue, IsMulti extends boolean>({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "icon" | "showSelectedOptionIcon">) => JSX.Element;
 export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
 export declare const SelectPickerLoadingIndicator: () => JSX.Element;
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -39,24 +39,17 @@ declare module 'react-select/base' {
          * Imp Note: The menu open/close needs to handled by the consumer in this case
          */
         renderCustomOptions?: () => ReactElement;
-        /**
-         * Icon to be rendered in the control
-         */
-        icon?: ReactElement;
-        /**
-         * If true, the selected option icon is shown in the container.
-         * startIcon has higher priority than endIcon.
-         *
-         * @default 'true'
-         */
-        showSelectedOptionIcon?: boolean;
     }
 }
 export declare enum SelectPickerVariantType {
     DEFAULT = "default",
     BORDER_LESS = "border-less"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'>> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'onInputChange' | 'inputValue'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'>> & {
+    /**
+     * Icon to be rendered in the control
+     */
+    icon?: ReactElement;
     /**
      * Error message for the select
      */
@@ -69,6 +62,13 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      * Label for the select. if required is added, the corresponding * is also added
      */
     label?: ReactNode;
+    /**
+     * If true, the selected option icon is shown in the container.
+     * startIcon has higher priority than endIcon.
+     *
+     * @default 'true'
+     */
+    showSelectedOptionIcon?: boolean;
     /**
      * Custom selected options count for use cases like filters
      */
@@ -140,14 +140,6 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      * @default false
      */
     isCreatable?: boolean;
-    /**
-     * If false, the no options message is not shown
-     *
-     * Note: Handling for the menu distortion needs to be handled explicitly in this case
-     *
-     * @default true
-     */
-    shouldShowNoOptionsMessage?: boolean;
 } & (IsMulti extends true ? {
     isMulti: IsMulti | boolean;
     multiSelectProps?: {
@@ -171,7 +163,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' | 'getOptionValue'> {
+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'> {
     appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }

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

@@ -9,7 +9,6 @@ export declare const getGroupCheckboxValue: <OptionValue>(groupHeadingOptions: r
  * @param optionsList - The list of options or groups of options.
  * @param value - The value to compare against the options' values.
  * @param defaultOption - The default option to return if no match is found.
- * @param getOptionValue - Override the default value for the option
  * @returns The matched option or the default option if no match is found.
  */
-export declare const getSelectPickerOptionByValue: <OptionValue>(optionsList: OptionsOrGroups<SelectPickerOptionType<OptionValue>, GroupBase<SelectPickerOptionType<OptionValue>>>, value: OptionValue, defaultOption?: SelectPickerOptionType<OptionValue>, getOptionValue?: SelectPickerProps<OptionValue>["getOptionValue"]) => SelectPickerOptionType<OptionValue>;
+export declare const getSelectPickerOptionByValue: <OptionValue>(optionsList: OptionsOrGroups<SelectPickerOptionType<OptionValue>, GroupBase<SelectPickerOptionType<OptionValue>>>, value: OptionValue, defaultOption?: SelectPickerOptionType<OptionValue>) => SelectPickerOptionType<OptionValue>;

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> {
 }
@@ -375,7 +376,6 @@ export declare enum ResourceKindType {
     tenant = "tenant",
     installation = "installation",
     environment = "environment",
-    ciPipeline = "ci-pipeline",
     cdPipeline = "cd-pipeline",
     project = "project"
 }
@@ -396,9 +396,7 @@ export interface SeverityCount {
     unknown: number;
 }
 export declare enum PolicyKindType {
-    lockConfiguration = "lock-configuration",
-    imagePromotion = "image-promotion",
-    plugins = "plugin"
+    lockConfiguration = "lock-configuration"
 }
 export interface LastExecutionResultType {
     lastExecution: string;

package/dist/Shared/validations.d.ts

@@ -14,8 +14,6 @@ export declare const MESSAGES: {
     VALID_POSITIVE_INTEGER: string;
     MAX_SAFE_INTEGER: string;
     INVALID_SEMANTIC_VERSION: string;
-    INVALID_DATE: string;
-    DATE_BEFORE_CURRENT_TIME: string;
 };
 export declare const requiredField: (value: string) => ValidationResponseType;
 export declare const validateName: (name: string) => ValidationResponseType;
@@ -44,4 +42,3 @@ export declare const validateSemanticVersioning: (version: string) => Validation
  */
 export declare const validateDisplayName: (name: string) => ValidationResponseType;
 export declare const validateJSON: (json: string) => ValidationResponseType;
-export declare const validateDateAndTime: (date: Date) => ValidationResponseType;