@devtron-labs/devtron-fe-common-lib 1.7.3 → 1.7.4

package/dist/{@common-rjsf-DkYtZEPs.js → @common-rjsf-CeBDaYTw.js}

@@ -1,7 +1,7 @@
 import { j as t, J as P } from "./@vendor-CIA81cZg.js";
 import R, { forwardRef as $ } from "react";
 import L, { getDefaultRegistry as D } from "@rjsf/core";
-import { T as v, c as H, a as U, i as k, b as y, d as S, S as J } from "./@code-editor-DF4xpSML.js";
+import { T as v, c as H, a as U, i as k, b as y, d as S, S as J } from "./@code-editor-eNie_Z1c.js";
 import M, { components as A } from "react-select";
 import { ReactComponent as V } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as C, getTemplate as B, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as I, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";

package/dist/Common/Constants.d.ts

@@ -1,4 +1,3 @@
-import { RegistryTypeDetailType } from './Types';
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
@@ -176,7 +175,6 @@ export declare const BuildStageVariable: {
     Build: string;
     PostBuild: string;
 };
-export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;
 export declare const RepositoryAction: {
     CONTAINER: string;
     CHART_PULL: string;
@@ -328,7 +326,8 @@ export declare enum GitProviderType {
     GITLAB = "gitlab",
     BITBUCKET = "bitbucket",
     AZURE = "azure",
-    GITEA = "gitea"
+    GITEA = "gitea",
+    GIT = "git"
 }
 /**
  * Formats the schema removing any irregularity in the existing schema

package/dist/Common/Helper.d.ts

@@ -10,7 +10,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | 0 | -1;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;

package/dist/Common/index.d.ts

@@ -48,6 +48,5 @@ export * from './Markdown';
 export * from './GenericDescription';
 export * from './SegmentedBarChart';
 export * from './CodeEditor';
-export * from './AppStatus';
 export * from './Tooltip';
 export * from './SegmentedControl';

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

@@ -2,5 +2,4 @@ import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDi
 import { History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string, hideDiffState: boolean) => JSX.Element;
-export declare const renderPipelineDeploymentStatusIcon: (status: string) => JSX.Element;
 export declare const renderPipelineDeploymentOptionDescription: ({ stage, triggeredBy, triggeredByEmail, artifact, renderRunSource, resourceId, runSource, }: Pick<History, "triggeredBy" | "triggeredByEmail" | "artifact" | "stage" | "runSource"> & Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "resourceId">) => JSX.Element;

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

@@ -6,8 +6,6 @@ export declare const getParsedTriggerHistory: (result: any) => DeploymentHistory
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
 export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
-export declare const renderProgressingTriggerIcon: (baseClass?: string) => JSX.Element;
-export declare const getTriggerStatusIcon: (triggerDetailStatus: string) => JSX.Element;
 export declare const getLogSearchIndex: ({ stageIndex, lineNumberInsideStage, }: Record<"stageIndex" | "lineNumberInsideStage", number>) => string;
 export declare const sanitizeWorkflowExecutionStages: (workflowExecutionStages: WorkflowExecutionStagesMapDTO["workflowExecutionStages"]) => ExecutionInfoType | null;
 export declare const getIconFromWorkflowStageStatusType: (status: WorkflowStageStatusType, baseClass?: string) => ReactElement;
@@ -36,3 +34,5 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
         count: number;
     })[];
 };
+export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
+export declare const getTriggerStatusIcon: (status: string) => string;

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

@@ -0,0 +1,2 @@
+import { GitProviderIconProps } from './types';
+export declare const GitProviderIcon: ({ gitProvider, size }: GitProviderIconProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './GitProviderIcon';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { GitProviderType } from '../../../Common/Constants';
+import { IconsProps } from '../Icon';
+export interface GitProviderIconProps {
+    gitProvider: GitProviderType;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+}

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

@@ -0,0 +1,48 @@
+import { IconBaseProps } from './types';
+export declare const iconMap: {
+    'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+};
+export type IconName = keyof typeof iconMap;
+export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {
+    /** The name of the icon to render. */
+    name: keyof typeof iconMap;
+}
+export declare const Icon: (props: IconsProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { IconBaseProps } from './types';
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, strokeWidth }: IconBaseProps) => JSX.Element;

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

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

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

