@devtron-labs/devtron-fe-common-lib 0.0.6-beta-10 → 0.0.6-beta-13
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/Common/Constants.d.ts +6 -0
- package/dist/Common/CustomTagSelector/PropagateTagInfo.d.ts +2 -0
- package/dist/Common/CustomTagSelector/TagDetails.d.ts +8 -0
- package/dist/Common/CustomTagSelector/TagLabelSelect.d.ts +5 -0
- package/dist/Common/CustomTagSelector/TagLabelValueSelector.d.ts +10 -0
- package/dist/Common/CustomTagSelector/TagSelector.utils.d.ts +12 -0
- package/dist/Common/CustomTagSelector/ValidationRules.d.ts +10 -0
- package/dist/Common/CustomTagSelector/index.d.ts +2 -0
- package/dist/Common/Dialogs/ConfirmationDialog.d.ts +20 -0
- package/dist/Common/Dialogs/DeleteDialog.d.ts +5 -0
- package/dist/Common/Dialogs/DialogForm.d.ts +22 -0
- package/dist/Common/Dialogs/ForceDeleteDialog.d.ts +3 -0
- package/dist/Common/Dialogs/Types.d.ts +15 -0
- package/dist/Common/Dialogs/index.d.ts +4 -0
- package/dist/Common/PopupMenu.d.ts +23 -0
- package/dist/Common/RadioGroup.d.ts +17 -0
- package/dist/Common/TippyCustomized.d.ts +35 -0
- package/dist/Common/Types.d.ts +12 -0
- package/dist/Common/index.d.ts +4 -0
- package/dist/index.js +3959 -1
- package/package.json +2 -2
- package/rollup.config.js +1 -3
- package/src/Assets/Icon/ic-help-outline.svg +3 -0
- package/src/Assets/Icon/ic-info-outlined.svg +13 -0
- package/src/Assets/Icon/inject-tag.svg +5 -0
- package/src/Assets/Img/warning-medium.svg +15 -0
- package/src/Common/BreadCrumb/BreadCrumb.tsx +1 -2
- package/src/Common/Constants.ts +7 -0
- package/src/Common/CustomTagSelector/PropagateTagInfo.tsx +36 -0
- package/src/Common/CustomTagSelector/TagDetails.tsx +41 -0
- package/src/Common/CustomTagSelector/TagLabelSelect.tsx +49 -0
- package/src/Common/CustomTagSelector/TagLabelValueSelector.tsx +144 -0
- package/src/Common/CustomTagSelector/TagSelector.utils.ts +71 -0
- package/src/Common/CustomTagSelector/ValidationRules.ts +55 -0
- package/src/Common/CustomTagSelector/index.ts +2 -0
- package/src/Common/Dialogs/ConfirmationDialog.tsx +32 -0
- package/src/Common/Dialogs/DeleteDialog.tsx +35 -0
- package/src/Common/Dialogs/DialogForm.tsx +95 -0
- package/src/Common/Dialogs/ForceDeleteDialog.tsx +19 -0
- package/src/Common/Dialogs/Types.ts +16 -0
- package/src/Common/Dialogs/index.ts +4 -0
- package/src/Common/PopupMenu.tsx +131 -0
- package/src/Common/RadioGroup.tsx +63 -0
- package/src/Common/TippyCustomized.tsx +173 -0
- package/src/Common/Types.ts +14 -0
- package/src/Common/index.ts +5 -1
- package/tsconfig.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagType } from '../Types';
|
|
3
|
+
export default function TagDetails({ index, tagData, setTagData, removeTag, }: {
|
|
4
|
+
index: number;
|
|
5
|
+
tagData: TagType;
|
|
6
|
+
setTagData: (index: number, tagData: TagType) => void;
|
|
7
|
+
removeTag: (index: number) => void;
|
|
8
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { OptionType, TagType } from '../Types';
|
|
3
|
+
export default function TagLabelValueSelector({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, type, }: {
|
|
4
|
+
selectedTagIndex: number;
|
|
5
|
+
tagData: TagType;
|
|
6
|
+
setTagData: (index: number, tagData: TagType) => void;
|
|
7
|
+
tagOptions?: OptionType[];
|
|
8
|
+
isRequired?: boolean;
|
|
9
|
+
type?: string;
|
|
10
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const baseSelectStyles: {
|
|
2
|
+
control: (base: any, state: any) => any;
|
|
3
|
+
singleValue: (base: any, state: any) => any;
|
|
4
|
+
placeholder: (base: any, state: any) => any;
|
|
5
|
+
option: (base: any, state: any) => any;
|
|
6
|
+
dropdownIndicator: (styles: any) => any;
|
|
7
|
+
valueContainer: (base: any, state: any) => any;
|
|
8
|
+
indicatorsContainer: (base: any, state: any) => any;
|
|
9
|
+
menu: (base: any, state: any) => any;
|
|
10
|
+
};
|
|
11
|
+
export declare const validateKubernetesKey: (key: string) => void;
|
|
12
|
+
export declare const validateKubernetesValue: (value: string) => void;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function ConfirmationDialog({ className, children }: {
|
|
3
|
+
className?: string;
|
|
4
|
+
children: any;
|
|
5
|
+
}): JSX.Element;
|
|
6
|
+
declare namespace ConfirmationDialog {
|
|
7
|
+
var Icon: ({ src, className }: {
|
|
8
|
+
src: any;
|
|
9
|
+
className?: string;
|
|
10
|
+
}) => JSX.Element;
|
|
11
|
+
var Body: ({ title, subtitle, children }: {
|
|
12
|
+
title: any;
|
|
13
|
+
subtitle?: any;
|
|
14
|
+
children?: any;
|
|
15
|
+
}) => JSX.Element;
|
|
16
|
+
var ButtonGroup: ({ children }: {
|
|
17
|
+
children: any;
|
|
18
|
+
}) => JSX.Element;
|
|
19
|
+
}
|
|
20
|
+
export default ConfirmationDialog;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
export interface DialogFormProps {
|
|
3
|
+
className: string;
|
|
4
|
+
title: string;
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
closeOnESC?: boolean;
|
|
7
|
+
close: (event: any) => void;
|
|
8
|
+
onSave: (event: any) => void;
|
|
9
|
+
headerClassName?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare class DialogForm extends Component<DialogFormProps> {
|
|
12
|
+
constructor(props: any);
|
|
13
|
+
componentDidMount(): void;
|
|
14
|
+
componentWillUnmount(): void;
|
|
15
|
+
escFunction(event: any): void;
|
|
16
|
+
render(): JSX.Element;
|
|
17
|
+
}
|
|
18
|
+
export declare class DialogFormSubmit extends Component<{
|
|
19
|
+
tabIndex: number;
|
|
20
|
+
}> {
|
|
21
|
+
render(): JSX.Element;
|
|
22
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface DeleteDialogProps {
|
|
2
|
+
title: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
closeDelete: () => void;
|
|
5
|
+
delete: () => any;
|
|
6
|
+
deletePrefix?: string;
|
|
7
|
+
deletePostfix?: string;
|
|
8
|
+
apiCallInProgress?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface ForceDeleteDialogType {
|
|
11
|
+
onClickDelete: () => void;
|
|
12
|
+
closeDeleteModal: () => void;
|
|
13
|
+
forceDeleteDialogTitle: string;
|
|
14
|
+
forceDeleteDialogMessage: string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function PopupMenu({ children, onToggleCallback, autoClose }: {
|
|
3
|
+
children?: any;
|
|
4
|
+
onToggleCallback?: any;
|
|
5
|
+
autoClose?: boolean;
|
|
6
|
+
}): any;
|
|
7
|
+
declare namespace PopupMenu {
|
|
8
|
+
var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab }: {
|
|
9
|
+
children?: any;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
rootClassName?: string;
|
|
12
|
+
tabIndex?: number;
|
|
13
|
+
onHover?: boolean;
|
|
14
|
+
isKebab?: boolean;
|
|
15
|
+
}) => JSX.Element;
|
|
16
|
+
var Body: ({ children, rootClassName, style, autoWidth }: {
|
|
17
|
+
children?: any;
|
|
18
|
+
rootClassName?: string;
|
|
19
|
+
style?: {};
|
|
20
|
+
autoWidth?: boolean;
|
|
21
|
+
}) => JSX.Element;
|
|
22
|
+
}
|
|
23
|
+
export default PopupMenu;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
export interface RadioGroupItemProps {
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
|
|
6
|
+
render(): JSX.Element;
|
|
7
|
+
}
|
|
8
|
+
export interface RadioGroupProps {
|
|
9
|
+
value: string;
|
|
10
|
+
name: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
onChange: (event: any) => void;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class RadioGroup extends Component<RadioGroupProps> {
|
|
16
|
+
render(): JSX.Element;
|
|
17
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Placement } from 'tippy.js';
|
|
3
|
+
import 'tippy.js/animations/shift-toward-subtle.css';
|
|
4
|
+
export declare enum TippyTheme {
|
|
5
|
+
black = "black",
|
|
6
|
+
white = "white"
|
|
7
|
+
}
|
|
8
|
+
interface TippyCustomizedProps {
|
|
9
|
+
theme: TippyTheme;
|
|
10
|
+
visible?: boolean;
|
|
11
|
+
heading?: string;
|
|
12
|
+
infoTextHeading?: string;
|
|
13
|
+
placement: Placement;
|
|
14
|
+
className?: string;
|
|
15
|
+
Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
|
16
|
+
iconPath?: string;
|
|
17
|
+
iconClass?: string;
|
|
18
|
+
iconSize?: number;
|
|
19
|
+
onImageLoadError?: (e: any) => void;
|
|
20
|
+
onClose?: () => void;
|
|
21
|
+
infoText?: string;
|
|
22
|
+
showCloseButton?: boolean;
|
|
23
|
+
arrow?: boolean;
|
|
24
|
+
interactive?: boolean;
|
|
25
|
+
showOnCreate?: boolean;
|
|
26
|
+
trigger?: string;
|
|
27
|
+
animation?: string;
|
|
28
|
+
duration?: number;
|
|
29
|
+
additionalContent?: ReactNode;
|
|
30
|
+
documentationLink?: string;
|
|
31
|
+
documentationLinkText?: string;
|
|
32
|
+
children: React.ReactElement<any>;
|
|
33
|
+
}
|
|
34
|
+
export default function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
|
|
35
|
+
export {};
|
package/dist/Common/Types.d.ts
CHANGED
|
@@ -9,3 +9,15 @@ export interface APIOptions {
|
|
|
9
9
|
signal?: AbortSignal;
|
|
10
10
|
preventAutoLogout?: boolean;
|
|
11
11
|
}
|
|
12
|
+
export interface TagType {
|
|
13
|
+
key: string;
|
|
14
|
+
value?: string;
|
|
15
|
+
description?: string;
|
|
16
|
+
propagate: boolean;
|
|
17
|
+
isInvalidKey?: boolean;
|
|
18
|
+
isInvalidValue?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface OptionType {
|
|
21
|
+
label: string;
|
|
22
|
+
value: string;
|
|
23
|
+
}
|
package/dist/Common/index.d.ts
CHANGED
|
@@ -15,3 +15,7 @@ export * from './Modals/VisibleModal';
|
|
|
15
15
|
export * from './Modals/VisibleModal2';
|
|
16
16
|
export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb';
|
|
17
17
|
export { default as BreadcrumbStore } from './BreadCrumb/BreadcrumbStore';
|
|
18
|
+
export * from './RadioGroup';
|
|
19
|
+
export * from './PopupMenu';
|
|
20
|
+
export * from './TippyCustomized';
|
|
21
|
+
export * from './CustomTagSelector';
|