@devtron-labs/devtron-fe-common-lib 1.19.3 → 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.
- package/dist/{@code-editor-CNbDePr1.js → @code-editor-BDOpS-4p.js} +9710 -8990
- package/dist/{@common-rjsf-D5cvCLaG.js → @common-rjsf-B26oCCx-.js} +46 -46
- package/dist/{@framer-motion-DZveCoIL.js → @framer-motion-D-YaCAW-.js} +92 -90
- package/dist/{@react-dates-CZ1bNWJM.js → @react-dates-Bo3yT8LF.js} +1 -1
- package/dist/{@react-select-DS68hCUM.js → @react-select-DTi_5fIc.js} +1 -1
- package/dist/{@react-virtualized-sticky-tree-V-8klKy9.js → @react-virtualized-sticky-tree-CuvDiqTo.js} +1 -1
- package/dist/{@vendor-3ORIJA0h.js → @vendor-DMIFbFhR.js} +26068 -17978
- package/dist/Common/CIPipeline.Types.d.ts +1 -0
- package/dist/Common/Common.service.d.ts +1 -1
- package/dist/Common/Constants.d.ts +11 -0
- package/dist/Common/ErrorPage.d.ts +1 -1
- package/dist/Common/ErrorScreenManager.d.ts +1 -1
- package/dist/Common/Helper.d.ts +1 -1
- package/dist/Common/Hooks/UseRegisterShortcut/index.d.ts +1 -0
- package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts +1 -0
- package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts +1 -1
- package/dist/Common/InteractiveCellText/InteractiveCellText.d.ts +27 -0
- package/dist/Common/InteractiveCellText/index.d.ts +2 -0
- package/dist/Common/InteractiveCellText/types.d.ts +10 -0
- package/dist/Common/RJSF/Form.d.ts +1 -1
- package/dist/Common/RJSF/utils.d.ts +1 -1
- package/dist/Common/SearchBar/SearchBar.component.d.ts +1 -1
- package/dist/Common/SearchBar/types.d.ts +4 -0
- package/dist/Common/Types.d.ts +13 -5
- package/dist/Common/index.d.ts +1 -0
- package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/VirtualClusterSidebar.d.ts +2 -0
- package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/index.d.ts +1 -1
- package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts +9 -0
- package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts +1 -0
- package/dist/Pages-Devtron-2.0/index.d.ts +1 -0
- package/dist/Shared/Components/ActionMenu/types.d.ts +2 -0
- package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts +8 -8
- package/dist/Shared/Components/Backdrop/types.d.ts +11 -2
- package/dist/Shared/Components/Button/Button.component.d.ts +68 -68
- package/dist/Shared/Components/CICDHistory/Artifacts.d.ts +1 -1
- package/dist/Shared/Components/CICDHistory/types.d.ts +2 -0
- package/dist/Shared/Components/Charts/Chart.component.d.ts +102 -0
- package/dist/Shared/Components/Charts/constants.d.ts +16 -0
- package/dist/Shared/Components/Charts/index.d.ts +2 -0
- package/dist/Shared/Components/Charts/types.d.ts +56 -0
- package/dist/Shared/Components/Charts/utils.d.ts +11 -0
- package/dist/Shared/Components/CodeEditor/utils.d.ts +1 -1
- package/dist/Shared/Components/DTFocusTrap/DTFocusTrap.d.ts +1 -1
- package/dist/Shared/Components/DTFocusTrap/types.d.ts +0 -9
- package/dist/Shared/Components/FramerComponents/index.d.ts +2 -2
- package/dist/Shared/Components/GenericModal/GenericModal.component.d.ts +1 -1
- package/dist/Shared/Components/GenericModal/types.d.ts +1 -0
- package/dist/Shared/Components/GenericSectionErrorState/GenericSectionErrorState.component.d.ts +2 -1
- package/dist/Shared/Components/GenericSectionErrorState/types.d.ts +21 -5
- package/dist/Shared/Components/GitProviderIcon/utils.d.ts +1 -0
- package/dist/Shared/Components/Icon/Icon.d.ts +23 -0
- package/dist/Shared/Components/Illustration/Illustration.d.ts +2 -0
- package/dist/Shared/Components/KeyboardShortcut/KeyboardShortcut.component.d.ts +3 -0
- package/dist/Shared/Components/KeyboardShortcut/index.d.ts +1 -0
- package/dist/Shared/Components/KeyboardShortcut/types.d.ts +4 -0
- package/dist/Shared/Components/MaterialHistory/MaterialHistory.component.d.ts +1 -1
- package/dist/Shared/Components/MaterialHistory/types.d.ts +1 -2
- package/dist/Shared/Components/Popover/utils.d.ts +1 -1
- package/dist/Shared/Components/PrometheusConfigurations/PrometheusConfigCard.d.ts +3 -0
- package/dist/Shared/Components/PrometheusConfigurations/index.d.ts +2 -0
- package/dist/Shared/Components/PrometheusConfigurations/types.d.ts +21 -0
- package/dist/Shared/Components/RegistryIcon/RegistryIcon.d.ts +1 -1
- package/dist/Shared/Components/RegistryIcon/types.d.ts +17 -2
- package/dist/Shared/Components/Security/SecurityModal/utils.d.ts +1 -1
- package/dist/Shared/Components/Table/TableContent.d.ts +1 -1
- package/dist/Shared/Components/Table/types.d.ts +8 -4
- package/dist/Shared/Components/Table/utils.d.ts +1 -1
- package/dist/Shared/Components/TreeView/TreeView.component.d.ts +1 -1
- package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts +1 -1
- package/dist/Shared/Components/TreeView/constants.d.ts +3 -0
- package/dist/Shared/Components/TreeView/types.d.ts +13 -3
- package/dist/Shared/Components/index.d.ts +3 -0
- package/dist/Shared/Hooks/useUserPreferences/service.d.ts +1 -1
- package/dist/Shared/Hooks/useUserPreferences/types.d.ts +31 -2
- package/dist/Shared/Services/ToastManager/ToastContent.d.ts +2 -1
- package/dist/Shared/Services/ToastManager/constants.d.ts +2 -2
- package/dist/Shared/Services/ToastManager/toastManager.service.d.ts +1 -1
- package/dist/Shared/Services/ToastManager/types.d.ts +23 -3
- package/dist/Shared/Services/app.service.d.ts +3 -3
- package/dist/Shared/constants.d.ts +2 -1
- package/dist/Shared/types.d.ts +10 -0
- package/dist/assets/@code-editor.css +1 -1
- package/dist/assets/ic-aws-codecommit.236f850c.svg +10 -0
- package/dist/assets/ic-bot.65f403dd.svg +3 -0
- package/dist/assets/ic-clipboard.2869fa7d.svg +3 -0
- package/dist/assets/ic-cloud.aa7acc8a.svg +3 -0
- package/dist/assets/ic-coins.2c15f406.svg +3 -0
- package/dist/assets/ic-devtron-text.67a413b6.svg +3 -0
- package/dist/assets/ic-diff-added.6ef6f938.svg +3 -0
- package/dist/assets/ic-diff-deleted.54eb24dd.svg +3 -0
- package/dist/assets/ic-diff-updated.294b925e.svg +4 -0
- package/dist/assets/ic-files-changed.04e6de3f.svg +3 -0
- package/dist/assets/ic-group-filter-applied.2cdb11e7.svg +20 -0
- package/dist/assets/{ic-folder.051cd30d.svg → ic-group-filter.ed1869f5.svg} +3 -3
- package/dist/assets/ic-input.57281408.svg +3 -0
- package/dist/assets/ic-kubernetes.7e04c3d2.svg +4 -0
- package/dist/assets/ic-locked.dd40e181.svg +3 -0
- package/dist/assets/ic-magic-wand.2c29cd4e.svg +10 -0
- package/dist/assets/ic-right-panel-collapse.0ecf8ceb.svg +3 -0
- package/dist/assets/ic-storage.03f282b6.svg +21 -0
- package/dist/assets/ic-tag.5fdc7834.svg +3 -0
- package/dist/assets/ic-trend-up.5752ef30.svg +3 -0
- package/dist/assets/ic-warning-fill.bfea8b38.svg +4 -0
- package/dist/assets/img-mechanical-operation.04a318d6.svg +17 -0
- package/dist/assets/no-cluster-cost-enabled.038c73db.webp +0 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +926 -913
- package/package.json +2 -1
- package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/types.d.ts +0 -8
@@ -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<
|
70
|
-
component
|
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
|
-
|
73
|
-
|
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" | "
|
104
|
-
ref?: import('react').Ref<
|
105
|
-
component
|
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
|
-
|
108
|
-
|
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" | "
|
139
|
-
ref?: import('react').Ref<
|
140
|
-
component
|
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
|
-
|
143
|
-
|
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" | "
|
168
|
-
ref?: import('react').Ref<
|
169
|
-
component
|
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
|
-
|
172
|
-
|
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" | "
|
197
|
-
ref?: import('react').Ref<
|
198
|
-
component
|
199
|
-
|
200
|
-
|
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').
|
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" | "
|
232
|
-
ref?: import('react').Ref<
|
233
|
-
component
|
234
|
-
|
235
|
-
|
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').
|
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" | "
|
267
|
-
ref?: import('react').Ref<
|
268
|
-
component
|
269
|
-
|
270
|
-
|
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').
|
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" | "
|
296
|
-
ref?: import('react').Ref<
|
297
|
-
component
|
298
|
-
|
299
|
-
|
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').
|
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" | "
|
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.
|
327
|
-
linkProps
|
326
|
+
component: ButtonComponentType.anchor;
|
327
|
+
linkProps?: never;
|
328
328
|
buttonProps?: never;
|
329
|
-
anchorProps
|
330
|
-
onClick?: import('react
|
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" | "
|
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.
|
362
|
-
linkProps
|
361
|
+
component: ButtonComponentType.anchor;
|
362
|
+
linkProps?: never;
|
363
363
|
buttonProps?: never;
|
364
|
-
anchorProps
|
365
|
-
onClick?: import('react
|
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" | "
|
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.
|
397
|
-
linkProps
|
396
|
+
component: ButtonComponentType.anchor;
|
397
|
+
linkProps?: never;
|
398
398
|
buttonProps?: never;
|
399
|
-
anchorProps
|
400
|
-
onClick?: import('react
|
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" | "
|
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.
|
426
|
-
linkProps
|
425
|
+
component: ButtonComponentType.anchor;
|
426
|
+
linkProps?: never;
|
427
427
|
buttonProps?: never;
|
428
|
-
anchorProps
|
429
|
-
onClick?: import('react
|
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" | "
|
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,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) =>
|
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: ({
|
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
|
package/dist/Shared/Components/GenericSectionErrorState/GenericSectionErrorState.component.d.ts
CHANGED
@@ -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
|
});
|