@@ -0,0 +1,23 @@
+import { FC, SVGAttributes, SVGProps } from 'react';
+import { TooltipProps } from '@Common/Tooltip/types';
+type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
+export interface IconBaseProps extends Pick<SVGAttributes<SVGSVGElement>, 'strokeWidth'> {
+    /** The name of the icon to render. */
+    name: keyof IconMap;
+    /** The map containing all available icons. */
+    iconMap: IconMap;
+    /**
+     * The size of the icon in pixels.
+     * @default 16
+     */
+    size?: 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
+    /** Props to configure the tooltip when hovering over the icon. */
+    tooltipProps?: TooltipProps;
+    /**
+     * The color of the icon (color tokens). \
+     * If `null`, the default color present in icon is used.
+     * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
+     */
+    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50'}` | null;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { RegistryIconProps } from './types';
+export declare const RegistryIcon: ({ registryType, size }: RegistryIconProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { RegistryTypeDetailType } from '../../../Common/Types';
+export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;

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

@@ -0,0 +1,2 @@
+export * from './RegistryIcon';
+export * from './constants';

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

@@ -0,0 +1,10 @@
+import { RegistryType } from '../../types';
+import { IconsProps } from '../Icon';
+export interface RegistryIconProps {
+    registryType: RegistryType;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+}

package/dist/Shared/Components/StatusComponent/AppStatus.d.ts

@@ -0,0 +1,2 @@
+import { AppStatusProps } from './types';
+export declare const AppStatus: ({ status, isJobView, isVirtualEnv, ...restProps }: AppStatusProps) => JSX.Element;

package/dist/Shared/Components/StatusComponent/DeploymentStatus.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentStatusProps } from './types';
+export declare const DeploymentStatus: ({ status, ...restProps }: DeploymentStatusProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { StatusComponentProps } from './types';
+export declare const StatusComponent: ({ status, hideIcon, hideMessage, iconSize, showAnimatedIcon, hideIconTooltip, message, }: StatusComponentProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const APP_STATUS: {
+    NOT_AVAILABLE: string;
+    NOT_DEPLOYED: string;
+    NOT_DEPLOYED_NO_SPACE: string;
+    JOB_VIEW_NOT_DEPLOYED_MESSAGE: string;
+    NOT_DEPLOYED_MESSAGE: string;
+};

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

@@ -0,0 +1,5 @@
+export * from './StatusComponent';
+export * from './AppStatus';
+export * from './DeploymentStatus';
+export * from './types';
+export { getDeploymentStatusFromStatus } from './utils';

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

@@ -0,0 +1,48 @@
+import { IconsProps } from '../Icon';
+export declare enum StatusType {
+    QUEUED = "QUEUED",
+    FAILED = "FAILED",
+    ERROR = "ERROR",
+    CANCELLED = "CANCELLED",
+    ABORTED = "ABORTED",
+    HEALTHY = "HEALTHY",
+    SUCCEEDED = "SUCCEEDED",
+    DRIFTED = "DRIFTED",
+    MISSING = "MISSING",
+    UNKNOWN = "UNKNOWN",
+    NOT_DEPLOYED = "NOT-DEPLOYED",
+    SUSPENDED = "SUSPENDED",
+    DEGRADED = "DEGRADED",
+    PROGRESSING = "PROGRESSING",
+    INPROGRESS = "INPROGRESS",
+    HIBERNATING = "HIBERNATING",
+    TIMED_OUT = "TIMED_OUT"
+}
+export interface StatusComponentProps {
+    /** The status to display, either a predefined StatusType or a custom string. */
+    status: StatusType | string;
+    /** A custom message to display instead of the status. If not provided, the status is shown. */
+    message?: string;
+    /** If true, hides the status icon. */
+    hideIcon?: boolean;
+    /**
+     * If true, hides the status message and displays it in a tooltip instead.
+     * @default false
+     */
+    hideMessage?: boolean;
+    /** Size of the status icon. */
+    iconSize?: IconsProps['size'];
+    /** If true, displays an animated version of the icon (if available). */
+    showAnimatedIcon?: boolean;
+    /**
+     * If true, hides the tooltip on the status icon.
+     * @note Tooltip is only shown when `hideMessage` is true.
+     */
+    hideIconTooltip?: boolean;
+}
+export interface AppStatusProps extends Omit<StatusComponentProps, 'statusMessage'> {
+    isJobView?: boolean;
+    isVirtualEnv?: boolean;
+}
+export interface DeploymentStatusProps extends Omit<AppStatusProps, 'isJobView'> {
+}

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

@@ -0,0 +1,5 @@
+import { IconName, IconsProps } from '../Icon';
+export declare const getIconName: (status: string, showAnimatedIcon: boolean) => IconName;
+export declare const getIconColor: (status: string) => IconsProps["color"];
+export declare const getDeploymentStatusFromStatus: (status: string) => string;
+export declare const getJobStatusFromStatus: (status: string) => string;

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

@@ -60,5 +60,9 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './Icon';
+export * from './StatusComponent';
+export * from './RegistryIcon';
+export * from './GitProviderIcon';
 export * from './CustomInput';
 export * from './InfoBlock';