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

package/dist/{@common-rjsf-B8A8KoLV.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-C03TzOhp.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/Pages/ResourceBrowser/ClusterMap/types.d.ts

@@ -2,6 +2,7 @@ import { ClusterStatusType } from '../types';
 export interface ClusterStatusAndType {
     isProd: boolean;
     status: ClusterStatusType;
+    isVirtualCluster?: boolean;
 }
 export interface ClusterMapProps {
     isLoading?: boolean;
@@ -12,6 +13,7 @@ export interface StatusCountEnum {
     unhealthyCount: number;
     connectionFailedCount: number;
     prodCount: number;
+    virtualCount: number;
 }
 export interface StatusEntity {
     value: number;

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

@@ -2,7 +2,7 @@ import { ClusterEntitiesTypes, ClusterStatusAndType, StatusCountEnum } from './t
 /**
  *
  * @param filteredList
- * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount
+ * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount, virtualCount
  */
 export declare const getStatusCount: (filteredList: ClusterStatusAndType[]) => StatusCountEnum;
 /**

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/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';