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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { j as t, O as E } from "./@vendor-CWh7bjwl.js";
2
2
  import P, { forwardRef as $ } from "react";
3
3
  import L, { getDefaultRegistry as D } from "@rjsf/core";
4
- import { T as v, c as H, a as U, i as k, b as T, d as S, S as M } from "./@code-editor-DiVd86iC.js";
4
+ import { T as v, c as H, a as U, i as k, b as T, d as S, S as M } from "./@code-editor-vDF8jMi0.js";
5
5
  import J, { components as C } from "react-select";
6
6
  import { ReactComponent as V } from "./assets/ic-chevron-down.fc70d7a7.svg";
7
7
  import { getUiOptions as A, getTemplate as I, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as B, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";
@@ -1,3 +1,6 @@
1
1
  import { InfoColourBarType } from '../Types';
2
+ /**
3
+ * @deprecated Use InfoBlock instead
4
+ */
2
5
  declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, hideIcon, textConfig, }: InfoColourBarType) => JSX.Element;
3
6
  export default InfoColourBar;
@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
2
2
  import { TippyProps } from '@tippyjs/react';
3
3
  import { UserGroupDTO } from '../Pages/GlobalConfigurations';
4
4
  import { ImageComment, ReleaseTag } from './ImageTags.Types';
5
- import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps } from '../Shared';
5
+ import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType } from '../Shared';
6
6
  import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
7
7
  /**
8
8
  * Generic response type object with support for overriding the result type
@@ -118,7 +118,7 @@ export interface GenericEmptyStateType {
118
118
  /**
119
119
  * @default 'column'
120
120
  */
121
- layout?: 'row' | 'column';
121
+ layout?: ComponentLayoutType;
122
122
  contentClassName?: string;
123
123
  }
124
124
  export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload' | 'redirectURL'> {
@@ -158,7 +158,6 @@ interface InfoColourBarTextConfigType {
158
158
  * If given would be shown below the heading (if given)
159
159
  */
160
160
  description: string;
161
- actionButtonConfig?: ButtonProps;
162
161
  }
