@devtron-labs/devtron-fe-common-lib 0.1.15-beta-4 → 0.1.15-beta-5

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.
Files changed (49) hide show
  1. package/dist/Common/Constants.d.ts +2 -0
  2. package/dist/Shared/Components/CICDHistory/DeploymentHistoryDiff/DeploymentHistoryDiffView.d.ts +1 -1
  3. package/dist/Shared/Components/CICDHistory/types.d.ts +1 -3
  4. package/dist/Shared/Components/FilterChips/FilterChips.component.d.ts +1 -1
  5. package/dist/Shared/Components/FilterChips/types.d.ts +18 -6
  6. package/dist/Shared/Components/KeyValueTable/KeyValueTable.component.d.ts +1 -1
  7. package/dist/Shared/Components/KeyValueTable/KeyValueTable.types.d.ts +1 -23
  8. package/dist/Shared/Components/SelectPicker/SelectPicker.component.d.ts +1 -1
  9. package/dist/Shared/Components/SelectPicker/type.d.ts +0 -10
  10. package/dist/Shared/Components/SelectPicker/utils.d.ts +1 -1
  11. package/dist/Shared/Components/index.d.ts +0 -2
  12. package/dist/Shared/Helpers.d.ts +0 -2
  13. package/dist/Shared/Hooks/index.d.ts +1 -0
  14. package/dist/Shared/Hooks/useGetResourceKindsOptions/index.d.ts +2 -0
  15. package/dist/Shared/Hooks/useGetResourceKindsOptions/service.d.ts +9 -0
  16. package/dist/Shared/Hooks/useGetResourceKindsOptions/types.d.ts +31 -0
  17. package/dist/Shared/Hooks/useGetResourceKindsOptions/useGetResourceKindsOptions.d.ts +16 -0
  18. package/dist/Shared/Hooks/useGetResourceKindsOptions/utils.d.ts +4 -0
  19. package/dist/Shared/Services/common.service.d.ts +3 -2
  20. package/dist/Shared/Services/types.d.ts +15 -4
  21. package/dist/Shared/types.d.ts +7 -1
  22. package/dist/assets/index.css +1 -1
  23. package/dist/{cssMode-61d7a0cd.js → cssMode-a297ca6e.js} +1 -1
  24. package/dist/{freemarker2-64c02cde.js → freemarker2-05744383.js} +1 -1
  25. package/dist/{handlebars-44b6b1bc.js → handlebars-ab9e5510.js} +1 -1
  26. package/dist/{html-bd84b6a4.js → html-fb5fd277.js} +1 -1
  27. package/dist/{htmlMode-68e04c6e.js → htmlMode-7431ae7d.js} +1 -1
  28. package/dist/{index-db0ae279.js → index-487cba05.js} +26227 -26611
  29. package/dist/index.js +388 -389
  30. package/dist/{javascript-1c9f10cf.js → javascript-097af821.js} +1 -1
  31. package/dist/{jsonMode-9b302c20.js → jsonMode-d511a4fb.js} +1 -1
  32. package/dist/{liquid-1024c091.js → liquid-e8a241ee.js} +1 -1
  33. package/dist/{mdx-daae2fbc.js → mdx-1d38e886.js} +1 -1
  34. package/dist/{python-e00edc77.js → python-6001c39d.js} +1 -1
  35. package/dist/{razor-c116a2cd.js → razor-122e5840.js} +1 -1
  36. package/dist/{tsMode-2f26913f.js → tsMode-c0596bae.js} +1 -1
  37. package/dist/{typescript-82427860.js → typescript-12536e6a.js} +1 -1
  38. package/dist/{xml-13708bdd.js → xml-d09d26cb.js} +1 -1
  39. package/dist/{yaml-f4e4d4f7.js → yaml-bf1a774e.js} +1 -1
  40. package/package.json +1 -1
  41. package/dist/Shared/Components/CollapsibleList/CollapsibleList.component.d.ts +0 -3
  42. package/dist/Shared/Components/CollapsibleList/CollapsibleList.types.d.ts +0 -96
  43. package/dist/Shared/Components/CollapsibleList/index.d.ts +0 -2
  44. package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiff.component.d.ts +0 -3
  45. package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffAccordion.d.ts +0 -3
  46. package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffMain.d.ts +0 -3
  47. package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffNavigation.d.ts +0 -3
  48. package/dist/Shared/Components/DeploymentConfigDiff/index.d.ts +0 -2
  49. package/dist/Shared/Components/DeploymentConfigDiff/types.d.ts +0 -63
