@devtron-labs/devtron-fe-common-lib 1.15.1-pre-5 → 1.15.2-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-AS248Z8Q.js → @code-editor-DRvAFRa4.js} +7792 -7975
- package/dist/{@common-rjsf-LqYGieJ9.js → @common-rjsf-BSQQ3wGe.js} +230 -222
- package/dist/{@framer-motion-Bw9QEkUf.js → @framer-motion-Dchiw-Rb.js} +619 -637
- package/dist/Common/Constants.d.ts +0 -3
- package/dist/Common/Dialogs/ConfirmationDialog.d.ts +11 -0
- package/dist/Common/Dialogs/Types.d.ts +17 -0
- package/dist/Common/Dialogs/index.d.ts +1 -0
- package/dist/Common/InfoColorBar/InfoColourbar.d.ts +6 -0
- package/dist/Common/RJSF/widgets/Checkbox.d.ts +1 -1
- package/dist/Common/Toggle/Toggle.d.ts +18 -0
- package/dist/Common/Types.d.ts +44 -9
- package/dist/Common/index.d.ts +2 -0
- package/dist/Shared/Analytics/analytics.d.ts +0 -2
- package/dist/Shared/Components/AppStatusModal/service.d.ts +1 -1
- package/dist/Shared/Components/AppStatusModal/types.d.ts +2 -1
- package/dist/Shared/Components/Button/Button.component.d.ts +1 -1
- package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts +1 -2
- package/dist/Shared/Components/CICDHistory/service.d.ts +7 -1
- package/dist/Shared/Components/CICDHistory/types.d.ts +18 -2
- package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiff.types.d.ts +1 -18
- package/dist/Shared/Components/DeploymentConfigDiff/index.d.ts +0 -1
- package/dist/Shared/Components/DeploymentStatusBreakdown/constants.d.ts +2 -1
- package/dist/Shared/Components/DeploymentStatusBreakdown/utils.d.ts +2 -1
- package/dist/Shared/Components/DocLink/types.d.ts +0 -1
- package/dist/Shared/Components/DocLink/utils.d.ts +1 -1
- package/dist/Shared/Components/Header/types.d.ts +1 -2
- package/dist/Shared/Components/Icon/Icon.d.ts +0 -15
- package/dist/Shared/Components/Popover/types.d.ts +0 -5
- package/dist/Shared/Components/Popover/usePopover.hook.d.ts +1 -1
- package/dist/Shared/Components/Switch/Switch.component.d.ts +1 -1
- package/dist/Shared/Components/Switch/types.d.ts +2 -11
- package/dist/Shared/Components/Switch/utils.d.ts +2 -2
- package/dist/Shared/Components/Textarea/Textarea.component.d.ts +1 -1
- package/dist/Shared/Components/Textarea/types.d.ts +1 -17
- package/dist/Shared/Components/ToggleResolveScopedVariables/ToggleResolveScopedVariables.component.d.ts +1 -1
- package/dist/Shared/Components/ToggleResolveScopedVariables/types.d.ts +1 -1
- package/dist/Shared/Components/index.d.ts +0 -3
- package/dist/Shared/Providers/index.d.ts +0 -1
- package/dist/Shared/Providers/types.d.ts +12 -40
- package/dist/Shared/Services/app.types.d.ts +2 -7
- package/dist/Shared/constants.d.ts +1 -2
- package/dist/Shared/types.d.ts +3 -7
- package/dist/assets/@code-editor.css +1 -1
- package/dist/assets/ic-add.18a93616.svg +19 -0
- package/dist/assets/{ic-cluster.f1c3fad1.svg → ic-cluster.71ba9e26.svg} +1 -1
- package/dist/assets/ic-sparkle-color.01c0be88.svg +1 -0
- package/dist/index.d.ts +3 -5
- package/dist/index.js +753 -752
- package/package.json +3 -3
- package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffRadioSelect.d.ts +0 -7
- package/dist/Shared/Components/ProgressBar/ProgressBar.component.d.ts +0 -2
- package/dist/Shared/Components/ProgressBar/index.d.ts +0 -1
- package/dist/Shared/Components/ProgressBar/types.d.ts +0 -9
- package/dist/Shared/Components/SwitchThemeDialog/SwitchThemeDialog.component.d.ts +0 -3
- package/dist/Shared/Components/SwitchThemeDialog/index.d.ts +0 -2
- package/dist/Shared/Components/SwitchThemeDialog/types.d.ts +0 -35
- package/dist/Shared/Components/Textarea/utils.d.ts +0 -5
- package/dist/Shared/Components/Typewriter/BlinkingCursor.d.ts +0 -1
- package/dist/Shared/Components/Typewriter/index.d.ts +0 -2
- package/dist/Shared/Components/Typewriter/useTypewriter.d.ts +0 -1
- package/dist/assets/ic-add.2d785695.svg +0 -3
- package/dist/assets/ic-asterisk.ab224e72.svg +0 -3
- package/dist/assets/ic-brain.838491eb.svg +0 -3
- package/dist/assets/ic-cluster-isolated.93f843b9.svg +0 -3
- package/dist/assets/ic-devtron-ai.535b45ec.svg +0 -287
- package/dist/assets/ic-environment-isolated.b772ae9d.svg +0 -3
- package/dist/assets/ic-environment.e639b8f3.svg +0 -4
- package/dist/assets/ic-folder-color.7cf84356.svg +0 -6
- package/dist/assets/ic-minus.416da21b.svg +0 -3
- package/dist/assets/ic-openai.6e4c9a37.svg +0 -10
- package/dist/assets/ic-paper-plane.ad7e6d2f.svg +0 -3
- package/dist/assets/ic-shapes.b7b5c28f.svg +0 -3
- package/dist/assets/ic-sparkle-ai-color.34768219.svg +0 -11
- package/dist/assets/ic-sparkle-color.a9722593.svg +0 -18
- package/dist/assets/ic-stop-fill.32ea653f.svg +0 -8
- package/dist/assets/ic-world-globe.877fa6a0.svg +0 -3
@@ -6,7 +6,6 @@ export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
|
|
6
6
|
export declare const DISCORD_LINK = "https://discord.devtron.ai/";
|
7
7
|
export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
|
8
8
|
export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
|
9
|
-
export declare const DEVTRON_GPT_LINK = "https://chatgpt.com/g/g-6826efa4362c8191b23e7bfa0ac036db-devtron-expert";
|
10
9
|
export declare const PATTERNS: {
|
11
10
|
STRING: RegExp;
|
12
11
|
DECIMAL_NUMBERS: RegExp;
|
@@ -58,7 +57,6 @@ export declare const URLS: {
|
|
58
57
|
readonly COMPARE_CLUSTERS: "/compare-clusters";
|
59
58
|
readonly APP_CONFIG: "edit";
|
60
59
|
readonly GLOBAL_CONFIG: "/global-config";
|
61
|
-
readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
|
62
60
|
readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
|
63
61
|
readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
|
64
62
|
readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
|
@@ -68,7 +66,6 @@ export declare const ROUTES: {
|
|
68
66
|
readonly APP: "app";
|
69
67
|
readonly APP_ARTIFACT_PROMOTE_MATERIAL: "app/artifact/promotion-request/material";
|
70
68
|
readonly APP_TEMPLATE_DATA: "app/template/data";
|
71
|
-
readonly ENVIRONMENT_CATEGORIES: "env/categories";
|
72
69
|
readonly PROJECT_LIST_MIN: "team/autocomplete";
|
73
70
|
readonly USER_CHECK_ROLE: "user/check/roles";
|
74
71
|
readonly IMAGE_TAGGING: "app/image-tagging";
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { ConfirmationDialogBodyType, ConfirmationDialogButtonGroupType, ConfirmationDialogIconType, ConfirmationDialogType } from './Types';
|
2
|
+
/**
|
3
|
+
* @deprecated use confirmation modal instead
|
4
|
+
*/
|
5
|
+
declare const ConfirmationDialog: {
|
6
|
+
({ className, children, close }: ConfirmationDialogType): JSX.Element;
|
7
|
+
Icon: ({ src, className }: ConfirmationDialogIconType) => JSX.Element;
|
8
|
+
Body: ({ title, subtitle, children }: ConfirmationDialogBodyType) => JSX.Element;
|
9
|
+
ButtonGroup: ({ children }: ConfirmationDialogButtonGroupType) => JSX.Element;
|
10
|
+
};
|
11
|
+
export default ConfirmationDialog;
|
@@ -32,6 +32,23 @@ export interface ForceDeleteDialogType {
|
|
32
32
|
forceDeleteDialogTitle: string;
|
33
33
|
forceDeleteDialogMessage: string;
|
34
34
|
}
|
35
|
+
export interface ConfirmationDialogType {
|
36
|
+
className?: string;
|
37
|
+
children: any;
|
38
|
+
close?: (e: any) => void;
|
39
|
+
}
|
40
|
+
export interface ConfirmationDialogIconType {
|
41
|
+
src: string;
|
42
|
+
className?: string;
|
43
|
+
}
|
44
|
+
export interface ConfirmationDialogBodyType {
|
45
|
+
title: string;
|
46
|
+
subtitle?: ReactNode;
|
47
|
+
children?: any;
|
48
|
+
}
|
49
|
+
export interface ConfirmationDialogButtonGroupType {
|
50
|
+
children: any;
|
51
|
+
}
|
35
52
|
export interface DialogFormProps {
|
36
53
|
className: string;
|
37
54
|
title: string;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { InfoColourBarType } from '../Types';
|
2
|
+
/**
|
3
|
+
* @deprecated Use InfoBlock instead
|
4
|
+
*/
|
5
|
+
declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, hideIcon, textConfig, }: InfoColourBarType) => JSX.Element;
|
6
|
+
export default InfoColourBar;
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { WidgetProps } from '@rjsf/utils';
|
2
|
-
export declare const Checkbox: ({ id, onChange, value, disabled, readonly, autofocus, }: WidgetProps) => JSX.Element;
|
2
|
+
export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { CHECKBOX_VALUE } from '../Types';
|
2
|
+
declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, value, isControlled, ...props }: {
|
3
|
+
[x: string]: any;
|
4
|
+
selected?: boolean;
|
5
|
+
onSelect?: any;
|
6
|
+
color?: string;
|
7
|
+
rootClassName?: string;
|
8
|
+
disabled?: boolean;
|
9
|
+
dataTestId?: string;
|
10
|
+
Icon?: any;
|
11
|
+
iconClass?: string;
|
12
|
+
throttleOnChange?: boolean;
|
13
|
+
shouldToggleValueOnLabelClick?: boolean;
|
14
|
+
isLoading?: boolean;
|
15
|
+
value?: CHECKBOX_VALUE;
|
16
|
+
isControlled?: boolean;
|
17
|
+
}) => JSX.Element;
|
18
|
+
export default Toggle;
|
package/dist/Common/Types.d.ts
CHANGED
@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
|
|
2
2
|
import { TippyProps } from '@tippyjs/react';
|
3
3
|
import { UserGroupDTO } from '../Pages/GlobalConfigurations';
|
4
4
|
import { ImageComment, ReleaseTag } from './ImageTags.Types';
|
5
|
-
import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
|
5
|
+
import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
|
6
6
|
import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
|
7
7
|
/**
|
8
8
|
* Generic response type object with support for overriding the result type
|
@@ -162,6 +162,48 @@ export declare enum ImageType {
|
|
162
162
|
Medium = "medium",
|
163
163
|
SMALL = "small"
|
164
164
|
}
|
165
|
+
interface InfoColourBarTextConfigType {
|
166
|
+
/**
|
167
|
+
* If given would be shown above the description, in bold
|
168
|
+
*/
|
169
|
+
heading?: string;
|
170
|
+
/**
|
171
|
+
* If given would be shown below the heading (if given)
|
172
|
+
*/
|
173
|
+
description: string;
|
174
|
+
actionButtonConfig?: ButtonProps;
|
175
|
+
}
|
176
|
+
type InfoColourBarMessageProp = {
|
177
|
+
message: ReactNode;
|
178
|
+
linkText?: ReactNode;
|
179
|
+
redirectLink?: string;
|
180
|
+
linkOnClick?: () => void;
|
181
|
+
linkClass?: string;
|
182
|
+
internalLink?: boolean;
|
183
|
+
textConfig?: never;
|
184
|
+
} | {
|
185
|
+
textConfig: InfoColourBarTextConfigType;
|
186
|
+
message?: never;
|
187
|
+
linkText?: never;
|
188
|
+
redirectLink?: never;
|
189
|
+
linkOnClick?: () => never;
|
190
|
+
linkClass?: never;
|
191
|
+
internalLink?: never;
|
192
|
+
};
|
193
|
+
export type InfoColourBarType = InfoColourBarMessageProp & {
|
194
|
+
classname: string;
|
195
|
+
Icon: any;
|
196
|
+
iconClass?: string;
|
197
|
+
iconSize?: number;
|
198
|
+
renderActionButton?: () => JSX.Element;
|
199
|
+
styles?: CSSProperties;
|
200
|
+
/**
|
201
|
+
* If true, the icon is not shown
|
202
|
+
*
|
203
|
+
* @default false
|
204
|
+
*/
|
205
|
+
hideIcon?: boolean;
|
206
|
+
};
|
165
207
|
export interface ReloadType {
|
166
208
|
reload?: (event?: any) => void;
|
167
209
|
className?: string;
|
@@ -553,7 +595,7 @@ export declare enum DeploymentAppTypes {
|
|
553
595
|
GITOPS = "argo_cd",
|
554
596
|
MANIFEST_DOWNLOAD = "manifest_download",
|
555
597
|
MANIFEST_PUSH = "manifest_push",
|
556
|
-
FLUX = "
|
598
|
+
FLUX = "flux_cd"
|
557
599
|
}
|
558
600
|
export interface VulnerabilityType {
|
559
601
|
name: string;
|
@@ -916,11 +958,4 @@ export interface EnvAppsMetaDTO {
|
|
916
958
|
appCount: number;
|
917
959
|
apps: AppMeta[];
|
918
960
|
}
|
919
|
-
export interface ClusterEnvironmentCategoryDTO {
|
920
|
-
id: number;
|
921
|
-
name: string;
|
922
|
-
description?: string;
|
923
|
-
}
|
924
|
-
export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {
|
925
|
-
}
|
926
961
|
export {};
|
package/dist/Common/index.d.ts
CHANGED
@@ -25,6 +25,7 @@ export * from './Helper';
|
|
25
25
|
export * from './Hooks';
|
26
26
|
export * from './ImageTags';
|
27
27
|
export * from './ImageTags.Types';
|
28
|
+
export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';
|
28
29
|
export * from './Markdown';
|
29
30
|
export * from './Modals/Modal';
|
30
31
|
export * from './Modals/VisibleModal';
|
@@ -46,5 +47,6 @@ export { default as Select } from './Select/Select';
|
|
46
47
|
export * from './ServerError';
|
47
48
|
export * from './SortableTableHeaderCell';
|
48
49
|
export * from './TippyCustomized';
|
50
|
+
export { default as Toggle } from './Toggle/Toggle';
|
49
51
|
export * from './Tooltip';
|
50
52
|
export * from './Types';
|
@@ -1,4 +1,2 @@
|
|
1
|
-
import { UaEventOptions } from 'react-ga4/types/ga4';
|
2
1
|
import { ServerAnalyticsEventType } from './types';
|
3
2
|
export declare const handleSendAnalyticsEventToServer: (eventType: ServerAnalyticsEventType, preventLicenseRedirect?: boolean) => Promise<void>;
|
4
|
-
export declare const handleAnalyticsEvent: ({ category, action }: Pick<UaEventOptions, "category" | "action">) => void;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { AppDetails, DeploymentStatusDetailsBreakdownDataType } from '../../types';
|
2
2
|
import { GetAppDetailsParamsType, GetDeploymentStatusWithTimelineParamsType } from './types';
|
3
3
|
export declare const getAppDetails: ({ appId, envId, abortControllerRef, }: GetAppDetailsParamsType) => Promise<AppDetails>;
|
4
|
-
export declare const getDeploymentStatusWithTimeline: ({ abortControllerRef, appId, envId, showTimeline, virtualEnvironmentConfig, isHelmApp, }: GetDeploymentStatusWithTimelineParamsType) => Promise<DeploymentStatusDetailsBreakdownDataType>;
|
4
|
+
export declare const getDeploymentStatusWithTimeline: ({ abortControllerRef, appId, envId, showTimeline, virtualEnvironmentConfig, isHelmApp, deploymentAppType, }: GetDeploymentStatusWithTimelineParamsType) => Promise<DeploymentStatusDetailsBreakdownDataType>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
|
2
|
-
import { APIOptions } from '../../../Common/Types';
|
2
|
+
import { APIOptions, DeploymentAppTypes } from '../../../Common/Types';
|
3
3
|
import { AppDetails, ConfigDriftModalProps, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, IntelligenceConfig } from '../../types';
|
4
4
|
export declare enum AppStatusModalTabType {
|
5
5
|
APP_STATUS = "appStatus",
|
@@ -65,6 +65,7 @@ export type GetDeploymentStatusWithTimelineParamsType = Pick<APIOptions, 'abortC
|
|
65
65
|
wfrId: AppDetails['resourceTree']['wfrId'];
|
66
66
|
};
|
67
67
|
isHelmApp?: boolean;
|
68
|
+
deploymentAppType: DeploymentAppTypes;
|
68
69
|
};
|
69
70
|
export interface AppStatusModalTabListProps extends Pick<AppStatusModalProps, 'appDetails' | 'type'> {
|
70
71
|
handleSelectTab: (updatedTab: AppStatusModalTabType) => void;
|
@@ -63,5 +63,5 @@ import { ButtonComponentType, ButtonProps } from './types';
|
|
63
63
|
* <Button icon={<ICCube />} ariaLabel="Label" />
|
64
64
|
* ```
|
65
65
|
*/
|
66
|
-
declare const Button:
|
66
|
+
declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, fontWeight, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
|
67
67
|
export default Button;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { SelectPickerOptionType } from '@Shared/Components/SelectPicker';
|
2
|
-
import {
|
2
|
+
import { History } from '../types';
|
3
3
|
import { DeploymentHistoryConfigDiffProps } from './types';
|
4
4
|
export declare const getPipelineDeployments: (triggerHistory: DeploymentHistoryConfigDiffProps["triggerHistory"]) => History[];
|
5
5
|
export declare const getPipelineDeploymentsWfrIds: ({ pipelineDeployments, wfrId, }: {
|
@@ -20,4 +20,3 @@ export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: numb
|
|
20
20
|
};
|
21
21
|
export declare const isDeploymentHistoryConfigDiffNotFoundError: <T extends unknown>(res: PromiseSettledResult<T>) => boolean;
|
22
22
|
export declare const getDeploymentHistoryConfigDiffError: <T extends unknown>(res: PromiseSettledResult<T>) => any;
|
23
|
-
export declare const renderDetailedValue: (parentClassName: string, singleValue: DeploymentHistorySingleValue, dataTestId: string) => JSX.Element;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ResponseType } from '../../../Common';
|
2
|
-
import { DeploymentHistoryDetail, DeploymentHistoryResult, DeploymentStatusDetailsResponse, ModuleConfigResponse, TriggerDetailsResponseType, TriggerHistoryParamsType } from './types';
|
2
|
+
import { DeploymentConfigurationsRes, DeploymentHistoryDetail, DeploymentHistoryDetailRes, DeploymentHistoryResult, DeploymentHistorySingleValue, DeploymentStatusDetailsResponse, HistoryDiffSelectorRes, ModuleConfigResponse, TriggerDetailsResponseType, TriggerHistoryParamsType } from './types';
|
3
3
|
export declare function getTriggerDetails({ appId, envId, pipelineId, triggerId, fetchIdData, }: {
|
4
4
|
appId: any;
|
5
5
|
envId: any;
|
@@ -18,6 +18,12 @@ export declare function getManualSync(params: {
|
|
18
18
|
appId: string;
|
19
19
|
envId: string;
|
20
20
|
}): Promise<ResponseType>;
|
21
|
+
export declare const getDeploymentHistoryList: (appId: string, pipelineId: string, triggerId: string) => Promise<DeploymentConfigurationsRes>;
|
22
|
+
export declare const getDeploymentHistoryDetail: (appId: string, pipelineId: string, id: string, historyComponent: string, historyComponentName: string) => Promise<DeploymentHistoryDetailRes>;
|
23
|
+
export declare const prepareDeploymentTemplateData: (rawData: any) => Record<string, DeploymentHistorySingleValue>;
|
24
|
+
export declare const preparePipelineConfigData: (rawData: any) => Record<string, DeploymentHistorySingleValue>;
|
25
|
+
export declare const prepareConfigMapAndSecretData: (rawData: any, type: string, historyData: DeploymentHistoryDetail, skipDecode?: boolean) => Record<string, DeploymentHistorySingleValue>;
|
21
26
|
export declare const prepareHistoryData: (rawData: any, historyComponent: string, skipDecode?: boolean) => DeploymentHistoryDetail;
|
27
|
+
export declare const getDeploymentDiffSelector: (pipelineId: string, historyComponent: any, baseConfigurationId: any, historyComponentName: any) => Promise<HistoryDiffSelectorRes>;
|
22
28
|
export declare const getTriggerHistory: ({ appId, envId, pagination, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryParamsType) => Promise<Pick<DeploymentHistoryResult, "result">>;
|
23
29
|
export declare const getModuleConfigured: (moduleName: string) => Promise<ModuleConfigResponse>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
|
2
2
|
import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
|
3
|
-
import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType,
|
3
|
+
import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, UserApprovalMetadataType, useScrollable } from '../../../Common';
|
4
4
|
import { DeploymentStageType } from '../../constants';
|
5
5
|
import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, DeploymentStrategyType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
|
6
6
|
import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
|
@@ -408,12 +408,14 @@ export interface DeploymentStatusDetailRowType extends Pick<DeploymentStatusDeta
|
|
408
408
|
hideVerticalConnector?: boolean;
|
409
409
|
deploymentDetailedData: DeploymentStatusDetailsBreakdownDataType;
|
410
410
|
}
|
411
|
+
export interface DeploymentConfigurationsRes extends ResponseType {
|
412
|
+
result?: DeploymentTemplateList[];
|
413
|
+
}
|
411
414
|
export interface DeploymentHistorySingleValue {
|
412
415
|
displayName: string;
|
413
416
|
value: string;
|
414
417
|
variableSnapshot?: object;
|
415
418
|
resolvedValue?: string;
|
416
|
-
tooltipContent?: TooltipProps['content'];
|
417
419
|
}
|
418
420
|
export interface DeploymentHistoryDetail {
|
419
421
|
componentName?: string;
|
@@ -426,6 +428,20 @@ export interface DeploymentTemplateHistoryType {
|
|
426
428
|
previousConfigAvailable: boolean;
|
427
429
|
rootClassName?: string;
|
428
430
|
}
|
431
|
+
export interface DeploymentHistoryDetailRes extends ResponseType {
|
432
|
+
result?: DeploymentHistoryDetail;
|
433
|
+
}
|
434
|
+
export interface HistoryDiffSelectorList {
|
435
|
+
id: number;
|
436
|
+
deployedOn: string;
|
437
|
+
deployedBy: string;
|
438
|
+
deploymentStatus: string;
|
439
|
+
wfrId?: number;
|
440
|
+
runSource?: RunSourceType;
|
441
|
+
}
|
442
|
+
export interface HistoryDiffSelectorRes {
|
443
|
+
result?: HistoryDiffSelectorList[];
|
444
|
+
}
|
429
445
|
export interface DeploymentHistorySidebarType {
|
430
446
|
deploymentHistoryList: DeploymentTemplateList[];
|
431
447
|
setDeploymentHistoryList: React.Dispatch<React.SetStateAction<DeploymentTemplateList[]>>;
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import { SortingOrder } from '../../../Common/Constants';
|
2
|
-
import { RadioGroupItemProps, RadioGroupProps } from '../../../Common/Types';
|
3
2
|
import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType, TemplateListDTO } from '../../Services';
|
4
3
|
import { ManifestTemplateDTO } from '../../../Pages/Applications';
|
5
4
|
import { DeploymentHistoryDetail } from '../CICDHistory';
|
6
5
|
import { CollapseProps } from '../Collapse';
|
7
6
|
import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
|
8
|
-
import {
|
7
|
+
import { SelectPickerProps } from '../SelectPicker';
|
9
8
|
export declare enum DeploymentConfigDiffState {
|
10
9
|
NO_DIFF = "noDiff",
|
11
10
|
HAS_DIFF = "hasDiff",
|
@@ -27,15 +26,6 @@ export interface DeploymentConfigListItem {
|
|
27
26
|
singleView?: boolean;
|
28
27
|
groupHeader?: string;
|
29
28
|
}
|
30
|
-
interface DeploymentConfigDiffRadioConfig extends Pick<RadioGroupProps, 'name' | 'onChange'> {
|
31
|
-
title: string;
|
32
|
-
options: (Pick<RadioGroupItemProps, 'disabled'> & Pick<SelectPickerOptionType<string>, 'label' | 'value' | 'description' | 'tooltipProps'>)[];
|
33
|
-
groupValue: string;
|
34
|
-
}
|
35
|
-
export interface DeploymentConfigDiffRadioSelectConfig {
|
36
|
-
triggerElementTitle: string;
|
37
|
-
radioGroupConfig: DeploymentConfigDiffRadioConfig[];
|
38
|
-
}
|
39
29
|
export type DeploymentConfigDiffSelectPickerProps = {
|
40
30
|
type: 'string';
|
41
31
|
id: string;
|
@@ -46,12 +36,6 @@ export type DeploymentConfigDiffSelectPickerProps = {
|
|
46
36
|
id: string;
|
47
37
|
text?: never;
|
48
38
|
selectPickerProps: SelectPickerProps;
|
49
|
-
} | {
|
50
|
-
type: 'radio-group';
|
51
|
-
id: string;
|
52
|
-
text?: never;
|
53
|
-
radioSelectConfig: DeploymentConfigDiffRadioSelectConfig;
|
54
|
-
selectPickerProps?: never;
|
55
39
|
};
|
56
40
|
export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem<'navLink'>, 'href' | 'title' | 'onClick'> {
|
57
41
|
Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
@@ -131,4 +115,3 @@ export type AppEnvDeploymentConfigListParams<IsManifestView> = (IsManifestView e
|
|
131
115
|
isManifestView?: IsManifestView;
|
132
116
|
convertVariables?: boolean;
|
133
117
|
};
|
134
|
-
export {};
|
@@ -2,4 +2,3 @@ export * from './DeploymentConfigDiff.component';
|
|
2
2
|
export * from './DeploymentConfigDiff.constants';
|
3
3
|
export * from './DeploymentConfigDiff.types';
|
4
4
|
export * from './DeploymentConfigDiff.utils';
|
5
|
-
export { default as DeploymentConfigDiffRadioSelect } from './DeploymentConfigDiffRadioSelect';
|
@@ -6,5 +6,6 @@ export declare const WFR_STATUS_DTO_TO_DEPLOYMENT_STATUS_MAP: Readonly<Record<Wo
|
|
6
6
|
export declare const PROGRESSING_DEPLOYMENT_STATUS: Readonly<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS][]>;
|
7
7
|
export declare const SUCCESSFUL_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
|
8
8
|
export declare const FAILED_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
|
9
|
-
export declare const
|
9
|
+
export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER_ARGO: Readonly<DeploymentStatusTimelineType[]>;
|
10
|
+
export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER_FLUX: Readonly<DeploymentStatusTimelineType[]>;
|
10
11
|
export declare const DEPLOYMENT_PHASES: Readonly<DeploymentPhaseType[]>;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { DeploymentAppTypes } from '../../../Common/Types';
|
1
2
|
import { DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType } from '../../types';
|
2
3
|
/**
|
3
4
|
* @description
|
@@ -17,4 +18,4 @@ import { DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType }
|
|
17
18
|
* - If this timeline is not inprogress and deploymentStatus is progressing, we will set the current timeline to waiting.
|
18
19
|
* - In similar fashion based on the deploymentStatus we will set the icon and display text for the timeline.
|
19
20
|
*/
|
20
|
-
export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
|
21
|
+
export declare const processDeploymentStatusDetailsData: (deploymentAppType: DeploymentAppTypes, data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
|
@@ -4,7 +4,6 @@ import { DOCUMENTATION } from './constants';
|
|
4
4
|
export type BaseDocLink<T extends boolean> = {
|
5
5
|
isExternalLink?: T;
|
6
6
|
isEnterprise?: boolean;
|
7
|
-
isLicenseDashboard?: boolean;
|
8
7
|
docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION;
|
9
8
|
};
|
10
9
|
export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { BaseDocLink } from './types';
|
2
|
-
export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink,
|
2
|
+
export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, }: BaseDocLink<T>) => string;
|
@@ -45,8 +45,7 @@ export declare enum HelpMenuItems {
|
|
45
45
|
VIEW_ALL_TICKETS = "view-all-tickets",
|
46
46
|
GIVE_FEEDBACK = "give-feedback",
|
47
47
|
CHAT_WITH_SUPPORT = "chat-with-support",
|
48
|
-
RAISE_ISSUE_REQUEST = "raise-issue-request"
|
49
|
-
DEVTRON_GPT = "devtron-gpt"
|
48
|
+
RAISE_ISSUE_REQUEST = "raise-issue-request"
|
50
49
|
}
|
51
50
|
export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;
|
52
51
|
export interface ProfileMenuProps {
|
@@ -12,7 +12,6 @@ export declare const iconMap: {
|
|
12
12
|
'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
13
13
|
'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
14
14
|
'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
15
|
-
'ic-asterisk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
16
15
|
'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
17
16
|
'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
18
17
|
'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -20,7 +19,6 @@ export declare const iconMap: {
|
|
20
19
|
'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
21
20
|
'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
22
21
|
'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
23
|
-
'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
24
22
|
'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
25
23
|
'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
26
24
|
'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -41,7 +39,6 @@ export declare const iconMap: {
|
|
41
39
|
'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
42
40
|
'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
43
41
|
'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
44
|
-
'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
45
42
|
'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
46
43
|
'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
47
44
|
'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -54,7 +51,6 @@ export declare const iconMap: {
|
|
54
51
|
'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
55
52
|
'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
56
53
|
'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
57
|
-
'ic-devtron-ai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
58
54
|
'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
59
55
|
'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
60
56
|
'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -68,8 +64,6 @@ export declare const iconMap: {
|
|
68
64
|
'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
69
65
|
'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
70
66
|
'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
71
|
-
'ic-environment-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
72
|
-
'ic-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
73
67
|
'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
74
68
|
'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
75
69
|
'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -82,7 +76,6 @@ export declare const iconMap: {
|
|
82
76
|
'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
83
77
|
'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
84
78
|
'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
85
|
-
'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
86
79
|
'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
87
80
|
'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
88
81
|
'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -129,7 +122,6 @@ export declare const iconMap: {
|
|
129
122
|
'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
130
123
|
'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
131
124
|
'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
132
|
-
'ic-minus': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
133
125
|
'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
134
126
|
'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
135
127
|
'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -139,11 +131,9 @@ export declare const iconMap: {
|
|
139
131
|
'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
140
132
|
'ic-open-box': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
141
133
|
'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
142
|
-
'ic-openai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
143
134
|
'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
144
135
|
'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
145
136
|
'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
146
|
-
'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
147
137
|
'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
148
138
|
'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
149
139
|
'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -152,19 +142,16 @@ export declare const iconMap: {
|
|
152
142
|
'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
153
143
|
'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
154
144
|
'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
155
|
-
'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
156
145
|
'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
157
146
|
'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
158
147
|
'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
159
148
|
'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
160
149
|
'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
161
|
-
'ic-sparkle-ai-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
162
150
|
'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
163
151
|
'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
164
152
|
'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
165
153
|
'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
166
154
|
'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
167
|
-
'ic-stop-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
168
155
|
'ic-strategy-blue-green-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
169
156
|
'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
170
157
|
'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -191,10 +178,8 @@ export declare const iconMap: {
|
|
191
178
|
'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
192
179
|
'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
193
180
|
'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
194
|
-
'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
195
181
|
'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
196
182
|
'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
197
|
-
'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
198
183
|
};
|
199
184
|
export type IconName = keyof typeof iconMap;
|
200
185
|
export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {
|
@@ -50,11 +50,6 @@ export interface UsePopoverProps {
|
|
50
50
|
* @param closePopover - A function to close the popover.
|
51
51
|
*/
|
52
52
|
onPopoverKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
|
53
|
-
/**
|
54
|
-
* Variant of the popover (bg, shadow and styles changes based on variant)
|
55
|
-
* @default 'menu'
|
56
|
-
*/
|
57
|
-
variant?: 'menu' | 'overlay';
|
58
53
|
}
|
59
54
|
/**
|
60
55
|
* Represents the return type of the `usePopover` hook, providing properties and methods
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { UsePopoverProps, UsePopoverReturnType } from './types';
|
2
|
-
export declare const usePopover: ({ id, position, alignment, width,
|
2
|
+
export declare const usePopover: ({ id, position, alignment, width, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { DTSwitchProps } from './types';
|
2
|
-
declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name,
|
2
|
+
declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
|
3
3
|
export default Switch;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ButtonHTMLAttributes
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
2
2
|
import { ComponentSizeType } from '../../constants';
|
3
3
|
import { IconBaseColorType } from '../../types';
|
4
4
|
import { IconName } from '../Icon';
|
@@ -64,10 +64,6 @@ export type DTSwitchProps = {
|
|
64
64
|
* Used in forms to identify the switch.
|
65
65
|
*/
|
66
66
|
name: string;
|
67
|
-
/**
|
68
|
-
* Provide if name generated through `getUniqueId`.
|
69
|
-
*/
|
70
|
-
dataTestId?: string;
|
71
67
|
/**
|
72
68
|
* The visual variant of the switch.
|
73
69
|
*
|
@@ -101,11 +97,6 @@ export type DTSwitchProps = {
|
|
101
97
|
*
|
102
98
|
* @default undefined
|
103
99
|
*/
|
104
|
-
tooltipContent?:
|
105
|
-
/**
|
106
|
-
* Indicates whether the switch should be focused automatically when rendered.
|
107
|
-
* @default false
|
108
|
-
*/
|
109
|
-
autoFocus?: boolean;
|
100
|
+
tooltipContent?: string;
|
110
101
|
} & SwitchShapeProps;
|
111
102
|
export {};
|
@@ -3,10 +3,10 @@ import { ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP } from './constants';
|
|
3
3
|
import { DTSwitchProps } from './types';
|
4
4
|
export declare const getSwitchContainerClass: ({ shape, size }: Required<Pick<DTSwitchProps, "shape" | "size">>) => string;
|
5
5
|
export declare const getSwitchTrackColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => string;
|
6
|
-
export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked,
|
6
|
+
export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]];
|
7
7
|
export declare const getSwitchThumbClass: ({ shape, size, showIndeterminateIcon, }: Pick<DTSwitchProps, "shape" | "size"> & {
|
8
8
|
showIndeterminateIcon: boolean;
|
9
9
|
}) => string;
|
10
10
|
export declare const getSwitchIconColor: ({ iconColor, isChecked, variant, }: Pick<DTSwitchProps, "iconColor" | "isChecked" | "variant">) => IconBaseColorType;
|
11
|
-
export declare const getThumbPosition: ({
|
11
|
+
export declare const getThumbPosition: ({ isLoading, isChecked, }: Pick<DTSwitchProps, "isLoading" | "isChecked">) => "left" | "right" | "center";
|
12
12
|
export declare const getThumbPadding: ({ shape, isLoading }: Pick<DTSwitchProps, "shape" | "isLoading">) => string;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { TextareaProps } from './types';
|
2
|
-
declare const Textarea: ({ name, label,
|
2
|
+
declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, hideFormFieldInfo, value, borderConfig, ...props }: TextareaProps) => JSX.Element;
|
3
3
|
export default Textarea;
|
@@ -13,25 +13,9 @@ export interface TextareaProps extends Omit<FormFieldWrapperProps, 'children' |
|
|
13
13
|
*
|
14
14
|
* @default ComponentSizeType.large
|
15
15
|
*/
|
16
|
-
size?: Extract<ComponentSizeType, ComponentSizeType.
|
16
|
+
size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
|
17
17
|
/**
|
18
18
|
* Value of the textarea
|
19
19
|
*/
|
20
20
|
value: string;
|
21
|
-
/**
|
22
|
-
* If true, the textarea resize is disabled
|
23
|
-
*
|
24
|
-
* @default false
|
25
|
-
*/
|
26
|
-
disableResize?: true;
|
27
|
-
/**
|
28
|
-
* Allows inserting a newline with Shift + Enter instead of Enter alone.
|
29
|
-
*
|
30
|
-
* When enabled, pressing Enter submits the form, while Shift + Enter inserts a newline.
|
31
|
-
* Useful for forms where Enter should trigger submission, but multiline input is still needed.
|
32
|
-
*
|
33
|
-
* @default false
|
34
|
-
*/
|
35
|
-
newlineOnShiftEnter?: boolean;
|
36
|
-
textareaRef?: React.MutableRefObject<HTMLTextAreaElement> | React.RefCallback<HTMLTextAreaElement>;
|
37
21
|
}
|