@devtron-labs/devtron-fe-common-lib 1.18.1-pre-0 → 1.18.1-pre-2

package/dist/{@common-rjsf-BE1x3bxN.js → @common-rjsf-BljIUSzx.js}

@@ -1,7 +1,7 @@
 import { j as n, au as y, aw as k, av as M } from "./@vendor-3ORIJA0h.js";
 import W, { forwardRef as J, useMemo as P } from "react";
 import V, { getDefaultRegistry as K } from "@rjsf/core";
-import { T as N, j as w, c as v, b as F, S as q, i as Y, a as G, d as C, e as z } from "./@code-editor-DMWjznh4.js";
+import { T as N, j as w, c as v, b as F, S as q, i as Y, a as G, d as C, e as z } from "./@code-editor-Bb96VwXB.js";
 import { getUiOptions as I, getTemplate as D, getSubmitButtonOptions as Q, ADDITIONAL_PROPERTY_FLAG as B, errorId as X, englishStringTranslator as Z, TranslatableString as ee, titleId as te, canExpand as ne, deepEquals as re } from "@rjsf/utils";
 import { ReactComponent as se } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ae } from "./assets/ic-warning.ecf7ff97.svg";

package/dist/Common/Constants.d.ts

@@ -58,7 +58,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";

package/dist/Common/Modals/Modal.d.ts

