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

package/dist/{@common-rjsf-BjRtMKCL.js → @common-rjsf-BrtFsF-H.js}

@@ -1,7 +1,7 @@
 import { j as n, au as y, aw as k, av as W } from "./@vendor-HJw8T7OP.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-DdcMJa9q.js";
+import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-O6-sNEQc.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as se, deepEquals as ae } from "@rjsf/utils";

package/dist/{@framer-motion-3ACrfimm.js → @framer-motion-iFP8gkbg.js}

@@ -3509,8 +3509,8 @@ function iu(t) {
 export {
   ru as A,
   nu as a,
-  iu as b,
-  ms as c,
+  ms as b,
+  iu as c,
   eu as m,
   Ws as u
 };

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

@@ -0,0 +1,3 @@
+import { AnimatedTimerProps } from './types';
+declare const AnimatedTimer: ({ duration, onComplete, size, tooltipContent }: AnimatedTimerProps) => JSX.Element;
+export default AnimatedTimer;

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

@@ -0,0 +1,5 @@
+export declare const CX = 12;
+export declare const CY = 12;
+export declare const RADIUS = 6;
+export declare const START_ANGLE = 0;
+export declare const END_ANGLE = 360;

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

@@ -0,0 +1 @@
+export { default as AnimatedTimer } from './AnimatedTimer.component';

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

@@ -0,0 +1,15 @@
+import { animate } from 'framer-motion';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { IconBaseSizeType } from '../../index';
+export interface AnimatedTimerProps extends Pick<Parameters<typeof animate>[2], 'onComplete'> {
+    /**
+     * The time in seconds for the timer to animate.
+     */
+    duration: number;
+    onComplete?: () => void;
+    /**
+     * @default 24
+     */
+    size?: IconBaseSizeType;
+    tooltipContent?: TooltipProps['content'];
+}

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

@@ -5,6 +5,7 @@ export declare const iconMap: {
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,5 +1,6 @@
 import { FC, SVGProps } from 'react';
 import { TooltipProps } from '@Common/Tooltip/types';
+import { IconBaseColorType, IconBaseSizeType } from '../../index';
 type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
 export interface IconBaseProps {
     /** The name of the icon to render. */
@@ -10,7 +11,7 @@ export interface IconBaseProps {
      * 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;
+    size?: IconBaseSizeType;
     /** Props to configure the tooltip when hovering over the icon. */
     tooltipProps?: TooltipProps;
     /**
@@ -18,6 +19,6 @@ export interface IconBaseProps {
      * 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' | '0'}` | 'white' | 'black' | null;
+    color: IconBaseColorType;
 }
 export {};

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--G500)" | "var(--Y500)" | "var(--O500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "var(--R700)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

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

@@ -1,6 +1,7 @@
 export * from './ActionMenu';
 export * from './ActivityIndicator';
 export * from './AnimatedDeployButton';
+export * from './AnimatedTimer';
 export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
 export * from './ArtifactInfoModal';

package/dist/Shared/Helpers.d.ts

@@ -5,7 +5,7 @@ import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
-import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -40,7 +40,7 @@ export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatu
 export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
-export declare const getTimeDifference: (startTime: string, endTime: string) => string;
+export declare const getTimeDifference: ({ startTime, endTime, fallbackString, }: GetTimeDifferenceParamsType) => string;
 export declare const getFileNameFromHeaders: (headers: Headers) => string;
 export declare const sanitizeUserApprovalList: (approverList: UserApprovalInfo["approverList"]) => UserApprovalInfo["approverList"];
 export declare const sanitizeApprovalConfigData: (approvalConfigData: ApprovalConfigDataType | null) => ApprovalConfigDataType;

package/dist/Shared/types.d.ts

@@ -939,4 +939,14 @@ export type CountryISO2Type = ParsedCountry['iso2'];
 export declare enum ResponseHeaders {
     LICENSE_STATUS = "X-License-Status"
 }
+export type IconBaseSizeType = 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
+export type IconBaseColorType = `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
+export interface GetTimeDifferenceParamsType {
+    startTime: string;
+    endTime: string;
+    /**
+     * @default '-'
+     */
+    fallbackString?: string;
+}
 export {};

package/dist/assets/ic-arrow-clockwise.b327e411.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.516 9.348h4.5m0 0v-4.5m0 4.5-3.182-3.182a8.25 8.25 0 1 0 0 11.668" vector-effect="non-scaling-stroke"/>
+</svg>