@@ -75,6 +75,8 @@ export declare const ROUTES: {
75
75
  CONFIG_CD_PIPELINE: string;
76
76
  MODULE_CONFIGURED: string;
77
77
  RESOURCE_HISTORY_DEPLOYMENT: string;
78
+ APP_LIST_MIN: string;
79
+ CLUSTER_LIST_MIN: string;
78
80
  PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
79
81
  PLUGIN_GLOBAL_LIST_V2: string;
80
82
  PLUGIN_GLOBAL_LIST_TAGS: string;
@@ -1,4 +1,4 @@
1
1
  import { DeploymentTemplateHistoryType } from '../types';
2
2
 
3
- declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, comparisonBodyClassName, sortOrder, }: DeploymentTemplateHistoryType) => JSX.Element;
3
+ declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, }: DeploymentTemplateHistoryType) => JSX.Element;
4
4
  export default DeploymentHistoryDiffView;
@@ -1,5 +1,5 @@
1
1
  import { CSSProperties } from 'react';
2
- import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, SortingOrder } from '../../../Common';
2
+ import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps } from '../../../Common';
3
3
  import { DeploymentStageType } from '../../constants';
4
4
  import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
5
5
 
@@ -368,8 +368,6 @@ export interface DeploymentTemplateHistoryType {
368
368
  isUnpublished?: boolean;
369
369
  isDeleteDraft?: boolean;
370
370
  rootClassName?: string;
371
- comparisonBodyClassName?: string;
372
- sortOrder?: SortingOrder;
373
371
  }
374
372
  export interface DeploymentHistoryDetailRes extends ResponseType {
375
373
  result?: DeploymentHistoryDetail;
@@ -3,5 +3,5 @@ import { FilterChipsProps } from './types';
3
3
  /**
4
4
  * Component for rendering the applied filter chips
5
5
  */
6
- declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, shouldHideLabel, }: FilterChipsProps<T>) => JSX.Element;
6
+ declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, showClearAndRemove, shouldHideLabel, }: FilterChipsProps<T>) => JSX.Element;
7
7
  export default FilterChips;
@@ -21,17 +21,33 @@ export interface FilterChipProps {
21
21
  * If passed, the label will be formatted accordingly
22
22
  */
23
23
  getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
24
+ showRemoveIcon: boolean;
24
25
  /**
25
26
  * If true, would hide the label
26
27
  * @default false
27
28
  */
28
29
  shouldHideLabel?: boolean;
29
30
  }
30
- export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue' | 'shouldHideLabel'> {
31
+ export type FilterChipsProps<T = Record<string, unknown>> = Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue' | 'shouldHideLabel'> & {
31
32
  /**
32
33
  * Current filter configuration
33
34
  */
34
35
  filterConfig: T;
36
+ /**
37
+ * Class name for the container
38
+ */
39
+ className?: string;
40
+ } & ({
41
+ /**
42
+ * If false, anything related to removing filters is not shown
43
+ * @default 'true'
44
+ */
45
+ showClearAndRemove: false;
46
+ clearFilters?: never;
47
+ onRemoveFilter?: never;
48
+ clearButtonClassName?: never;
49
+ } | {
50
+ showClearAndRemove?: true;
35
51
  /**
36
52
  * Callback handler for removing the filters
37
53
  */
@@ -40,12 +56,8 @@ export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<Filt
40
56
  * Handler for removing a applied filter
41
57
  */
42
58
  onRemoveFilter: (filterConfig: T) => void;
43
- /**
44
- * Class name for the container
45
- */
46
- className?: string;
47
59
  /**
48
60
  * Class name for the clear filter button
49
61
  */
50
62
  clearButtonClassName?: string;
51
- }
63
+ });
@@ -1,3 +1,3 @@
1
1
  import { KeyValueTableProps } from './KeyValueTable.types';
2
2
 
3
- export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, readOnly, showError, validationSchema, errorMessages, onError, }: KeyValueTableProps<K>) => JSX.Element;
3
+ export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, }: KeyValueTableProps<K>) => JSX.Element;
@@ -60,10 +60,8 @@ export interface KeyValueTableProps<K extends string> {
60
60
  isSortable?: boolean;
61
61
  /** An optional React node for a custom header component. */
62
62
  headerComponent?: ReactNode;
63
- /** When true, data addition field will not be shown. */
63
+ /** When true, data addition field will not be shown */
64
64
  isAdditionNotAllowed?: boolean;
65
- /** When true, data add or update is disabled. */
66
- readOnly?: boolean;
67
65
  /**
68
66
  * An optional function to handle changes in the table rows.
69
67
  * @param rowId - The id of the row that changed.
@@ -76,24 +74,4 @@ export interface KeyValueTableProps<K extends string> {
76
74
  * @param deletedRowIndex - The index of the row that was deleted.
77
75
  */
78
76
  onDelete?: (deletedRowId: string | number) => void;
79
- /**
80
- * Indicates whether to show errors.
81
- */
82
- showError?: boolean;
83
- /**
84
- * The function to use to validate the value of the cell.
85
- * @param value - The value to validate.
86
- * @returns Return true if the value is valid, otherwise false
87
- * and set `showError` to `true` and provide errorMessages array to show error message.
88
- */
89
- validationSchema?: (value: string) => boolean;
90
- /**
91
- * An array of error messages to be displayed in the cell error tooltip.
92
- */
93
- errorMessages?: string[];
94
- /**
95
- * A callback function called when an error occurs.
96
- * @param errorState - The error state, true when any cell has error, otherwise false.
97
- */
98
- onError?: (errorState: boolean) => void;
99
77
  }
