@devtron-labs/devtron-fe-common-lib 1.20.6-alpha-35 → 1.20.6-alpha-93

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 (57) hide show
  1. package/dist/{@code-editor-WfIRgsMt.js → @code-editor-5o-s7JEA.js} +7902 -7845
  2. package/dist/{@common-rjsf-CmhxqQjb.js → @common-rjsf-DLuKFLV4.js} +22 -22
  3. package/dist/{@framer-motion-DMkBQPN0.js → @framer-motion-LZK2bgCK.js} +61 -61
  4. package/dist/{@react-dates-BjZWpiVv.js → @react-dates-CbpfVsC0.js} +1 -1
  5. package/dist/{@react-select-DtwlfcIG.js → @react-select-BuPEYnTv.js} +1 -1
  6. package/dist/{@react-virtualized-sticky-tree-M81Af3Qs.js → @react-virtualized-sticky-tree-DX7VkyTZ.js} +1 -1
  7. package/dist/{@vendor-DceGoESd.js → @vendor-BsABdDGm.js} +14676 -13806
  8. package/dist/Common/Constants.d.ts +9 -5
  9. package/dist/Common/SegmentedControl/Segment.d.ts +1 -1
  10. package/dist/Common/SegmentedControl/SegmentedControl.component.d.ts +1 -1
  11. package/dist/Common/SegmentedControl/index.d.ts +1 -1
  12. package/dist/Common/SegmentedControl/types.d.ts +12 -8
  13. package/dist/Common/Tooltip/Tooltip.d.ts +1 -1
  14. package/dist/Common/index.d.ts +0 -1
  15. package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts +0 -1
  16. package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/SecurityCenterIcon.d.ts +1 -0
  17. package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/index.d.ts +1 -0
  18. package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/utils.d.ts +6 -0
  19. package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/index.d.ts +1 -0
  20. package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts +1 -1
  21. package/dist/Pages-Devtron-2.0/index.d.ts +1 -0
  22. package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts +1 -1
  23. package/dist/Shared/Components/Button/Button.component.d.ts +12 -12
  24. package/dist/Shared/Components/Charts/Chart.component.d.ts +25 -6
  25. package/dist/Shared/Components/Charts/index.d.ts +1 -1
  26. package/dist/Shared/Components/Charts/plugins.d.ts +2 -1
  27. package/dist/Shared/Components/Charts/types.d.ts +19 -7
  28. package/dist/Shared/Components/Charts/utils.d.ts +1 -1
  29. package/dist/Shared/Components/DocLink/constants.d.ts +2 -0
  30. package/dist/Shared/Components/Icon/Icon.d.ts +9 -0
  31. package/dist/Shared/Components/Security/constants.d.ts +2 -0
  32. package/dist/Shared/Components/Security/index.d.ts +1 -0
  33. package/dist/Shared/Components/SelectPicker/SelectPicker.component.d.ts +1 -1
  34. package/dist/Shared/Components/SelectPicker/common.d.ts +1 -1
  35. package/dist/Shared/Components/SelectPicker/type.d.ts +3 -1
  36. package/dist/Shared/Components/Table/types.d.ts +1 -0
  37. package/dist/Shared/Components/WorkflowOptionsModal/utils.d.ts +3 -3
  38. package/dist/Shared/Helpers.d.ts +10 -1
  39. package/dist/Shared/Services/common.service.d.ts +3 -2
  40. package/dist/Shared/Services/types.d.ts +4 -1
  41. package/dist/Shared/validations.d.ts +1 -1
  42. package/dist/assets/@code-editor.css +1 -1
  43. package/dist/assets/ic-bg-backup-schedule.9ef9bc39.svg +19 -0
  44. package/dist/assets/ic-bg-backups.396e99bd.svg +19 -0
  45. package/dist/assets/ic-bg-pause-schedule.6edcc1d4.svg +14 -0
  46. package/dist/assets/ic-bg-ransomware-vulnerable-cluster.1b25a5d0.svg +7 -0
  47. package/dist/assets/ic-bg-restore.4fa13869.svg +33 -0
  48. package/dist/assets/ic-bg-storage-locations.894070b0.svg +22 -0
  49. package/dist/assets/ic-security-fixable.168b5bf8.svg +12 -0
  50. package/dist/assets/ic-security-not-fixable.be099f65.svg +12 -0
  51. package/dist/assets/ic-security-vulnerability.c954b87a.svg +4 -0
  52. package/dist/index.js +1016 -992
  53. package/package.json +3 -1
  54. package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts +0 -1
  55. package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/index.d.ts +0 -1
  56. package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts +0 -1
  57. package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts +0 -1
