@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.
Files changed (47) hide show
  1. package/dist/Common/Constants.d.ts +6 -0
  2. package/dist/Common/CustomTagSelector/PropagateTagInfo.d.ts +2 -0
  3. package/dist/Common/CustomTagSelector/TagDetails.d.ts +8 -0
  4. package/dist/Common/CustomTagSelector/TagLabelSelect.d.ts +5 -0
  5. package/dist/Common/CustomTagSelector/TagLabelValueSelector.d.ts +10 -0
  6. package/dist/Common/CustomTagSelector/TagSelector.utils.d.ts +12 -0
  7. package/dist/Common/CustomTagSelector/ValidationRules.d.ts +10 -0
  8. package/dist/Common/CustomTagSelector/index.d.ts +2 -0
  9. package/dist/Common/Dialogs/ConfirmationDialog.d.ts +20 -0
  10. package/dist/Common/Dialogs/DeleteDialog.d.ts +5 -0
  11. package/dist/Common/Dialogs/DialogForm.d.ts +22 -0
  12. package/dist/Common/Dialogs/ForceDeleteDialog.d.ts +3 -0
  13. package/dist/Common/Dialogs/Types.d.ts +15 -0
  14. package/dist/Common/Dialogs/index.d.ts +4 -0
  15. package/dist/Common/PopupMenu.d.ts +23 -0
  16. package/dist/Common/RadioGroup.d.ts +17 -0
  17. package/dist/Common/TippyCustomized.d.ts +35 -0
  18. package/dist/Common/Types.d.ts +12 -0
  19. package/dist/Common/index.d.ts +4 -0
  20. package/dist/index.js +3959 -1
  21. package/package.json +2 -2
  22. package/rollup.config.js +1 -3
  23. package/src/Assets/Icon/ic-help-outline.svg +3 -0
  24. package/src/Assets/Icon/ic-info-outlined.svg +13 -0
  25. package/src/Assets/Icon/inject-tag.svg +5 -0
  26. package/src/Assets/Img/warning-medium.svg +15 -0
  27. package/src/Common/BreadCrumb/BreadCrumb.tsx +1 -2
  28. package/src/Common/Constants.ts +7 -0
  29. package/src/Common/CustomTagSelector/PropagateTagInfo.tsx +36 -0
  30. package/src/Common/CustomTagSelector/TagDetails.tsx +41 -0
  31. package/src/Common/CustomTagSelector/TagLabelSelect.tsx +49 -0
  32. package/src/Common/CustomTagSelector/TagLabelValueSelector.tsx +144 -0
  33. package/src/Common/CustomTagSelector/TagSelector.utils.ts +71 -0
  34. package/src/Common/CustomTagSelector/ValidationRules.ts +55 -0
  35. package/src/Common/CustomTagSelector/index.ts +2 -0
  36. package/src/Common/Dialogs/ConfirmationDialog.tsx +32 -0
  37. package/src/Common/Dialogs/DeleteDialog.tsx +35 -0
  38. package/src/Common/Dialogs/DialogForm.tsx +95 -0
  39. package/src/Common/Dialogs/ForceDeleteDialog.tsx +19 -0
  40. package/src/Common/Dialogs/Types.ts +16 -0
  41. package/src/Common/Dialogs/index.ts +4 -0
  42. package/src/Common/PopupMenu.tsx +131 -0
  43. package/src/Common/RadioGroup.tsx +63 -0
  44. package/src/Common/TippyCustomized.tsx +173 -0
  45. package/src/Common/Types.ts +14 -0
  46. package/src/Common/index.ts +5 -1
  47. package/tsconfig.json +1 -1
@@ -1,2 +1,8 @@
1
1
  export declare const RequestTimeout = 60000;
2
2
  export declare const Host: string;
3
+ export declare const PATTERNS: {
4
+ KUBERNETES_KEY_PREFIX: RegExp;
5
+ KUBERNETES_KEY_NAME: RegExp;
6
+ START_END_ALPHANUMERIC: RegExp;
7
+ ALPHANUMERIC_WITH_SPECIAL_CHAR: RegExp;
8
+ };
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export default function PropagateTagInfo(): JSX.Element;
@@ -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,5 @@
1
+ /// <reference types="react" />
2
+ export default function TagLabelSelect({ labelTags, setLabelTags }: {
3
+ labelTags: any;
4
+ setLabelTags: any;
5
+ }): 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,10 @@
1
+ export declare class ValidationRules {
2
+ propagateTagKey: (key: string) => {
3
+ isValid: boolean;
4
+ messages: string[];
5
+ };
6
+ propagateTagValue: (value: string) => {
7
+ isValid: boolean;
8
+ messages: string[];
9
+ };
10
+ }
@@ -0,0 +1,2 @@
1
+ export * from './TagLabelSelect';
2
+ export * from './TagLabelValueSelector';
@@ -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,5 @@
1
+ import React from 'react';
2
+ import { DeleteDialogProps } from './Types';
3
+ export declare const DeleteDialog: React.FC<DeleteDialogProps> & {
4
+ Description?: React.FC<any>;
5
+ };
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ import { ForceDeleteDialogType } from './Types';
3
+ export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage }: ForceDeleteDialogType): JSX.Element;
@@ -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,4 @@
1
+ export * from './ConfirmationDialog';
2
+ export * from './DeleteDialog';
3
+ export * from './DialogForm';
4
+ export * from './ForceDeleteDialog';
@@ -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 {};
@@ -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
+ }
@@ -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';