@devtron-labs/devtron-fe-common-lib 1.19.2 → 1.19.4-beta-1

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 (133) hide show
  1. package/dist/{@code-editor-Yvnd5mSs.js → @code-editor-BDOpS-4p.js} +9690 -8976
  2. package/dist/{@common-rjsf-DSIk1aHH.js → @common-rjsf-B26oCCx-.js} +46 -46
  3. package/dist/{@framer-motion-DZveCoIL.js → @framer-motion-D-YaCAW-.js} +92 -90
  4. package/dist/{@react-dates-CZ1bNWJM.js → @react-dates-Bo3yT8LF.js} +1 -1
  5. package/dist/{@react-select-DS68hCUM.js → @react-select-DTi_5fIc.js} +1 -1
  6. package/dist/{@react-virtualized-sticky-tree-V-8klKy9.js → @react-virtualized-sticky-tree-CuvDiqTo.js} +1 -1
  7. package/dist/{@vendor-3ORIJA0h.js → @vendor-DMIFbFhR.js} +26068 -17978
  8. package/dist/Common/CIPipeline.Types.d.ts +1 -0
  9. package/dist/Common/Common.service.d.ts +1 -1
  10. package/dist/Common/Constants.d.ts +11 -0
  11. package/dist/Common/ErrorPage.d.ts +1 -1
  12. package/dist/Common/ErrorScreenManager.d.ts +1 -1
  13. package/dist/Common/Helper.d.ts +1 -1
  14. package/dist/Common/Hooks/UseRegisterShortcut/index.d.ts +1 -0
  15. package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts +1 -0
  16. package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts +1 -1
  17. package/dist/Common/InteractiveCellText/InteractiveCellText.d.ts +27 -0
  18. package/dist/Common/InteractiveCellText/index.d.ts +2 -0
  19. package/dist/Common/InteractiveCellText/types.d.ts +10 -0
  20. package/dist/Common/RJSF/Form.d.ts +1 -1
  21. package/dist/Common/RJSF/utils.d.ts +1 -1
  22. package/dist/Common/SearchBar/SearchBar.component.d.ts +1 -1
  23. package/dist/Common/SearchBar/types.d.ts +4 -0
  24. package/dist/Common/Types.d.ts +13 -5
  25. package/dist/Common/index.d.ts +1 -0
  26. package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/VirtualClusterSidebar.d.ts +2 -0
  27. package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/index.d.ts +1 -1
  28. package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/Overview.d.ts +1 -0
  29. package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/index.d.ts +1 -0
  30. package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts +1 -0
  31. package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts +1 -0
  32. package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts +1 -0
  33. package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts +1 -0
  34. package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts +1 -0
  35. package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts +1 -0
  36. package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts +1 -0
  37. package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts +9 -0
  38. package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts +1 -0
  39. package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts +1 -0
  40. package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts +1 -0
  41. package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts +1 -0
  42. package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts +1 -0
  43. package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts +1 -0
  44. package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts +1 -0
  45. package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/index.d.ts +1 -0
  46. package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts +1 -0
  47. package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts +1 -0
  48. package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts +1 -0
  49. package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts +1 -0
  50. package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts +1 -0
  51. package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts +1 -0
  52. package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts +1 -0
  53. package/dist/Pages-Devtron-2.0/index.d.ts +1 -0
  54. package/dist/Shared/Components/ActionMenu/types.d.ts +2 -0
  55. package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts +8 -8
  56. package/dist/Shared/Components/Backdrop/types.d.ts +11 -2
  57. package/dist/Shared/Components/Button/Button.component.d.ts +68 -68
  58. package/dist/Shared/Components/CICDHistory/Artifacts.d.ts +1 -1
  59. package/dist/Shared/Components/CICDHistory/types.d.ts +2 -0
  60. package/dist/Shared/Components/Charts/Chart.component.d.ts +102 -0
  61. package/dist/Shared/Components/Charts/constants.d.ts +16 -0
  62. package/dist/Shared/Components/Charts/index.d.ts +2 -0
  63. package/dist/Shared/Components/Charts/types.d.ts +56 -0
  64. package/dist/Shared/Components/Charts/utils.d.ts +11 -0
  65. package/dist/Shared/Components/CodeEditor/utils.d.ts +1 -1
  66. package/dist/Shared/Components/DTFocusTrap/DTFocusTrap.d.ts +1 -1
  67. package/dist/Shared/Components/DTFocusTrap/types.d.ts +0 -9
  68. package/dist/Shared/Components/FramerComponents/index.d.ts +2 -2
  69. package/dist/Shared/Components/GenericModal/GenericModal.component.d.ts +1 -1
  70. package/dist/Shared/Components/GenericModal/types.d.ts +1 -0
  71. package/dist/Shared/Components/GenericSectionErrorState/GenericSectionErrorState.component.d.ts +2 -1
  72. package/dist/Shared/Components/GenericSectionErrorState/types.d.ts +21 -5
  73. package/dist/Shared/Components/GitProviderIcon/utils.d.ts +1 -0
  74. package/dist/Shared/Components/Icon/Icon.d.ts +23 -1
  75. package/dist/Shared/Components/Illustration/Illustration.d.ts +2 -0
  76. package/dist/Shared/Components/KeyboardShortcut/KeyboardShortcut.component.d.ts +3 -0
  77. package/dist/Shared/Components/KeyboardShortcut/index.d.ts +1 -0
  78. package/dist/Shared/Components/KeyboardShortcut/types.d.ts +4 -0
  79. package/dist/Shared/Components/MaterialHistory/MaterialHistory.component.d.ts +1 -1
  80. package/dist/Shared/Components/MaterialHistory/types.d.ts +1 -2
  81. package/dist/Shared/Components/Popover/utils.d.ts +1 -1
  82. package/dist/Shared/Components/PrometheusConfigurations/PrometheusConfigCard.d.ts +3 -0
  83. package/dist/Shared/Components/PrometheusConfigurations/index.d.ts +2 -0
  84. package/dist/Shared/Components/PrometheusConfigurations/types.d.ts +21 -0
  85. package/dist/Shared/Components/RegistryIcon/RegistryIcon.d.ts +1 -1
  86. package/dist/Shared/Components/RegistryIcon/types.d.ts +17 -2
  87. package/dist/Shared/Components/Security/SecurityModal/utils.d.ts +1 -1
  88. package/dist/Shared/Components/Table/TableContent.d.ts +1 -1
  89. package/dist/Shared/Components/Table/types.d.ts +8 -4
  90. package/dist/Shared/Components/Table/utils.d.ts +1 -1
  91. package/dist/Shared/Components/TreeView/TreeView.component.d.ts +1 -1
  92. package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts +1 -1
  93. package/dist/Shared/Components/TreeView/constants.d.ts +3 -0
  94. package/dist/Shared/Components/TreeView/types.d.ts +13 -3
  95. package/dist/Shared/Components/index.d.ts +3 -0
  96. package/dist/Shared/Hooks/useUserPreferences/service.d.ts +1 -1
  97. package/dist/Shared/Hooks/useUserPreferences/types.d.ts +31 -2
  98. package/dist/Shared/Services/ToastManager/ToastContent.d.ts +2 -1
  99. package/dist/Shared/Services/ToastManager/constants.d.ts +2 -2
  100. package/dist/Shared/Services/ToastManager/toastManager.service.d.ts +1 -1
  101. package/dist/Shared/Services/ToastManager/types.d.ts +23 -3
  102. package/dist/Shared/Services/app.service.d.ts +3 -3
  103. package/dist/Shared/constants.d.ts +3 -1
  104. package/dist/Shared/types.d.ts +10 -0
  105. package/dist/assets/@code-editor.css +1 -1
  106. package/dist/assets/ic-aws-codecommit.236f850c.svg +10 -0
  107. package/dist/assets/ic-bot.65f403dd.svg +3 -0
  108. package/dist/assets/ic-clipboard.2869fa7d.svg +3 -0
  109. package/dist/assets/ic-cloud.aa7acc8a.svg +3 -0
  110. package/dist/assets/ic-coins.2c15f406.svg +3 -0
  111. package/dist/assets/ic-devtron-text.67a413b6.svg +3 -0
  112. package/dist/assets/ic-diff-added.6ef6f938.svg +3 -0
  113. package/dist/assets/ic-diff-deleted.54eb24dd.svg +3 -0
  114. package/dist/assets/ic-diff-updated.294b925e.svg +4 -0
  115. package/dist/assets/ic-files-changed.04e6de3f.svg +3 -0
  116. package/dist/assets/ic-group-filter-applied.2cdb11e7.svg +20 -0
  117. package/dist/assets/{ic-folder.051cd30d.svg → ic-group-filter.ed1869f5.svg} +3 -3
  118. package/dist/assets/ic-input.57281408.svg +3 -0
  119. package/dist/assets/ic-kubernetes.7e04c3d2.svg +4 -0
  120. package/dist/assets/ic-locked.dd40e181.svg +3 -0
  121. package/dist/assets/ic-magic-wand.2c29cd4e.svg +10 -0
  122. package/dist/assets/ic-right-panel-collapse.0ecf8ceb.svg +3 -0
  123. package/dist/assets/ic-storage.03f282b6.svg +21 -0
  124. package/dist/assets/ic-tag.5fdc7834.svg +3 -0
  125. package/dist/assets/ic-trend-up.5752ef30.svg +3 -0
  126. package/dist/assets/ic-warning-fill.bfea8b38.svg +4 -0
  127. package/dist/assets/img-mechanical-operation.04a318d6.svg +17 -0
  128. package/dist/assets/no-cluster-cost-enabled.038c73db.webp +0 -0
  129. package/dist/index.d.ts +1 -0
  130. package/dist/index.js +928 -914
  131. package/package.json +2 -1
  132. package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/types.d.ts +0 -8
  133. package/dist/assets/ic-apica.1c78c468.svg +0 -31
