@devtron-labs/devtron-fe-common-lib 0.2.24-beta-2 → 0.2.24-beta-4

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,2 +1,2 @@
 import { CustomInputProps } from './Types';
-export declare const CustomInput: ({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, inputProps, }: CustomInputProps) => JSX.Element;
+export declare const CustomInput: ({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, inputProps, }: CustomInputProps) => JSX.Element;

package/dist/Common/CustomInput/Types.d.ts

@@ -20,6 +20,7 @@ export interface CustomInputProps {
     handleOnBlur?: (e: any) => void;
     readOnly?: boolean;
     noTrim?: boolean;
+    ref?: React.LegacyRef<HTMLInputElement>;
     onKeyPress?: (e: any) => void;
     defaultValue?: string | number | ReadonlyArray<string> | undefined;
     onKeyDown?: (e: any) => void;

package/dist/Pages/index.d.ts

@@ -1,4 +1,3 @@
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';
 export * from './CDPipeline';
-export * from './App';

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

@@ -0,0 +1,53 @@
+import { ButtonProps } from './types';
+/**
+ * Generic component for Button.
+ * Should be used in combination of variant, size and style.
+ *
+ * @example Default button
+ * ```tsx
+ * <Button text="Hello World"  />
+ * ```
+ *
+ * @example Custom variant
+ * ```tsx
+ * <Button text="Hello World" variant={ButtonVariantType.secondary}  />
+ * ```
+ *
+ * @example Custom size
+ * ```tsx
+ * <Button text="Hello World" size={ComponentSizeType.medium}  />
+ * ```
+ *
+ * @example Custom style
+ * ```tsx
+ * <Button text="Hello World" style={ButtonStyleType.positive}  />
+ * ```
+ *
+ * @example Disabled state
+ * ```tsx
+ * <Button text="Hello World" disabled  />
+ * ```
+ *
+ * @example Loading state
+ * ```tsx
+ * <Button text="Hello World" isLoading  />
+ * ```
+ *
+ * @example With start icon
+ * ```tsx
+ * <Button text="Hello World" startIcon={<ICCube />}  />
+ * ```
+ *
+ * @example With end icon
+ * ```tsx
+ * <Button text="Hello World" endIcon={<ICCube />}  />
+ * ```
+ *
+ * @example With tippy
+ * ```tsx
+ * <Button text="Hello World" showTippy tippyContent="Tippy content"  />
+ * ```
+ *
+ */
+declare const Button: ({ variant, size, style, text, startIcon, endIcon, disabled, isLoading, showTippy, tippyContent, type, ...props }: ButtonProps) => JSX.Element;
+export default Button;

package/dist/Shared/Components/Button/constants.d.ts

@@ -0,0 +1,5 @@
+import { ProgressingProps } from '../../../Common/Types';
+import { ButtonProps } from './types';
+export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
+export declare const BUTTON_SIZE_TO_ICON_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
+export declare const BUTTON_SIZE_TO_LOADER_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -0,0 +1,2 @@
+export { default as Button } from './Button.component';
+export * from './types';

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

@@ -0,0 +1,64 @@
+import { TooltipProps } from '@Common/Tooltip/types';
+import { ComponentSizeType } from '../../constants';
+import { ButtonHTMLAttributes, ReactElement } from 'react';
+export declare enum ButtonVariantType {
+    primary = "primary",
+    secondary = "secondary",
+    text = "text",
+    link = "link"
+}
+export declare enum ButtonStyleType {
+    default = "default",
+    negative = "negative",
+    positive = "positive",
+    warning = "warning",
+    neutral = "neutral"
+}
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'styles' | 'className'> & {
+    /**
+     * Variant of the button
+     *
+     * @default 'ButtonVariantType.primary'
+     */
+    variant?: ButtonVariantType;
+    /**
+     * Size of the button
+     *
+     * @default 'ComponentSizeType.large'
+     */
+    size?: ComponentSizeType;
+    /**
+     * Style to be applied on the button
+     *
+     * @default 'ButtonStyleType.default'
+     */
+    style?: ButtonStyleType;
+    /**
+     * Text to be displayed in the button
+     */
+    text: string;
+    /**
+     * If provided, icon to be displayed at the start of the button
+     */
+    startIcon?: ReactElement;
+    /**
+     * If provided, icon to be displayed at the end of the button
+     */
+    endIcon?: ReactElement;
+    /**
+     * If true, the loading state is shown for the button with disabled
+     */
+    isLoading?: boolean;
+} & ({
+    /**
+     * If true, the tippy is shown for the button
+     */
+    showTippy: boolean;
+    /**
+     * Tippy content to be shown for use cases like disabled etc
+     */
+    tippyContent: TooltipProps['content'];
+} | {
+    showTippy?: never;
+    tippyContent?: never;
+});

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from './types';
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading">) => string;

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

@@ -1,5 +1,5 @@
 import { default as React, Component } from 'react';
-export interface ButtonProps {
+export interface ButtonWithLoaderProps {
     disabled?: boolean;
     rootClassName: string;
     isLoading: boolean;
@@ -8,7 +8,10 @@ export interface ButtonProps {
     children?: React.ReactNode;
     type?: 'submit' | 'reset' | 'button';
 }
-export declare class ButtonWithLoader extends Component<ButtonProps> {
+/**
+ * @deprecated use Button instead
+ */
+export declare class ButtonWithLoader extends Component<ButtonWithLoaderProps> {
     constructor(props: any);
     clickHandler(event: any): void;
     render(): JSX.Element;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { TriggerDetailsType, TriggerOutputProps } from './types';
-export declare const TriggerDetails: React.MemoExoticComponent<({ status, startedOn, finishedOn, triggeredBy, triggeredByEmail, ciMaterials, gitTriggers, message, podStatus, type, stage, artifact, environmentName, isJobView, workerPodName, triggerMetadata, renderDeploymentHistoryTriggerMetaText, renderTargetConfigInfo, }: TriggerDetailsType) => JSX.Element>;
-declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, scrollToTop, scrollToBottom, renderTargetConfigInfo, }: TriggerOutputProps) => JSX.Element;
+export declare const TriggerDetails: React.MemoExoticComponent<({ status, startedOn, finishedOn, triggeredBy, triggeredByEmail, ciMaterials, gitTriggers, message, podStatus, type, stage, artifact, environmentName, isJobView, workerPodName, triggerMetadata, renderDeploymentHistoryTriggerMetaText, }: TriggerDetailsType) => JSX.Element>;
+declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, scrollToTop, scrollToBottom, }: TriggerOutputProps) => JSX.Element;
 export default TriggerOutput;

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement } from 'react';
+import { CSSProperties } from 'react';
 import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