@@ -81,5 +81,5 @@ import { SelectPickerProps } from './type';
81
81
  * <SelectPicker ... showSelectedOptionsCount />
82
82
  * ```
83
83
  */
84
- declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, variant, ...props }: SelectPickerProps) => JSX.Element;
84
+ declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, ...props }: SelectPickerProps) => JSX.Element;
85
85
  export default SelectPicker;
@@ -17,10 +17,6 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
17
17
  */
18
18
  endIcon?: ReactElement;
19
19
  }
20
- export declare enum SelectPickerVariantType {
21
- DEFAULT = "default",
22
- BORDERLESS = "borderless"
23
- }
24
20
  type SelectProps = ReactSelectProps<SelectPickerOptionType>;
25
21
  export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
26
22
  /**
@@ -74,11 +70,5 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
74
70
  * @default 'ComponentSizeType.small'
75
71
  */
76
72
  menuSize?: ComponentSizeType;
77
- /**
78
- * Variant of the select.
79
- *
80
- * @default SelectPickerVariantType.DEFAULT
81
- */
82
- variant?: SelectPickerVariantType;
83
73
  }
84
74
  export {};
@@ -1,4 +1,4 @@
1
1
  import { StylesConfig } from 'react-select';
2
2
  import { SelectPickerOptionType, SelectPickerProps } from './type';
3
3
 
4
- export declare const getCommonSelectStyle: ({ error, size, menuSize, variant, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize' | 'variant'>) => StylesConfig<SelectPickerOptionType>;
4
+ export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;
@@ -33,6 +33,4 @@ export * from './IframeContainer';
33
33
  export * from './Plugin';
34
34
  export * from './KeyValueTable';
35
35
  export * from './SelectPicker';
36
- export * from './CollapsibleList';
37
- export * from './DeploymentConfigDiff';
38
36
  export * from './DetectBottom';
@@ -1,5 +1,4 @@
1
1
  import { ReactElement } from 'react';
2
- import { Pair } from 'yaml';
3
2
  import { MaterialInfo, SortingOrder } from '../Common';
4
3
  import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
5
4
  import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
@@ -25,7 +24,6 @@ export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTrigge
25
24
  export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
26
25
  export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
27
26
  export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
28
- export declare const yamlComparatorBySortOrder: (a: Pair, b: Pair, sortOrder?: SortingOrder) => number;
29
27
  export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
30
28
  export declare const isNullOrUndefined: (value: unknown) => boolean;
31
29
  export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;
@@ -1,2 +1,3 @@
1
1
  export * from './UsePrompt';
2
+ export * from './useGetResourceKindsOptions';
2
3
  export * from './UseDownload';
@@ -0,0 +1,2 @@
1
+ export { default as useGetResourceKindsOptions } from './useGetResourceKindsOptions';
2
+ export type { UseGetResourceKindsOptionsProps, UseGetResourceKindOptionsReturnType } from './types';
@@ -0,0 +1,9 @@
1
+ import { Teams } from '../../../Common/Types';
2
+ import { ClusterType } from '../../Services';
3
+ import { EnvironmentType } from '../../types';
4
+ import { AppsGroupedByProjectsType } from './types';
5
+
6
+ export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
7
+ export declare const getProjectOptions: () => Promise<Pick<Teams, 'id' | 'name'>[]>;
8
+ export declare const getClusterOptions: () => Promise<ClusterType[]>;
9
+ export declare const getEnvironmentOptions: () => Promise<EnvironmentType[]>;
@@ -0,0 +1,31 @@
1
+ import { ResourceKindType } from '../../types';
2
+ import { ServerErrors } from '../../../Common/ServerError';
3
+ import { getAppOptionsGroupedByProjects, getClusterOptions, getEnvironmentOptions, getProjectOptions } from './service';
4
+
5
+ export interface AppType {
6
+ name: string;
7
+ }
8
+ export type AppsGroupedByProjectsType = {
9
+ projectId: number;
10
+ projectName: string;
11
+ appList: AppType[];
12
+ }[];
13
+ export interface ClusterDTO {
14
+ id: number;
15
+ cluster_name: string;
16
+ isVirtualCluster: boolean;
17
+ }
18
+ export interface UseGetResourceKindsOptionsProps {
19
+ resourcesToFetch: Extract<ResourceKindType, ResourceKindType.devtronApplication | ResourceKindType.project | ResourceKindType.cluster | ResourceKindType.environment>[];
20
+ }
21
+ export interface UseGetResourceKindOptionsReturnType {
22
+ isResourcesOptionsLoading: boolean;
23
+ resourcesOptionsMap: {
24
+ [ResourceKindType.devtronApplication]: Awaited<ReturnType<typeof getAppOptionsGroupedByProjects>>;
25
+ [ResourceKindType.project]: Awaited<ReturnType<typeof getProjectOptions>>;
26
+ [ResourceKindType.cluster]: Awaited<ReturnType<typeof getClusterOptions>>;
27
+ [ResourceKindType.environment]: Awaited<ReturnType<typeof getEnvironmentOptions>>;
28
+ };
29
+ resourcesOptionsError: ServerErrors;
30
+ refetchResourcesOptions: () => void;
31
+ }
@@ -0,0 +1,16 @@
1
+ import { UseGetResourceKindOptionsReturnType, UseGetResourceKindsOptionsProps } from './types';
2
+
3
+ /**
4
+ * Generic hook to fetch the options list for the supported resource kinds.
5
+ *
6
+ * Note: no call would be made for empty resource kind list
7
+ *
8
+ * @example Usage
9
+ * ```tsx
10
+ * const data = useGetResourceKindsOptions({
11
+ * resourcesToFetch: [ResourceKindType.devtronApplication, ResourceKindType.environment]
12
+ * })
13
+ * ```
14
+ */
15
+ declare const useGetResourceKindsOptions: ({ resourcesToFetch, }: UseGetResourceKindsOptionsProps) => UseGetResourceKindOptionsReturnType;
16
+ export default useGetResourceKindsOptions;
@@ -0,0 +1,4 @@
1
+ import { ResourceKindType } from '../../types';
2
+ import { UseGetResourceKindsOptionsProps } from './types';
3
+
4
+ export declare const getResourcesToFetchMap: (resourcesToFetch: UseGetResourceKindsOptionsProps['resourcesToFetch']) => Record<ResourceKindType.devtronApplication | ResourceKindType.cluster | ResourceKindType.environment | ResourceKindType.project, boolean>;
@@ -1,3 +1,4 @@
1
- import { GetResourceApiUrlProps } from './types';
1
+ import { GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types';
2
2
 
3
- export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, queryParams }: GetResourceApiUrlProps<T>) => string;
3
+ export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
4
+ export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;
@@ -1,5 +1,5 @@
1
1
  import { getUrlWithSearchParams } from '../../Common';
2
- import { ResourceKindType, ResourceVersionType } from '../types';
2
+ import { PolicyKindType, ResourceKindType, ResourceVersionType } from '../types';
3
3
 
4
4
  export interface ClusterType {
5
5
  id: number;
@@ -9,9 +9,20 @@ export interface ClusterType {
9
9
  */
10
10
  isVirtual: boolean;
11
11
  }
12
- export interface GetResourceApiUrlProps<T> {
12
+ /**
13
+ * T => Type of query params
14
+ * K => Type of kind
15
+ * P => Type of version
16
+ */
17
+ interface BaseGetApiUrlProps<T, K extends ResourceKindType | PolicyKindType, P extends ResourceVersionType> {
13
18
  baseUrl: string;
14
- kind: ResourceKindType;
15
- version: ResourceVersionType;
19
+ kind: K;
20
+ version: P;
21
+ suffix?: string;
16
22
  queryParams?: T extends Parameters<typeof getUrlWithSearchParams>[1] ? T : never;
17
23
  }
24
+ export interface GetResourceApiUrlProps<T> extends BaseGetApiUrlProps<T, ResourceKindType, ResourceVersionType> {
25
+ }
26
+ export interface GetPolicyApiUrlProps<T> extends Omit<BaseGetApiUrlProps<T, PolicyKindType, ResourceVersionType>, 'baseUrl'> {
27
+ }
28
+ export {};
@@ -360,15 +360,21 @@ export declare enum ResourceKindType {
360
360
  tenant = "tenant",
361
361
  installation = "installation",
362
362
  environment = "environment",
363
- cdPipeline = "cd-pipeline"
363
+ cdPipeline = "cd-pipeline",
364
+ project = "project"
364
365
  }
365
366
  /**
366
367
  * Versions support for the resources on BE
368
+ *
369
+ * TODO: Rename to ApiVersionType
367
370
  */
368
371
  export declare enum ResourceVersionType {
369
372
  v1 = "v1",
370
373
  alpha1 = "alpha1"
371
374
  }
375
+ export declare enum PolicyKindType {
376
+ lockConfiguration = "lock-configuration"
377
+ }
372
378
  export interface LastExecutionResultType {
373
379
  lastExecution: string;
374
380
  severityCount: {