@@ -2,4 +2,4 @@ import { ModalType } from '../Types';
 /**
  * @deprecated Use VisibleModal instead
  */
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;
+export declare const Modal: ({ style, children, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -245,7 +245,6 @@ export interface PopupMenuBodyType {
 export interface ModalType {
     style?: React.CSSProperties;
     children?: ReactNode;
-    modal?: boolean;
     rootClassName?: string;
     onClick?: any;
     callbackRef?: (element?: any) => any;

package/dist/Pages/ResourceBrowser/ClusterMap/ClusterMap.d.ts

@@ -0,0 +1,2 @@
+import { ClusterMapProps } from './types';
+export declare const ClusterMap: ({ filteredList, isLoading }: ClusterMapProps) => JSX.Element;

package/dist/Pages/ResourceBrowser/ClusterMap/index.d.ts

@@ -0,0 +1 @@
+export * from './ClusterMap';

package/dist/Pages/ResourceBrowser/ClusterMap/types.d.ts

@@ -0,0 +1,27 @@
+import { ClusterStatusType } from '../types';
+export interface ClusterStatusAndType {
+    isProd: boolean;
+    status: ClusterStatusType;
+    isVirtualCluster?: boolean;
+}
+export interface ClusterMapProps {
+    isLoading?: boolean;
+    filteredList: ClusterStatusAndType[];
+}
+export interface StatusCountEnum {
+    healthyCount: number;
+    unhealthyCount: number;
+    connectionFailedCount: number;
+    prodCount: number;
+    virtualCount: number;
+}
+export interface StatusEntity {
+    value: number;
+    label: string;
+    color: string;
+    proportionalValue: string;
+}
+export interface ClusterEntitiesTypes {
+    statusEntities: StatusEntity[];
+    deploymentEntities: StatusEntity[];
+}

package/dist/Pages/ResourceBrowser/ClusterMap/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClusterEntitiesTypes, ClusterStatusAndType, StatusCountEnum } from './types';
+/**
+ *
+ * @param filteredList
+ * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount, virtualCount
+ */
+export declare const getStatusCount: (filteredList: ClusterStatusAndType[]) => StatusCountEnum;
+/**
+ *
+ * @param filteredList
+ * @returns statusEntities, deploymentEntities
+ *
+ */
+export declare const getEntities: (filteredList: ClusterStatusAndType[]) => ClusterEntitiesTypes;

package/dist/Pages/ResourceBrowser/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ClusterMap';
 export * from './constants';
 export { default as ForceDeleteOption } from './ForceDeleteOption';
 export * from './Helper';

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -51,7 +51,7 @@ export interface ClusterCapacityType {
     serverVersion: string;
     nodeDetails?: NodeDetailsType[];
     nodeErrors: Record<string, string>[];
-    status?: ClusterStatusType;
+    status: ClusterStatusType;
     isProd: boolean;
     installationId?: number;
 }

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts

@@ -13,7 +13,7 @@ export declare const getPipelineDeploymentsOptions: ({ pipelineDeployments, wfrI
     wfrId: number;
 }) => {
     currentDeployment: string;
-    pipelineDeploymentsOptions: SelectPickerOptionType<number>[];
+    pipelineDeploymentsOptions: SelectPickerOptionType<number, import('react').ReactNode>[];
 };
 export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: number) => (searchParams: URLSearchParams) => {
     compareWfrId: number;

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

@@ -0,0 +1,3 @@
+import { ChipProps } from './types';
+declare const Chip: ({ label, startIconProps, size: userSize, value, onRemove, style, type, onClick, capitalizeLabel, href, }: ChipProps) => JSX.Element;
+export default Chip;

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

@@ -0,0 +1,2 @@
+export { default as Chip } from './Chip.component';
+export type { ChipProps } from './types';

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

@@ -0,0 +1,58 @@
+import { MouseEvent, PropsWithChildren } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { IconsProps } from '../Icon';
+export type ChipProps = {
+    /**
+     * The label to be displayed on the chip.
+     * This is a required field and should be a string.
+     */
+    label: string;
+    /**
+     * The size of the chip, which determines its padding and icon size.
+     * @default ComponentSizeType.xs
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.xxs>;
+    /**
+     * If style is 'error', an error icon will be displayed.
+     * If style is 'neutral', a start icon can be provided.
+     * @default 'neutral'
+     */
+    style?: 'neutral' | 'error';
+    startIconProps?: Pick<IconsProps, 'name' | 'color'>;
+    capitalizeLabel?: boolean;
+} & ({
+    type: 'button';
+    href?: never;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    value?: never;
+    onRemove?: () => void;
+} | {
+    type: 'link';
+    href: string;
+    onClick?: never;
+    value?: never;
+    onRemove?: never;
+} | {
+    /**
+     * The type of the chip, which can be 'button', 'link', or 'non-interactive'.
+     * This determines the behavior of the chip when clicked.
+     * @default 'non-interactive'
+     */
+    type?: 'non-interactive';
+    href?: never;
+    onClick?: never;
+    /**
+     * The value to be displayed in the chip, if any.
+     * This is optional and can be used to show additional information.
+     * @default undefined
+     */
+    value?: string | number;
+    /**
+     * A function that will be called when the remove button is clicked.
+     * This is optional and can be used to handle the removal of the chip.
+     */
+    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
+});
+export interface GetIconPropsType extends Pick<ChipProps, 'style' | 'startIconProps' | 'size'> {
+}
+export type ChipWrapperProps = PropsWithChildren<Required<Pick<ChipProps, 'type' | 'style' | 'onClick' | 'href' | 'size'>>>;

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

@@ -0,0 +1,6 @@
+import { ComponentSizeType } from '../../constants';
+import { ChipProps } from './types';
+export declare const getIconSize: (size: ChipProps["size"]) => 14 | 16;
+export declare const getPadding: (size: ChipProps["size"]) => "px-4 py-2" | "px-6 py-2";
+export declare const getFontSize: (size: ChipProps["size"]) => "fs-12 lh-16" | "fs-12 lh-20";
+export declare const getSupportedChipSizes: (size: ComponentSizeType) => ComponentSizeType.xxs | ComponentSizeType.xs;

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

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 export interface FilterChipProps {
     /**
      * Filter label
@@ -15,11 +14,11 @@ export interface FilterChipProps {
     /**
      * If passed, the label will be formatted accordingly
      */
-    getFormattedLabel?: (filterKey: string) => ReactNode;
+    getFormattedLabel?: (filterKey: string) => string;
     /**
      * If passed, the label will be formatted accordingly
      */
-    getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
+    getFormattedValue?: (filterKey: string, filterValue: unknown) => string;
     showRemoveIcon: boolean;
     /**
      * If true, would hide the label

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

@@ -18,6 +18,7 @@ export declare const iconMap: {
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,6 +134,7 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,4 +1,4 @@
-import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
+import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, OptionProps, ValueContainerProps } from 'react-select';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
@@ -10,8 +10,7 @@ export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends b
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
 export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
 export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
-export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
+export declare const SelectPickerMultiValue: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
 export declare const renderLoadingMessage: () => JSX.Element;
 export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;

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

@@ -9,7 +9,8 @@ import { ComponentSizeType } from '../../constants';
 import { ActionMenuProps } from '../ActionMenu';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
 import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
-export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
+import { IconsProps } from '../Icon';
+export interface SelectPickerOptionType<OptionValue = string | number, OptionLabel = ReactNode> extends OptionType<OptionValue, OptionLabel> {
     /**
      * Description to be displayed for the option
      */
@@ -17,11 +18,11 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
     /**
      * Icon at the start of the option
      */
-    startIcon?: ReactElement;
+    startIcon?: ReactElement<IconsProps>;
     /**
      * Icon at the end of the option
      */
-    endIcon?: ReactElement;
+    endIcon?: ReactElement<IconsProps>;
     /**
      * Props passed to show the tippy on option
      */

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

@@ -13,6 +13,7 @@ export * from './BulkSelection';
 export * from './Button';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './Chip';
 export * from './CICDHistory';
 export * from './CMCS';
 export * from './CodeEditor';

package/dist/Shared/constants.d.ts

@@ -432,3 +432,4 @@ export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
 export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
 export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWithDefault, string>;
 export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];
+export declare const ALLOW_ACTION_OUTSIDE_FOCUS_TRAP = "allow-action-outside-focus-trap";