@@ -66,12 +66,12 @@ import { ButtonComponentType, ButtonStyleType, ButtonVariantType } from './types
66
66
  * ```
67
67
  */
68
68
  declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
69
- ref?: import('react').Ref<HTMLAnchorElement>;
70
- component: ButtonComponentType.anchor;
69
+ ref?: import('react').Ref<HTMLButtonElement>;
70
+ component?: ButtonComponentType.button;
71
+ buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
71
72
  linkProps?: never;
72
- buttonProps?: never;
73
- anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
74
- onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
73
+ anchorProps?: never;
74
+ onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
75
75
  } & {
76
76
  id?: string;
77
77
  variant?: ButtonVariantType;
@@ -100,13 +100,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
104
- ref?: import('react').Ref<HTMLAnchorElement>;
105
- component: ButtonComponentType.anchor;
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<{
104
+ ref?: import('react').Ref<HTMLButtonElement>;
105
+ component?: ButtonComponentType.button;
106
+ buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
106
107
  linkProps?: never;
107
- buttonProps?: never;
108
- anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
109
- onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
108
+ anchorProps?: never;
109
+ onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
110
110
  } & {
111
111
  id?: string;
112
112
  variant?: ButtonVariantType;
@@ -135,13 +135,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
139
- ref?: import('react').Ref<HTMLAnchorElement>;
140
- component: ButtonComponentType.anchor;
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<{
139
+ ref?: import('react').Ref<HTMLButtonElement>;
140
+ component?: ButtonComponentType.button;
141
+ buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
141
142
  linkProps?: never;
142
- buttonProps?: never;
143
- anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
144
- onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
143
+ anchorProps?: never;
144
+ onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
145
145
  } & {
146
146
  id?: string;
147
147
  variant?: ButtonVariantType;
@@ -164,13 +164,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
168
- ref?: import('react').Ref<HTMLAnchorElement>;
169
- component: ButtonComponentType.anchor;
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<{
168
+ ref?: import('react').Ref<HTMLButtonElement>;
169
+ component?: ButtonComponentType.button;
170
+ buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
170
171
  linkProps?: never;
171
- buttonProps?: never;
172
- anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
173
- onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
172
+ anchorProps?: never;
173
+ onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
174
174
  } & {
175
175
  id?: string;
176
176
  variant?: ButtonVariantType;
@@ -193,13 +193,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
197
- ref?: import('react').Ref<HTMLButtonElement>;
198
- component?: ButtonComponentType.button;
199
- buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
200
- linkProps?: 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<{
197
+ ref?: import('react').Ref<HTMLAnchorElement>;
198
+ component: ButtonComponentType.link;
199
+ linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
200
+ buttonProps?: never;
201
201
  anchorProps?: never;
202
- onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
202
+ onClick?: import('react-router-dom').LinkProps["onClick"];
203
203
  } & {
204
204
  id?: string;
205
205
  variant?: ButtonVariantType;
@@ -228,13 +228,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
232
- ref?: import('react').Ref<HTMLButtonElement>;
233
- component?: ButtonComponentType.button;
234
- buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
235
- linkProps?: never;
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<{
232
+ ref?: import('react').Ref<HTMLAnchorElement>;
233
+ component: ButtonComponentType.link;
234
+ linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
235
+ buttonProps?: never;
236
236
  anchorProps?: never;
237
- onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
237
+ onClick?: import('react-router-dom').LinkProps["onClick"];
238
238
  } & {
239
239
  id?: string;
240
240
  variant?: ButtonVariantType;
@@ -263,13 +263,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
267
- ref?: import('react').Ref<HTMLButtonElement>;
268
- component?: ButtonComponentType.button;
269
- buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
270
- linkProps?: 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<{
267
+ ref?: import('react').Ref<HTMLAnchorElement>;
268
+ component: ButtonComponentType.link;
269
+ linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
270
+ buttonProps?: never;
271
271
  anchorProps?: never;
272
- onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
272
+ onClick?: import('react-router-dom').LinkProps["onClick"];
273
273
  } & {
274
274
  id?: string;
275
275
  variant?: ButtonVariantType;
@@ -292,13 +292,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
296
- ref?: import('react').Ref<HTMLButtonElement>;
297
- component?: ButtonComponentType.button;
298
- buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
299
- linkProps?: never;
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<{
296
+ ref?: import('react').Ref<HTMLAnchorElement>;
297
+ component: ButtonComponentType.link;
298
+ linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
299
+ buttonProps?: never;
300
300
  anchorProps?: never;
301
- onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
301
+ onClick?: import('react-router-dom').LinkProps["onClick"];
302
302
  } & {
303
303
  id?: string;
304
304
  variant?: ButtonVariantType;
@@ -321,13 +321,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
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<{
325
325
  ref?: import('react').Ref<HTMLAnchorElement>;
326
- component: ButtonComponentType.link;
327
- linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
326
+ component: ButtonComponentType.anchor;
327
+ linkProps?: never;
328
328
  buttonProps?: never;
329
- anchorProps?: never;
330
- onClick?: import('react-router-dom').LinkProps["onClick"];
329
+ anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
330
+ onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
331
331
  } & {
332
332
  id?: string;
333
333
  variant?: ButtonVariantType;
@@ -356,13 +356,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
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<{
360
360
  ref?: import('react').Ref<HTMLAnchorElement>;
361
- component: ButtonComponentType.link;
362
- linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
361
+ component: ButtonComponentType.anchor;
362
+ linkProps?: never;
363
363
  buttonProps?: never;
364
- anchorProps?: never;
365
- onClick?: import('react-router-dom').LinkProps["onClick"];
364
+ anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
365
+ onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
366
366
  } & {
367
367
  id?: string;
368
368
  variant?: ButtonVariantType;
@@ -391,13 +391,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
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<{
395
395
  ref?: import('react').Ref<HTMLAnchorElement>;
396
- component: ButtonComponentType.link;
397
- linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
396
+ component: ButtonComponentType.anchor;
397
+ linkProps?: never;
398
398
  buttonProps?: never;
399
- anchorProps?: never;
400
- onClick?: import('react-router-dom').LinkProps["onClick"];
399
+ anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
400
+ onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
401
401
  } & {
402
402
  id?: string;
403
403
  variant?: ButtonVariantType;
@@ -420,13 +420,13 @@ 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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
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<{
424
424
  ref?: import('react').Ref<HTMLAnchorElement>;
425
- component: ButtonComponentType.link;
426
- linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
425
+ component: ButtonComponentType.anchor;
426
+ linkProps?: never;
427
427
  buttonProps?: never;
428
- anchorProps?: never;
429
- onClick?: import('react-router-dom').LinkProps["onClick"];
428
+ anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
429
+ onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
430
430
  } & {
431
431
  id?: string;
432
432
  variant?: ButtonVariantType;
@@ -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" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
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>>;
453
453
  export default Button;
@@ -1,4 +1,4 @@
1
1
  import { ArtifactType, CIListItemType } from './types';
2
- export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, targetPlatforms, isDeploymentWithoutApproval, }: CIListItemType) => JSX.Element;
2
+ export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, targetPlatforms, isDeploymentWithoutApproval, artifact, }: CIListItemType) => JSX.Element;
3
3
  declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobCI, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, rootClassName, renderCIListHeader, targetPlatforms, }: ArtifactType) => JSX.Element;
4
4
  export default Artifacts;
@@ -345,6 +345,7 @@ export type CIListItemType = Pick<History, 'promotionApprovalMetadata' | 'isDepl
345
345
  tagsEditable: boolean;
346
346
  hideImageTaggingHardDelete: boolean;
347
347
  isSuperAdmin: boolean;
348
+ artifact: string;
348
349
  } | {
349
350
  type: 'report';
350
351
  targetPlatforms?: never;
@@ -356,6 +357,7 @@ export type CIListItemType = Pick<History, 'promotionApprovalMetadata' | 'isDepl
356
357
  tagsEditable?: never;
357
358
  hideImageTaggingHardDelete?: never;
358
359
  isSuperAdmin?: never;
360
+ artifact?: never;
359
361
  });
360
362
  export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDetailsType, 'renderTargetConfigInfo'> {
361
363
  fullScreenView: boolean;
@@ -0,0 +1,102 @@
1
+ import { ChartProps } from './types';
2
+ /**
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.
5
+ *
6
+ * The component automatically adapts to theme changes and provides consistent styling
7
+ * across all chart types. Colors are provided by the user through the CHART_COLORS constant
8
+ * or custom color tokens.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * [Area Chart Example]
13
+ * <Chart
14
+ * id="quarterly-growth"
15
+ * type="area"
16
+ * xAxisLabels={['Q1 2023', 'Q2 2023', 'Q3 2023', 'Q4 2023']}
17
+ * datasets={[{
18
+ * datasetName: 'Revenue Growth (%)',
19
+ * yAxisValues: [15.2, 18.7, 22.3, 19.8],
20
+ * backgroundColor: 'LavenderPurple300'
21
+ * }]}
22
+ * />
23
+ *
24
+ * [Pie Chart Example]
25
+ * <Chart
26
+ * id="technology-adoption"
27
+ * type="pie"
28
+ * xAxisLabels={['React', 'Vue.js', 'Angular']}
29
+ * datasets={{
30
+ * datasetName: 'Adoption Rate (%)',
31
+ * yAxisValues: [45.2, 28.7, 35.4],
32
+ * backgroundColor: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
33
+ * }}
34
+ * />
35
+ *
36
+ * [Line Chart Example (non-stacked, non-filled)]
37
+ * <Chart
38
+ * id="traffic-trends"
39
+ * type="line"
40
+ * xAxisLabels={['Jan', 'Feb', 'Mar', 'Apr']}
41
+ * datasets={[{
42
+ * datasetName: 'Website Traffic',
43
+ * yAxisValues: [120, 190, 300, 500],
44
+ * borderColor: 'SkyBlue500'
45
+ * }]}
46
+ * />
47
+ *
48
+ * [Stacked Bar Chart Example]
49
+ * <Chart
50
+ * id="team-allocation"
51
+ * type="stackedBar"
52
+ * xAxisLabels={['Q1', 'Q2', 'Q3', 'Q4']}
53
+ * datasets={[
54
+ * {
55
+ * datasetName: 'Frontend',
56
+ * yAxisValues: [120, 150, 180, 200],
57
+ * backgroundColor: 'SkyBlue600'
58
+ * },
59
+ * {
60
+ * datasetName: 'Backend',
61
+ * yAxisValues: [80, 100, 120, 140],
62
+ * backgroundColor: 'AquaTeal600'
63
+ * }
64
+ * ]}
65
+ * />
66
+ * ```
67
+ *
68
+ * @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
72
+ *
73
+ * @performance
74
+ * **Memoization Recommendations:**
75
+ * - `xAxisLabels`: Should be memoized with useMemo() if derived from complex calculations
76
+ * - `datasets`: Should be memoized with useMemo() as it contains arrays and objects that cause re-renders
77
+ * - Avoid passing inline objects or arrays directly to these props
78
+ *
79
+ * @example
80
+ * ```tsx
81
+ * [Good: Memoized props prevent unnecessary re-renders]
82
+ * const labels = useMemo(() => quarters.map(q => `Q${q}`), [quarters])
83
+ * const chartDatasets = useMemo(() => [
84
+ * {
85
+ * datasetName: 'Revenue',
86
+ * yAxisValues: revenueData,
87
+ * backgroundColor: 'LavenderPurple300'
88
+ * }
89
+ * ], [revenueData])
90
+ *
91
+ * return <Chart id="revenue-chart" type="area" xAxisLabels={labels} datasets={chartDatasets} />
92
+ * ```
93
+ *
94
+ * @notes
95
+ * - Chart automatically re-renders when theme changes (light/dark mode)
96
+ * - Line charts are rendered as non-stacked and non-filled by default
97
+ * - Pie charts expect a single dataset object instead of an array
98
+ * - Colors should reference CHART_COLORS tokens for consistency
99
+ * - Component destroys and recreates Chart.js instance on prop changes for optimal performance
100
+ */
101
+ declare const Chart: (props: ChartProps) => JSX.Element;
102
+ export default Chart;
@@ -0,0 +1,16 @@
1
+ import { AppThemeType } from '../../Providers';
2
+ import { ChartColorKey } from './types';
3
+ export declare const LEGENDS_LABEL_CONFIG: {
4
+ readonly usePointStyle: true;
5
+ readonly pointStyle: "rectRounded";
6
+ readonly pointStyleWidth: 0;
7
+ readonly font: {
8
+ readonly family: "'IBM Plex Sans', 'Open Sans', 'Roboto'";
9
+ readonly size: 13;
10
+ readonly lineHeight: "150%";
11
+ readonly weight: 400;
12
+ };
13
+ };
14
+ export declare const CHART_COLORS: Record<AppThemeType, Record<ChartColorKey, string>>;
15
+ export declare const CHART_GRID_LINES_COLORS: Record<AppThemeType, string>;
16
+ export declare const CHART_CANVAS_BACKGROUND_COLORS: Record<AppThemeType, string>;
@@ -0,0 +1,2 @@
1
+ export { default as Chart } from './Chart.component';
2
+ export type { ChartColorKey, ChartProps, ChartType, SimpleDataset, SimpleDatasetForPie } from './types';
@@ -0,0 +1,56 @@
1
+ import { AppThemeType } from '../../Providers';
2
+ export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
3
+ type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'LavenderPurple' | 'SkyBlue' | 'AquaTeal';
4
+ type VariantsType = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
5
+ export type ChartColorKey = `${ColorTokensType}${VariantsType}`;
6
+ export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
7
+ interface BaseSimpleDataset {
8
+ datasetName: string;
9
+ yAxisValues: number[];
10
+ }
11
+ export interface SimpleDataset extends BaseSimpleDataset {
12
+ backgroundColor: ChartColorKey;
13
+ }
14
+ export interface SimpleDatasetForPie extends BaseSimpleDataset {
15
+ backgroundColor: Array<ChartColorKey>;
16
+ }
17
+ export interface SimpleDatasetForLine extends BaseSimpleDataset {
18
+ borderColor: ChartColorKey;
19
+ }
20
+ type TypeAndDatasetsType = {
21
+ type: 'pie';
22
+ /**
23
+ * Needs to be memoized
24
+ */
25
+ datasets: SimpleDatasetForPie;
26
+ } | {
27
+ type: 'line';
28
+ datasets: SimpleDatasetForLine[];
29
+ } | {
30
+ type: Exclude<ChartType, 'pie' | 'line'>;
31
+ datasets: SimpleDataset[];
32
+ };
33
+ export type ChartProps = {
34
+ id: string;
35
+ /**
36
+ * The x-axis labels. Needs to be memoized
37
+ */
38
+ xAxisLabels: string[];
39
+ } & TypeAndDatasetsType;
40
+ export type TransformDatasetProps = {
41
+ appTheme: AppThemeType;
42
+ } & ({
43
+ type: 'pie';
44
+ dataset: SimpleDatasetForPie;
45
+ } | {
46
+ type: 'line';
47
+ dataset: SimpleDatasetForLine;
48
+ } | {
49
+ type: Exclude<ChartType, 'pie' | 'line'>;
50
+ dataset: SimpleDataset;
51
+ });
52
+ export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
53
+ export type TransformDataForChartProps = {
54
+ appTheme: AppThemeType;
55
+ } & TypeAndDatasetsType;
56
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ChartDataset, ChartOptions, ChartType as ChartJSChartType } from 'chart.js';
2
+ import { AppThemeType } from '../../Providers';
3
+ import { ChartType, TransformDataForChartProps } from './types';
4
+ export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
5
+ export declare const getDefaultOptions: (type: ChartType, appTheme: AppThemeType) => ChartOptions;
6
+ export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
7
+ label: string;
8
+ data: number[];
9
+ backgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
10
+ borderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
11
+ })[];
@@ -10,7 +10,7 @@ export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view:
10
10
  current: number;