@@ -3,7 +3,7 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
3
3
  export declare const Host: string;
4
4
  export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
5
5
  export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
6
- export declare const DOCUMENTATION_VERSION = "/devtron/v1.7";
6
+ export declare const DOCUMENTATION_VERSION = "/devtron/v2.0";
7
7
  export declare const DISCORD_LINK = "https://discord.devtron.ai/";
8
8
  export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
9
9
  export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
@@ -52,9 +52,9 @@ export declare const URLS: {
52
52
  readonly LICENSE_AUTH: "/license-auth";
53
53
  readonly APPLICATION_MANAGEMENT: "/application-management";
54
54
  readonly APPLICATION_MANAGEMENT_OVERVIEW: "/application-management/overview";
55
- readonly APPLICATION_MANAGEMENT_APP: "/application-management/app";
56
- readonly APPLICATION_MANAGEMENT_APP_LIST: "/application-management/devtron-apps";
57
- readonly APPLICATION_MANAGEMENT_CREATE_DEVTRON_APP: "/application-management/devtron-apps/create-app";
55
+ readonly APPLICATION_MANAGEMENT_APP: "/application-management/devtron-app";
56
+ readonly APPLICATION_MANAGEMENT_APP_LIST: "/application-management/devtron-app/list";
57
+ readonly APPLICATION_MANAGEMENT_CREATE_DEVTRON_APP: "/application-management/devtron-app/list/create-app";
58
58
  readonly APPLICATION_MANAGEMENT_APPLICATION_GROUP: "/application-management/application-group";
59
59
  readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP: "/application-management/templates/devtron-app";
60
60
  readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_CREATE: "/application-management/templates/devtron-app/create";
@@ -69,7 +69,7 @@ export declare const URLS: {
69
69
  readonly INFRASTRUCTURE_MANAGEMENT: "/infrastructure-management";
70
70
  readonly INFRASTRUCTURE_MANAGEMENT_OVERVIEW: "/infrastructure-management/overview";
71
71
  readonly INFRASTRUCTURE_MANAGEMENT_APP_LIST: `/infrastructure-management/apps/:appType(${string})`;
72
- readonly INFRASTRUCTURE_MANAGEMENT_APP: "/infrastructure-management/app";
72
+ readonly INFRASTRUCTURE_MANAGEMENT_APP: "/infrastructure-management/apps";
73
73
  readonly INFRASTRUCTURE_MANAGEMENT_CHART_STORE: "/infrastructure-management/chart-store";
74
74
  readonly INFRASTRUCTURE_MANAGEMENT_CHART_STORE_DISCOVER: "/infrastructure-management/chart-store/discover";
75
75
  readonly INFRASTRUCTURE_MANAGEMENT_RESOURCE_BROWSER: "/infrastructure-management/resource-browser";
@@ -85,6 +85,9 @@ export declare const URLS: {
85
85
  readonly COST_BREAKDOWN_DETAIL: ":itemName/:view/:detail?";
86
86
  readonly COST_CONFIGURATIONS: "/cost-visibility/configurations";
87
87
  readonly SECURITY_CENTER: "/security-center";
88
+ readonly SECURITY_CENTER_OVERVIEW: "/security-center/overview";
89
+ readonly SECURITY_CENTER_SCANS: "/security-center/scans";
90
+ readonly SECURITY_CENTER_POLICIES: "/security-center/policies";
88
91
  readonly AUTOMATION_AND_ENABLEMENT: "/automation-and-enablement";
89
92
  readonly AUTOMATION_AND_ENABLEMENT_JOB: "/automation-and-enablement/job";
90
93
  readonly DATA_PROTECTION: "/data-protection-management";
@@ -128,6 +131,7 @@ export declare const ROUTES: {
128
131
  readonly PATCH: "patch";
129
132
  readonly ENVIRONMENT_LIST_MIN: "env/autocomplete";
130
133
  readonly CLUSTER: "cluster";
134
+ readonly CLUSTER_MIN: "cluster/min";
131
135
  readonly API_RESOURCE: "k8s/api-resources";
132
136
  readonly GVK: "gvk";
133
137
  readonly NAMESPACE: "env/namespace";
@@ -1,3 +1,3 @@
1
1
  import { SegmentProps } from './types';
2
- declare const Segment: ({ segment, isSelected, name, onChange, fullWidth, size, disabled }: SegmentProps) => JSX.Element;
2
+ declare const Segment: <T extends string | number>({ segment, isSelected, name, onChange, fullWidth, size, disabled, }: SegmentProps<T>) => JSX.Element;
3
3
  export default Segment;
@@ -1,3 +1,3 @@
1
1
  import { SegmentedControlProps } from './types';
2
- declare const SegmentedControl: ({ segments, onChange, name, size, value: controlledValue, fullWidth, disabled, }: SegmentedControlProps) => JSX.Element;
2
+ declare const SegmentedControl: <T extends string | number>({ segments, onChange, name, size, value: controlledValue, fullWidth, disabled, }: SegmentedControlProps<T>) => JSX.Element;
3
3
  export default SegmentedControl;
@@ -1,2 +1,2 @@
1
1
  export { default as SegmentedControl } from './SegmentedControl.component';
2
- export { type SegmentedControlProps } from './types';
2
+ export { type SegmentedControlProps, type SegmentType } from './types';
@@ -2,7 +2,7 @@ import { TooltipProps } from '../Tooltip';
2
2
  import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
3
3
  import { ComponentSizeType } from '../../Shared/constants';
4
4
  type SegmentTooltipProps = Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo' | 'placement'>;
5
- export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
5
+ export type SegmentType<T = string | number> = {
6
6
  /**
7
7
  * If true, the segment will be in error state with error icon
8
8
  */
@@ -11,6 +11,10 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
11
11
  * If true, the segment will be in disabled state
12
12
  */
13
13
  isDisabled?: boolean;
14
+ /**
15
+ * Value for the segment
16
+ */
17
+ value: T;
14
18
  } & (({
15
19
  /**
16
20
  * Label for the segment
@@ -40,11 +44,11 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
40
44
  */
41
45
  ariaLabel: string;
42
46
  });
43
- export type SegmentedControlProps = {
47
+ export type SegmentedControlProps<T = string | number> = {
44
48
  /**
45
49
  * List of segments to be displayed
46
50
  */
47
- segments: SegmentType[];
51
+ segments: SegmentType<T>[];
48
52
  /**
49
53
  * Please make sure this is unique
50
54
  */
@@ -57,16 +61,16 @@ export type SegmentedControlProps = {
57
61
  /**
58
62
  * On change handler for the component
59
63
  */
60
- onChange?: (selectedSegment: SegmentType) => void;
64
+ onChange?: (selectedSegment: SegmentType<T>) => void;
61
65
  } | {
62
66
  /**
63
67
  * If defined, the component is controlled and onChange needs to be handled by the parent
64
68
  */
65
- value: SegmentType['value'];
66
- onChange: (selectedSegment: SegmentType) => void;
69
+ value: SegmentType<T>['value'];
70
+ onChange: (selectedSegment: SegmentType<T>) => void;
67
71
  });
68
- export interface SegmentProps extends Required<Pick<SegmentedControlProps, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
72
+ export interface SegmentProps<T> extends Required<Pick<SegmentedControlProps<T>, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
69
73
  isSelected: boolean;
70
- segment: SegmentType;
74
+ segment: SegmentType<T>;
71
75
  }
72
76
  export {};
@@ -1,3 +1,3 @@
1
1
  import { TooltipProps } from './types';
2
- declare const Tooltip: ({ shortcutKeyCombo, alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, ...rest }: TooltipProps) => JSX.Element;
2
+ declare const Tooltip: ({ shortcutKeyCombo, alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, plugins, ...rest }: TooltipProps) => JSX.Element;
3
3
  export default Tooltip;
@@ -37,7 +37,6 @@ export * from './Policy.Types';
37
37
  export { default as PopupMenu } from './PopupMenu';
38
38
  export * from './Progressing';
39
39
  export { default as RadioGroup } from './RadioGroup';
40
- export { default as StyledRadioGroup } from './RadioGroup/RadioGroup';
41
40
  export { default as RadioGroupItem } from './RadioGroupItem';
42
41
  export { default as Reload } from './Reload';
43
42
  export * from './RJSF';
@@ -1,2 +1 @@
1
- export * from './Overview';
2
1
  export * from './Shared';
@@ -0,0 +1 @@
1
+ export declare const SecurityCenterIcon: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export { getSecurityCenterBreadcrumb } from './utils';
@@ -0,0 +1,6 @@
1
+ export declare const getSecurityCenterBreadcrumb: () => {
2
+ 'security-center': {
3
+ component: JSX.Element;
4
+ linked: boolean;
5
+ };
6
+ };
@@ -0,0 +1 @@
1
+ export * from './SecurityCenterIcon';
@@ -1 +1 @@
1
- export * from './Overview';
1
+ export * from './Shared';
@@ -2,3 +2,4 @@ export * from './ApplicationManagement';
2
2
  export * from './CostVisibility';
3
3
  export * from './DataProtectionManagement';
4
4
  export * from './InfrastructureManagement';
5
+ export * from './SecurityCenter';
@@ -21,8 +21,8 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
21
21
  className?: string;
22
22
  defaultValue?: string | number | readonly string[];
23
23
  id?: string;
24
- color?: string;
25
24
  role?: import('react').AriaRole;
25
+ color?: string;
26
26
  about?: string;
27
27
  is?: string;
28
28
  security?: string;
@@ -100,7 +100,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
100
100
  startIcon?: import('react').ReactElement;
101
101
  endIcon?: import('react').ReactElement;
102
102
  fontWeight?: "bold" | "normal";
103
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
103
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
104
104
  ref?: import('react').Ref<HTMLButtonElement>;
105
105
  component?: ButtonComponentType.button;
106
106
  buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -135,7 +135,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
135
135
  startIcon?: never;
136
136
  endIcon?: never;
137
137
  fontWeight?: never;
138
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
138
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
139
139
  ref?: import('react').Ref<HTMLButtonElement>;
140
140
  component?: ButtonComponentType.button;
141
141
  buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -164,7 +164,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
164
164
  startIcon?: import('react').ReactElement;
165
165
  endIcon?: import('react').ReactElement;
166
166
  fontWeight?: "bold" | "normal";
167
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
167
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
168
168
  ref?: import('react').Ref<HTMLButtonElement>;
169
169
  component?: ButtonComponentType.button;
170
170
  buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -193,7 +193,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
193
193
  startIcon?: never;
194
194
  endIcon?: never;
195
195
  fontWeight?: never;
196
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
196
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
197
197
  ref?: import('react').Ref<HTMLAnchorElement>;
198
198
  component: ButtonComponentType.link;
199
199
  linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -228,7 +228,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
228
228
  startIcon?: import('react').ReactElement;
229
229
  endIcon?: import('react').ReactElement;
230
230
  fontWeight?: "bold" | "normal";
231
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
231
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
232
232
  ref?: import('react').Ref<HTMLAnchorElement>;
233
233
  component: ButtonComponentType.link;
234
234
  linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -263,7 +263,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
263
263
  startIcon?: never;
264
264
  endIcon?: never;
265
265
  fontWeight?: never;
266
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
266
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
267
267
  ref?: import('react').Ref<HTMLAnchorElement>;
268
268
  component: ButtonComponentType.link;
269
269
  linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -292,7 +292,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
292
292
  startIcon?: import('react').ReactElement;
293
293
  endIcon?: import('react').ReactElement;
294
294
  fontWeight?: "bold" | "normal";
295
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
295
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
296
296
  ref?: import('react').Ref<HTMLAnchorElement>;
297
297
  component: ButtonComponentType.link;
298
298
  linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -321,7 +321,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
321
321
  startIcon?: never;
322
322
  endIcon?: never;
323
323
  fontWeight?: never;
324
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
324
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
325
325
  ref?: import('react').Ref<HTMLAnchorElement>;
326
326
  component: ButtonComponentType.anchor;
327
327
  linkProps?: never;
@@ -356,7 +356,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
356
356
  startIcon?: import('react').ReactElement;
357
357
  endIcon?: import('react').ReactElement;
358
358
  fontWeight?: "bold" | "normal";
359
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
359
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
360
360
  ref?: import('react').Ref<HTMLAnchorElement>;
361
361
  component: ButtonComponentType.anchor;
362
362
  linkProps?: never;
@@ -391,7 +391,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
391
391
  startIcon?: never;
392
392
  endIcon?: never;
393
393
  fontWeight?: never;
394
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
394
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
395
395
  ref?: import('react').Ref<HTMLAnchorElement>;
396
396
  component: ButtonComponentType.anchor;
397
397
  linkProps?: never;
@@ -420,7 +420,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
420
420
  startIcon?: import('react').ReactElement;
421
421
  endIcon?: import('react').ReactElement;
422
422
  fontWeight?: "bold" | "normal";
423
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
423
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
424
424
  ref?: import('react').Ref<HTMLAnchorElement>;
425
425
  component: ButtonComponentType.anchor;
426
426
  linkProps?: never;
@@ -449,5 +449,5 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
449
449
  startIcon?: never;
450
450
  endIcon?: never;
451
451
  fontWeight?: never;
452
- }, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
452
+ }, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
453
453
  export default Button;
@@ -1,7 +1,7 @@
1
1
  import { ChartProps } from './types';
2
2
  /**
3
3
  * A versatile Chart component that renders different types of charts using Chart.js.
4
- * Supports area charts, pie charts, stacked bar charts (vertical/horizontal), and line charts.
4
+ * Supports area charts, pie charts, semi-pie charts, stacked bar charts (vertical/horizontal), and line charts.
5
5
  *
6
6
  * The component automatically adapts to theme changes and provides consistent styling
7
7
  * across all chart types. Colors are provided by the user through the CHART_COLORS constant
@@ -29,7 +29,24 @@ import { ChartProps } from './types';
29
29
  * datasets={{
30
30
  * datasetName: 'Adoption Rate (%)',
31
31
  * yAxisValues: [45.2, 28.7, 35.4],
32
- * backgroundColor: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
32
+ * colors: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
33
+ * }}
34
+ * />
35
+ *
36
+ * [Semi-Pie Chart Example with Center Text]
37
+ * <Chart
38
+ * id="performance-metrics"
39
+ * type="semiPie"
40
+ * xAxisLabels={['Good', 'Average', 'Poor']}
41
+ * datasets={{
42
+ * datasetName: 'Performance Score (%)',
43
+ * yAxisValues: [65, 25, 10],
44
+ * colors: ['LimeGreen500', 'GoldenYellow400', 'CoralRed400']
45
+ * }}
46
+ * centerText={{
47
+ * text: '85%',
48
+ * fontSize: 24,
49
+ * fontWeight: '600'
33
50
  * }}
34
51
  * />
35
52
  *
@@ -66,9 +83,9 @@ import { ChartProps } from './types';
66
83
  * ```
67
84
  *
68
85
  * @param id - Unique identifier for the chart canvas element
69
- * @param type - Chart type: 'area', 'pie', 'stackedBar', 'stackedBarHorizontal', or 'line'
70
- * @param xAxisLabels - Array of labels for the x-axis (or categories for pie charts)
71
- * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie charts
86
+ * @param type - Chart type: 'area', 'pie', 'semiPie', 'stackedBar', 'stackedBarHorizontal', or 'line'
87
+ * @param xAxisLabels - Array of labels for the x-axis (or categories for pie/semi-pie charts)
88
+ * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie/semi-pie charts
72
89
  *
73
90
  * @performance
74
91
  * **Memoization Recommendations:**
@@ -94,7 +111,9 @@ import { ChartProps } from './types';
94
111
  * @notes
95
112
  * - Chart automatically re-renders when theme changes (light/dark mode)
96
113
  * - Line charts are rendered as non-stacked and non-filled by default
97
- * - Pie charts expect a single dataset object instead of an array
114
+ * - Pie and semi-pie charts expect a single dataset object instead of an array
115
+ * - Semi-pie charts render as half-circles, ideal for gauges or progress indicators
116
+ * - Center text can be added to pie and semi-pie charts using the centerText prop
98
117
  * - Colors should reference CHART_COLORS tokens for consistency
99
118
  * - Component destroys and recreates Chart.js instance on prop changes for optimal performance
100
119
  */
@@ -1,4 +1,4 @@
1
1
  export { default as Chart } from './Chart.component';
2
2
  export { CHART_COLORS } from './constants';
3
- export type { ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
3
+ export type { CenterTextConfig, ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
4
4
  export { chartColorGenerator } from './utils';
@@ -1,6 +1,7 @@
1
1
  import { RefObject } from 'react';
2
2
  import { Plugin } from 'chart.js';
3
3
  import { AppThemeType } from '../../Providers';
4
- import { ChartType, ReferenceLineConfigType } from './types';
4
+ import { CenterTextConfig, ChartType, ReferenceLineConfigType } from './types';
5
5
  export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;
6
6
  export declare const htmlLegendPlugin: (id: string, ref: RefObject<HTMLDivElement>, type: ChartType) => Plugin;
7
+ export declare const drawCenterText: (config: CenterTextConfig, appTheme: AppThemeType) => Plugin;
@@ -3,11 +3,11 @@ import { TooltipOptions, TooltipPositionerFunction } from 'chart.js';
3
3
  import { TooltipProps } from '../../../Common/Tooltip';
4
4
  import { AppThemeType } from '../../Providers';
5
5
  import { Never } from '../../types';
6
- export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
7
- export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
6
+ export type ChartType = 'area' | 'pie' | 'semiPie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
7
+ export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray' | 'SunsetOrange';
8
8
  export type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
9
9
  export type ChartColorKey = `${ColorTokensType}${VariantsType}`;
10
- export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
10
+ export type ChartTypeWithoutPie = Exclude<ChartType, 'pie' | 'semiPie'>;
11
11
  interface BaseSimpleDataset {
12
12
  datasetName: string;
13
13
  yAxisValues: number[];
@@ -28,6 +28,13 @@ export interface ReferenceLineConfigType {
28
28
  color?: ChartColorKey;
29
29
  value: number;
30
30
  }
31
+ export interface CenterTextConfig {
32
+ text: string;
33
+ fontSize?: number;
34
+ fontWeight?: string | number;
35
+ color?: string;
36
+ fontFamily?: string;
37
+ }
31
38
  type XYAxisMax = {
32
39
  xAxisMax?: number;
33
40
  yAxisMax?: number;
@@ -42,24 +49,29 @@ type ScaleTickFormatCallbacks = Partial<{
42
49
  yScaleTickFormat: (value: number, index: number) => string | string[] | number | number[];
43
50
  }>;
44
51
  export type TypeAndDatasetsType = ({
45
- type: 'pie';
52
+ type: 'pie' | 'semiPie';
46
53
  /**
47
54
  * Needs to be memoized
48
55
  */
49
56
  datasets: SimpleDatasetForPie;
50
57
  onChartClick?: OnChartClickHandler;
58
+ /** Configuration for center text (only for doughnut/pie charts) */
59
+ centerText?: CenterTextConfig;
51
60
  } & Never<XYAxisMax> & Never<ScaleTickFormatCallbacks>) | ({
52
61
  type: 'line';
53
62
  datasets: SimpleDatasetForLineAndArea[];
54
63
  onChartClick?: never;
64
+ centerText?: never;
55
65
  } & XYAxisMax & ScaleTickFormatCallbacks) | ({
56
66
  type: 'area';
57
67
  datasets: SimpleDatasetForLineAndArea;
58
68
  onChartClick?: never;
69
+ centerText?: never;
59
70
  } & XYAxisMax & ScaleTickFormatCallbacks) | ({
60
- type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
71
+ type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
61
72
  datasets: SimpleDataset[];
62
73
  onChartClick?: OnChartClickHandler;
74
+ centerText?: never;
63
75
  } & XYAxisMax & ScaleTickFormatCallbacks);
64
76
  export type ChartProps = {
65
77
  id: string;
@@ -89,13 +101,13 @@ export type ChartProps = {
89
101
  export type TransformDatasetProps = {
90
102
  appTheme: AppThemeType;
91
103
  } & ({
92
- type: 'pie';
104
+ type: 'pie' | 'semiPie';
93
105
  dataset: SimpleDatasetForPie;
94
106
  } | {
95
107
  type: 'line' | 'area';
96
108
  dataset: SimpleDatasetForLineAndArea;
97
109
  } | {
98
- type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
110
+ type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
99
111
  dataset: SimpleDataset;
100
112
  });
101
113
  export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
@@ -25,6 +25,6 @@ export declare const transformDataForChart: (props: TransformDataForChartProps)
25
25
  label: string;
26
26
  data: number[];
27
27
  })[];
28
- export declare function chartColorGenerator(): Generator<"DeepPlum500" | "DeepPlum300" | "DeepPlum100" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta500" | "Magenta300" | "Magenta100" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate500" | "Slate300" | "Slate100" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender500" | "Lavender300" | "Lavender100" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue500" | "SkyBlue300" | "SkyBlue100" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal500" | "AquaTeal300" | "AquaTeal100" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen500" | "LimeGreen300" | "LimeGreen100" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed500" | "CoralRed300" | "CoralRed100" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow500" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray500" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray500" | "Gray300" | "Gray100" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950", void, unknown>;
28
+ export declare function chartColorGenerator(): Generator<"DeepPlum500" | "DeepPlum300" | "DeepPlum100" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta500" | "Magenta300" | "Magenta100" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate500" | "Slate300" | "Slate100" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender500" | "Lavender300" | "Lavender100" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue500" | "SkyBlue300" | "SkyBlue100" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal500" | "AquaTeal300" | "AquaTeal100" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen500" | "LimeGreen300" | "LimeGreen100" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed500" | "CoralRed300" | "CoralRed100" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow500" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray500" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray500" | "Gray300" | "Gray100" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950" | "SunsetOrange500" | "SunsetOrange300" | "SunsetOrange100" | "SunsetOrange50" | "SunsetOrange600" | "SunsetOrange400" | "SunsetOrange200" | "SunsetOrange700" | "SunsetOrange800" | "SunsetOrange900" | "SunsetOrange950", void, unknown>;
29
29
  export declare const buildChartTooltipFromContext: ({ title, body, labelColors: labelColorsProp, }: Pick<Parameters<TooltipOptions["external"]>[0]["tooltip"], "title" | "body" | "labelColors">) => ReactNode;
30
30
  export declare const distanceBetweenPoints: (pt1: Point, pt2: Point) => number;
@@ -96,4 +96,6 @@ export declare const DOCUMENTATION: {
96
96
  readonly RELEASE_HUB: "usage/software-distribution-hub/release-hub";
97
97
  readonly TENANTS: "usage/software-distribution-hub/tenants#adding-installation";
98
98
  readonly TENANTS_INSTALLATION: "usage/software-distribution-hub/tenants";
99
+ readonly AUTOSCALER_DETECTION: "user-guide/infra-management/infrastructure-overview#troubleshooting-autoscaler-detection";
100
+ readonly COST_CALCULATION: "user-guide/finops/overview-cost-visibility#how-is-the-cost-calculated";
99
101
  };
@@ -30,15 +30,21 @@ export declare const iconMap: {
30
30
  'ic-backup-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
31
31
  'ic-backup-location': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
32
32
  'ic-backup-schedule-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
33
+ 'ic-bg-backup-schedule': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
34
+ 'ic-bg-backups': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
33
35
  'ic-bg-build': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
34
36
  'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
35
37
  'ic-bg-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
36
38
  'ic-bg-deploy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
37
39
  'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
38
40
  'ic-bg-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
41
+ 'ic-bg-pause-schedule': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
39
42
  'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
40
43
  'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
44
+ 'ic-bg-ransomware-vulnerable-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
45
+ 'ic-bg-restore': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
41
46
  'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
47
+ 'ic-bg-storage-locations': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
42
48
  'ic-bg-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
43
49
  'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
44
50
  'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -235,8 +241,11 @@ export declare const iconMap: {
235
241
  'ic-right-panel-collapse': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
236
242
  'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
237
243
  'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
244
+ 'ic-security-fixable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
245
+ 'ic-security-not-fixable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
238
246
  'ic-security-policy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
239
247
  'ic-security-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
248
+ 'ic-security-vulnerability': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
240
249
  'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
241
250
  'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
242
251
  'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -1,2 +1,4 @@
1
+ import { Severity } from '../../types';
1
2
  import { SecurityConfigType } from './types';
2
3
  export declare const SECURITY_CONFIG: SecurityConfigType;
4
+ export declare const SEVERITY_LABEL_MAP: Record<Severity, string>;
@@ -1,3 +1,4 @@
1
+ export { SEVERITY_LABEL_MAP } from './constants';
1
2
  export * from './SecurityDetailsCards';
2
3
  export * from './SecurityModal';
3
4
  export * from './utils';
@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
133
133
  * />
134
134
  * ```
135
135
  */
136
- declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
136
+ declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, isUserIdentifier, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
137
137
  export default SelectPicker;
@@ -7,7 +7,7 @@ export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndic
7
7
  export declare const SelectPickerControl: <OptionValue>(props: ControlProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
8
8
  export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
9
9
  export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
10
- export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
10
+ export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, isUserIdentifier, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis" | "isUserIdentifier">) => JSX.Element;
11
11
  export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
12
12
  export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
13
13
  export declare const SelectPickerMultiValue: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
@@ -206,6 +206,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
206
206
  shouldHideMenu?: boolean;
207
207
  } & (IsMulti extends true ? {
208
208
  isMulti: IsMulti | boolean;
209
+ isUserIdentifier?: boolean;
209
210
  multiSelectProps?: Partial<Pick<SelectProps<OptionValue, IsMulti>, 'customDisplayText'>> & {
210
211
  /**
211
212
  * If true, the group heading can be selected
@@ -223,11 +224,12 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
223
224
  } : {
224
225
  isMulti?: never;
225
226
  multiSelectProps?: never;
227
+ isUserIdentifier?: never;
226
228
  });
227
229
  export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
228
230
  isGroupHeadingSelectable: boolean;
229
231
  };
230
- export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled' | 'onMenuClose' | 'menuIsOpen' | 'onKeyDown'> {
232
+ export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled' | 'onMenuClose' | 'menuIsOpen' | 'onKeyDown' | 'isUserIdentifier'> {
231
233
  appliedFilterOptions: SelectPickerOptionType[];
232
234
  handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
233
235
  }
@@ -91,6 +91,7 @@ export interface BulkOperationModalProps<T extends string = string, RowData exte
91
91
  type BulkSelectionConfigType = Pick<UseBulkSelectionProps<unknown>, 'getSelectAllDialogStatus'> & {
92
92
  BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
93
93
  BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
94
+ disableSelectAllAcrossEvenIfPaginated?: boolean;
94
95
  } & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
95
96
  export declare enum PaginationEnum {
96
97
  PAGINATED = "paginated",