163
162
  type InfoColourBarMessageProp = {
164
163
  message: ReactNode;
@@ -96,10 +96,6 @@ export interface SelectedChartDetailsType {
96
96
  selectedChartRefId: number;
97
97
  selectedChart: DeploymentChartVersionType;
98
98
  }
99
- export declare enum PipelineMigratedFromType {
100
- HELM_RELEASE = "helmRelease",
101
- ARGO_APPLICATION = "argoApplication"
102
- }
103
99
  interface EnvironmentConfigType {
104
100
  id: number;
105
101
  status: number;
@@ -28,7 +28,7 @@ export interface CustomTagType {
28
28
  }
29
29
  export declare enum ReleaseMode {
30
30
  NEW_DEPLOYMENT = "create",
31
- MIGRATE_EXTERNAL_APPS = "link"
31
+ MIGRATE_HELM = "link"
32
32
  }
33
33
  export interface CDFormType {
34
34
  name: string;
@@ -518,14 +518,6 @@ export interface StatusFilterButtonType {
518
518
  handleFilterClick?: (selectedFilter: string) => void;
519
519
  maxInlineFiltersCount?: number;
520
520
  }
521
- export declare enum NodeStatusDTO {
522
- Healthy = "Healthy",
523
- Progressing = "Progressing",
524
- Unknown = "Unknown",
525
- Suspended = "Suspended",
526
- Degraded = "Degraded",
527
- Missing = "Missing"
528
- }
529
521
  export declare enum NodeStatus {
530
522
  Degraded = "degraded",
531
523
  Healthy = "healthy",
@@ -1,3 +1,4 @@
1
+ import { BorderConfigType, ComponentLayoutType } from '../../types';
1
2
  import { ReactElement, ReactNode } from 'react';
2
3
  export type LabelOrAriaLabelType = {
3
4
  label: ReactNode;
@@ -18,7 +19,7 @@ export type FormFieldLabelProps = LabelOrAriaLabelType & {
18
19
  /**
19
20
  * Layout of the field
20
21
  */
21
- layout?: 'row' | 'column';
22
+ layout?: ComponentLayoutType;
22
23
  };
23
24
  export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
24
25
  /**
@@ -46,30 +47,5 @@ export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label'
46
47
  */
47
48
  fullWidth?: boolean;
48
49
  children: ReactElement;
49
- borderRadiusConfig?: {
50
- /**
51
- * If false, the top border radius is not applied
52
- *
53
- * @default true
54
- */
55
- top?: boolean;
56
- /**
57
- * If false, the right border radius is not applied
58
- *
59
- * @default true
60
- */
61
- right?: boolean;
62
- /**
63
- * If false, the bottom border radius is not applied
64
- *
65
- * @default true
66
- */
67
- bottom?: boolean;
68
- /**
69
- * If false, the left border radius is not applied
70
- *
71
- * @default true
72
- */
73
- left?: boolean;
74
- };
50
+ borderRadiusConfig?: BorderConfigType;
75
51
  }
@@ -1,4 +1,4 @@
1
- import { FormFieldInfoProps, FormFieldLabelProps, FormFieldWrapperProps } from './types';
1
+ import { FormFieldInfoProps, FormFieldLabelProps } from './types';
2
2
  export declare const getFormErrorElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
3
3
  export declare const getFormLabelElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
4
4
  export declare const getFormHelperTextElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
@@ -15,4 +15,3 @@ export declare const getFormFieldAriaAttributes: ({ inputId, label, ariaLabel, r
15
15
  'aria-describedby'?: string;
16
16
  'aria-required': boolean;
17
17
  };
18
- export declare const getFormFieldBorderClassName: (borderRadiusConfig?: FormFieldWrapperProps["borderRadiusConfig"]) => string;
@@ -1,3 +1,3 @@
1
1
  import { GenericSectionErrorStateProps } from './types';
2
- declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
2
+ declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, }: GenericSectionErrorStateProps) => JSX.Element;
3
3
  export default GenericSectionErrorState;
@@ -1,6 +1,4 @@
1
- import { ReactNode } from 'react';
2
- import { ProgressingProps } from '../../../Common/Types';
3
- export type GenericSectionErrorStateProps = {
1
+ export interface GenericSectionErrorStateProps {
4
2
  /**
5
3
  * Handler for reloading the section
6
4
  */
@@ -18,11 +16,11 @@ export type GenericSectionErrorStateProps = {
18
16
  /**
19
17
  * @default 'We could not load the information on this page.'
20
18
  */
21
- subTitle?: ReactNode;
19
+ subTitle?: string;
22
20
  /**
23
21
  * @default 'Please reload or try again later'
24
22
  */
25
- description?: ReactNode;
23
+ description?: string;
26
24
  /**
27
25
  * @default 'Reload'
28
26
  */
@@ -31,21 +29,10 @@ export type GenericSectionErrorStateProps = {
31
29
  * to be applied on parent div
32
30
  */
33
31
  rootClassName?: string;
34
- } & ({
35
- /**
36
- * If provided, would render the Progressing component with given props instead of error icon
37
- */
38
- progressingProps: ProgressingProps;
39
- useInfoIcon?: never;
40
- } | {
41
- progressingProps?: never;
42
32
  /**
43
33
  * If true, info icon would be used instead of error
44
34
  *
45
35
  * @default false
46
36
  */
47
- useInfoIcon: boolean;
48
- } | {
49
- progressingProps?: never;
50
- useInfoIcon?: never;
51
- });
37
+ useInfoIcon?: boolean;
38
+ }
@@ -0,0 +1,3 @@
1
+ import { InfoBlockProps } from './types';
2
+ declare const InfoBlock: ({ layout, variant, size, customIcon, buttonProps, heading, description, borderRadiusConfig, borderConfig, }: InfoBlockProps) => JSX.Element;
3
+ export default InfoBlock;
@@ -0,0 +1,3 @@
1
+ import { InfoBlockProps } from './types';
2
+ export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
3
+ export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockProps['variant'], InfoBlockProps['customIcon']>;
@@ -0,0 +1,2 @@
1
+ export { default as InfoBlock } from './InfoBlock.component';
2
+ export * from './types';
@@ -0,0 +1,40 @@
1
+ import { ComponentSizeType } from '../../constants';
2
+ import { BorderConfigType, ComponentLayoutType } from '../../types';
3
+ import { ReactElement, ReactNode } from 'react';
4
+ import { ButtonProps } from '../Button';
5
+ export type InfoBlockProps = {
6
+ /**
7
+ * @default 'row'
8
+ */
9
+ layout?: ComponentLayoutType;
10
+ /**
11
+ * @default 'information'
12
+ */
13
+ variant?: 'error' | 'help' | 'information' | 'success' | 'warning';
14
+ /**
15
+ * @default ComponentSizeType.medium
16
+ */
17
+ size?: Extract<ComponentSizeType, ComponentSizeType.large | ComponentSizeType.medium>;
18
+ /**
19
+ * If given would override the default icon derived from type
20
+ */
21
+ customIcon?: ReactElement;
22
+ buttonProps?: ButtonProps;
23
+ borderConfig?: BorderConfigType;
24
+ borderRadiusConfig?: BorderConfigType;
25
+ } & ({
26
+ /**
27
+ * If string, would apply h tag with necessary classes
28
+ */
29
+ heading: ReactNode;
30
+ /**
31
+ * If string, would apply p tag with necessary classes
32
+ */
33
+ description: ReactNode;
34
+ } | {
35
+ heading?: never;
36
+ description: ReactNode;
37
+ } | {
38
+ heading: ReactNode;
39
+ description?: never;
40
+ });
@@ -60,3 +60,4 @@ export * from './ThemeSwitcher';
60
60
  export * from './TargetPlatforms';
61
61
  export * from './UnsavedChanges';
62
62
  export * from './UnsavedChangesDialog';
63
+ export * from './InfoBlock';
@@ -4,7 +4,7 @@ import { Pair } from 'yaml';
4
4
  import { StrictRJSFSchema } from '@rjsf/utils';
5
5
  import { MaterialHistoryType } from '@Shared/Services/app.types';
6
6
  import { MaterialInfo, SortingOrder, UserApprovalConfigType, ApprovalConfigDataType, UserApprovalInfo } from '../Common';
7
- import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
7
+ import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
8
8
  import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
9
9
  interface HighlightSearchTextProps {
10
10
  /**
@@ -95,4 +95,6 @@ export declare const checkIfPathIsMatching: (currentPathName: string, customMess
95
95
  export declare const sanitizeTargetPlatforms: (targetPlatforms: TargetPlatformsDTO["targetPlatforms"]) => TargetPlatformItemDTO[];
96
96
  export declare const isAWSCodeCommitURL: (url?: string) => boolean;
97
97
  export declare const renderMaterialIcon: (url?: string) => JSX.Element;
98
+ export declare const deriveBorderRadiusClassFromConfig: (borderRadiusConfig?: BorderConfigType) => string;
99
+ export declare const deriveBorderClassFromConfig: (borderConfig?: BorderConfigType) => string;
98
100
  export {};
@@ -22,17 +22,6 @@ export interface MainContext {
22
22
  };
23
23
  isAirgapped: boolean;
24
24
  isSuperAdmin: boolean;
25
- featureGitOpsFlags: {
26
- isFeatureGitOpsEnabled: boolean;
27
- /**
28
- *
29
- */
30
- isFeatureUserDefinedGitOpsEnabled: boolean;
31
- /**
32
- * Feature flag for Migrate to devtron from argo cd
33
- */
34
- isFeatureArgoCdMigrationEnabled: boolean;
35
- };
36
25
  isManifestScanningEnabled: boolean;
37
26
  }
38
27
  export interface MainContextProviderProps {
@@ -824,4 +824,31 @@ export declare const TriggerType: {
824
824
  readonly Auto: "AUTOMATIC";
825
825
  readonly Manual: "MANUAL";
826
826
  };
827
+ export type ComponentLayoutType = 'row' | 'column';
828
+ export interface BorderConfigType {
829
+ /**
830
+ * If false, (border-radius/border)-top is not applied
831
+ *
832
+ * @default true
833
+ */
834
+ top?: boolean;
835
+ /**
836
+ * If false, (border-radius/border)-right is not applied
837
+ *
838
+ * @default true
839
+ */
840
+ right?: boolean;
841
+ /**
842
+ * If false, (border-radius/border)-bottom is not applied
843
+ *
844
+ * @default true
845
+ */
846
+ bottom?: boolean;
847
+ /**
848
+ * If false, (border-radius/border)-left is not applied
849
+ *
850
+ * @default true
851
+ */
852
+ left?: boolean;
853
+ }
827
854
  export {};