@@ -46,15 +46,6 @@ export interface CICDSidebarFilterOptionType extends OptionType {
     pipelineType?: string;
     deploymentAppDeleteRequest?: boolean;
 }
-export interface TargetConfigType {
-    tenantIcon?: string;
-    tenantId?: string;
-    tenantName?: string;
-    installationId?: string;
-    installationName?: string;
-    releaseChannelId?: string;
-    releaseChannelName?: string;
-}
 export interface History {
     id: number;
     name: string;
@@ -89,7 +80,6 @@ export interface History {
     promotionApprovalMetadata?: PromotionApprovalMetadataType;
     triggerMetadata?: string;
     runSource?: RunSourceType;
-    targetConfig?: TargetConfigType;
 }
 export interface DeploymentHistoryResultObject {
     cdWorkflows: History[];
@@ -167,13 +157,8 @@ export interface StartDetailsType {
     isJobView?: boolean;
     triggerMetadata?: string;
     renderDeploymentHistoryTriggerMetaText: (triggerMetaData: string) => JSX.Element;
-    /**
-     * Callback handler for showing the target config
-     */
-    renderTargetConfigInfo?: () => ReactElement;
-    stage: DeploymentStageType;
 }
-export interface TriggerDetailsType extends Pick<StartDetailsType, 'renderTargetConfigInfo'> {
+export interface TriggerDetailsType {
     status: string;
     startedOn: string;
     finishedOn: string;
@@ -308,7 +293,7 @@ export interface VirtualHistoryArtifactProps {
         workflowId: number;
     };
 }
-export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDetailsType, 'renderTargetConfigInfo'> {
+export interface TriggerOutputProps extends RenderRunSourceType {
     fullScreenView: boolean;
     triggerHistory: Map<number, History>;
     setFullScreenView: React.Dispatch<React.SetStateAction<boolean>>;

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

@@ -39,3 +39,4 @@ export * from './DetectBottom';
 export * from './EditImageFormField';
 export * from './Collapse';
 export * from './FilterButton';
+export * from './Button';

package/dist/Shared/constants.d.ts

@@ -387,9 +387,11 @@ export declare const ANSI_UP_REGEX: RegExp;
  * Size variants for components
  */
 export declare enum ComponentSizeType {
+    xs = "xs",
     small = "small",
     medium = "medium",
-    large = "large"
+    large = "large",
+    xl = "xl"
 }
 export declare const POP_UP_MENU_MODAL_ID = "popup";
 /**

package/dist/Shared/types.d.ts

@@ -366,7 +366,6 @@ export declare enum ResourceKindType {
     cluster = "cluster",
     release = "release",
     releaseTrack = "release-track",
-    releaseChannel = "release-channel",
     tenant = "tenant",
     installation = "installation",
     environment = "environment",