11
11
  };
12
12
  export declare const updateDiffMinimapValues: (view: MergeView, transactions: readonly Transaction[], side: "a" | "b") => void;
13
- export declare const getScanLimit: (lhsValue: string, value: string) => 500 | 10000 | 5000 | 15000 | 20000;
13
+ export declare const getScanLimit: (lhsValue: string, value: string) => 10000 | 500 | 5000 | 15000 | 20000;
14
14
  export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
15
15
  export declare const getReadOnlyElement: () => HTMLDivElement;
16
16
  export declare const getRevertControlButton: () => HTMLButtonElement;
@@ -4,5 +4,5 @@ export declare const useFocusTrapControl: () => {
4
4
  disableFocusTrap: typeof noop;
5
5
  resumeFocusTrap: typeof noop;
6
6
  };
7
- declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
7
+ declare const DTFocusTrap: ({ deactivateFocusOnEscape, children, initialFocus }: DTFocusTrapType) => JSX.Element;
8
8
  export default DTFocusTrap;
@@ -8,15 +8,6 @@ type FocusTargetValueOrFalse = FocusTargetValue | false;
8
8
  */
9
9
  type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
10
10
  export interface DTFocusTrapType {
11
- /**
12
- * Callback function that gets triggered when the Escape key is pressed. \
13
- * Should be wrapped in useCallback to prevent unnecessary re-renders.
14
- * @example
15
- * const handleEscape = useCallback(() => {
16
- * // Handle escape key press
17
- * }, []);
18
- */
19
- onEscape: (e?: KeyboardEvent | MouseEvent) => void;
20
11
  /**
21
12
  * If focus should be deactivated on escape, pass false when escape is disabled or has no action
22
13
  * true for cases when we are closing modals or dialogs
@@ -1,2 +1,2 @@
1
- import { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
2
- export { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue };
1
+ import { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
2
+ export { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue };
@@ -1,7 +1,7 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { GenericModalFooterProps, GenericModalHeaderProps, GenericModalProps } from './types';
3
3
  declare const GenericModal: {
4
- ({ name, open, width, onClose, onEscape, closeOnBackdropClick, children, }: PropsWithChildren<GenericModalProps>): JSX.Element;
4
+ ({ name, open, width, borderRadius, onClose, onEscape, closeOnBackdropClick, children, }: PropsWithChildren<GenericModalProps>): JSX.Element;
5
5
  Header: ({ title }: GenericModalHeaderProps) => JSX.Element;
6
6
  Body: ({ children }: PropsWithChildren<{}>) => JSX.Element;
7
7
  Footer: ({ leftSideElement, buttonConfig, children, }: PropsWithChildren<GenericModalFooterProps>) => JSX.Element;
@@ -12,6 +12,7 @@ export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape
12
12
  * @default 600
13
13
  */
14
14
  width?: 450 | 500 | 600 | 800;
15
+ borderRadius?: 8 | 12 | 16;
15
16
  /**
16
17
  * Determines if the modal should close when the user clicks outside of it (on the backdrop).
17
18
  * @default false
@@ -1,3 +1,4 @@
1
+ import { ButtonComponentType } from '../Button';
1
2
  import { GenericSectionErrorStateProps } from './types';
2
- declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
3
+ declare const GenericSectionErrorState: <T extends ButtonComponentType = ButtonComponentType.button>({ reload, buttonProps, customIcon, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps<T>) => JSX.Element;
3
4
  export default GenericSectionErrorState;
@@ -1,10 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
+ import { ButtonComponentType, ButtonProps } from '../Button';
2
3
  import { IconsProps } from '../Icon';
3
- export type GenericSectionErrorStateProps = {
4
- /**
5
- * Handler for reloading the section
6
- */
7
- reload?: () => void;
4
+ export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {
8
5
  /**
9
6
  * If true, border is added to the section
10
7
  *
@@ -37,6 +34,7 @@ export type GenericSectionErrorStateProps = {
37
34
  */
38
35
  progressingProps: Omit<IconsProps, 'name'>;
39
36
  useInfoIcon?: false;
37
+ customIcon?: never;
40
38
  } | {
41
39
  progressingProps?: never;
42
40
  /**
@@ -45,7 +43,25 @@ export type GenericSectionErrorStateProps = {
45
43
  * @default false
46
44
  */
47
45
  useInfoIcon: true;
46
+ customIcon?: never;
47
+ } | {
48
+ progressingProps?: never;
49
+ useInfoIcon?: never;
50
+ customIcon?: never;
48
51
  } | {
52
+ customIcon: JSX.Element;
49
53
  progressingProps?: never;
50
54
  useInfoIcon?: never;
55
+ }) & ({
56
+ /**
57
+ * Handler for reloading the section
58
+ */
59
+ reload: () => void;
60
+ buttonProps?: never;
61
+ } | {
62
+ reload?: never;
63
+ buttonProps: ButtonProps<ButtonType>;
64
+ } | {
65
+ reload?: never;
66
+ buttonProps?: never;
51
67
  });
@@ -1,2 +1,3 @@
1
1
  import { IconName } from '../Icon';
2
+ export declare const isAWSCodeCommitURL: (url?: string) => boolean;
2
3
  export declare const getGitIconName: (repoUrl: string) => IconName;