@devtron-labs/devtron-fe-common-lib 0.0.7 → 0.0.9

package/dist/Common/BreadCrumb/BreadCrumb.d.ts

@@ -1,33 +1,5 @@
 import React from 'react';
+import { Breadcrumbs, UseBreadcrumbOptionalProps, UseBreadcrumbState } from './Types';
 export declare const BreadcrumbContext: React.Context<any>;
-interface Breadcrumb {
-    to: string;
-    name: string;
-    className?: string;
-}
-interface UseBreadcrumbState {
-    breadcrumbs: Breadcrumb[];
-    setCrumb: (props: {
-        [key: string]: any;
-    }) => void;
-    resetCrumb: (props: string[]) => void;
-}
-interface AdvancedAlias {
-    component: any;
-    linked: boolean;
-}
-interface UseBreadcrumbProps {
-    sep?: string;
-    alias?: {
-        [key: string]: AdvancedAlias | any;
-    };
-}
-type UseBreadcrumbOptionalProps = UseBreadcrumbProps | null;
 export declare function useBreadcrumb(props?: UseBreadcrumbOptionalProps, deps?: any[]): UseBreadcrumbState;
-interface Breadcrumbs {
-    breadcrumbs: Breadcrumb[];
-    sep?: string;
-    className?: string;
-}
 export declare const BreadCrumb: React.FC<Breadcrumbs>;
-export {};

package/dist/Common/BreadCrumb/Types.d.ts

@@ -0,0 +1,28 @@
+export interface Breadcrumb {
+    to: string;
+    name: string;
+    className?: string;
+}
+export interface UseBreadcrumbState {
+    breadcrumbs: Breadcrumb[];
+    setCrumb: (props: {
+        [key: string]: any;
+    }) => void;
+    resetCrumb: (props: string[]) => void;
+}
+export interface AdvancedAlias {
+    component: any;
+    linked: boolean;
+}
+export interface UseBreadcrumbProps {
+    sep?: string;
+    alias?: {
+        [key: string]: AdvancedAlias | any;
+    };
+}
+export interface Breadcrumbs {
+    breadcrumbs: Breadcrumb[];
+    sep?: string;
+    className?: string;
+}
+export type UseBreadcrumbOptionalProps = UseBreadcrumbProps | null;

package/dist/Common/Checkbox.d.ts

@@ -1,18 +1,5 @@
 import { Component } from 'react';
-export declare enum CHECKBOX_VALUE {
-    CHECKED = "CHECKED",
-    INTERMEDIATE = "INTERMEDIATE"
-}
-export interface CheckboxProps {
-    onChange: (event: any) => void;
-    isChecked: boolean;
-    value: 'CHECKED' | 'INTERMEDIATE';
-    disabled?: boolean;
-    tabIndex?: number;
-    rootClassName?: string;
-    onClick?: (event: any) => void;
-    id?: string;
-}
+import { CheckboxProps } from './Types';
 export declare class Checkbox extends Component<CheckboxProps> {
     render(): JSX.Element;
 }

package/dist/Common/Constants.d.ts

@@ -11,6 +11,9 @@ export declare const PATTERNS: {
     START_END_ALPHANUMERIC: RegExp;
     ALPHANUMERIC_WITH_SPECIAL_CHAR: RegExp;
 };
+export declare const URLS: {
+    LOGIN_SSO: string;
+};
 export declare const ROUTES: {
     PROJECT_LIST_MIN: string;
 };
@@ -34,4 +37,14 @@ export declare const ERROR_EMPTY_SCREEN: {
     PAGE_NOT_FOUND: string;
     PAGE_NOT_EXIST: string;
     TAKE_BACK_HOME: string;
+    ONLY_FOR_SUPERADMIN: string;
+    NOT_AUTHORIZED: string;
+    UNAUTHORIZED: string;
+    FORBIDDEN: string;
+    REQUIRED_MANAGER_ACCESS: string;
+};
+export declare const TOKEN_COOKIE_NAME = "argocd.token";
+export declare const TriggerTypeMap: {
+    automatic: string;
+    manual: string;
 };

package/dist/Common/CustomTagSelector/ResizableTagTextArea.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ResizableTagTextAreaProps } from './Types';
-export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, }: ResizableTagTextAreaProps): JSX.Element;
+export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, }: ResizableTagTextAreaProps): JSX.Element;

package/dist/Common/CustomTagSelector/TagLabelValueSelector.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TagLabelValueSelectorType } from './Types';
-export declare const TagLabelValueSelector: ({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, tagInputType, placeholder, tabIndex, refVar, dependentRef, }: TagLabelValueSelectorType) => JSX.Element;
+export declare const TagLabelValueSelector: ({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, tagInputType, placeholder, tabIndex, refVar, dependentRef, noBackDrop, }: TagLabelValueSelectorType) => JSX.Element;

package/dist/Common/CustomTagSelector/Types.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
 import { KEY_VALUE } from '../Constants';
 import { OptionType } from '../Types';
+export interface SuggestedTagOptionType extends OptionType {
+    description: string;
+    propagate: boolean;
+}
 export interface TagType {
     id?: number;
     key: string;
@@ -11,6 +15,7 @@ export interface TagType {
     isInvalidKey?: boolean;
     isInvalidValue?: boolean;
     isSuggested?: boolean;
+    isPropagateDisabled?: boolean;
 }
 export interface TagErrorType {
     isValid: boolean;
@@ -22,7 +27,8 @@ export interface TagLabelSelectType {
     setLabelTags: (tagList: TagType[]) => void;
     tabIndex?: number;
     selectedProjectId?: number;
-    suggestedTagsOptions?: OptionType[];
+    suggestedTagsOptions?: SuggestedTagOptionType[];
+    reloadProjectTags?: boolean;
 }
 export interface TagDetailType {
     index: number;
@@ -30,19 +36,20 @@ export interface TagDetailType {
     setTagData: (index: number, tagData: TagType) => void;
     removeTag?: (index: number) => void;
     tabIndex?: number;
-    suggestedTagsOptions?: OptionType[];
+    suggestedTagsOptions?: SuggestedTagOptionType[];
 }
 export interface TagLabelValueSelectorType {
     selectedTagIndex: number;
     tagData: TagType;
     setTagData: (index: number, tagData: TagType) => void;
-    tagOptions?: OptionType[];
+    tagOptions?: SuggestedTagOptionType[];
     isRequired?: boolean;
     tagInputType?: KEY_VALUE;
     placeholder?: string;
     tabIndex?: number;
     refVar?: React.MutableRefObject<HTMLTextAreaElement>;
     dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
+    noBackDrop?: boolean;
 }
 export interface ResizableTagTextAreaProps {
     className?: string;
@@ -56,4 +63,5 @@ export interface ResizableTagTextAreaProps {
     tabIndex?: number;
     refVar?: React.MutableRefObject<HTMLTextAreaElement>;
     dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
+    dataTestId?: string;
 }

package/dist/Common/CustomTagSelector/ValidationRules.d.ts

@@ -3,7 +3,7 @@ export declare class ValidationRules {
         isValid: boolean;
         messages: string[];
     };
-    propagateTagValue: (value: string) => {
+    propagateTagValue: (value: string, key: string) => {
         isValid: boolean;
         messages: string[];
     };

package/dist/Common/DeleteComponentModal/DeleteComponent.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DeleteComponentProps } from './types';
+declare function DeleteComponent({ setDeleting, toggleConfirmation, deleteComponent, title, component, payload, confirmationDialogDescription, redirectTo, url, reload, configuration, closeCustomComponent, }: DeleteComponentProps): JSX.Element;
+export default DeleteComponent;

package/dist/Common/DeleteComponentModal/types.d.ts

@@ -0,0 +1,15 @@
+export interface DeleteComponentProps {
+    setDeleting: (boolean: any) => void;
+    toggleConfirmation: any;
+    deleteComponent: (any: any) => Promise<any>;
+    title: string;
+    component: string;
+    payload: any;
+    confirmationDialogDescription?: string;
+    redirectTo?: boolean;
+    url?: string;
+    reload?: () => void;
+    configuration?: string;
+    dataTestid?: string;
+    closeCustomComponent?: () => void;
+}

package/dist/Common/Dialogs/ConfirmationDialog.d.ts

@@ -1,20 +1,9 @@
 /// <reference types="react" />
-declare function ConfirmationDialog({ className, children }: {
-    className?: string;
-    children: any;
-}): JSX.Element;
+import { ConfirmationDialogBodyType, ConfirmationDialogButtonGroupType, ConfirmationDialogIconType, ConfirmationDialogType } from './Types';
+declare function ConfirmationDialog({ className, children }: ConfirmationDialogType): JSX.Element;
 declare namespace ConfirmationDialog {
-    var Icon: ({ src, className }: {
-        src: any;
-        className?: string;
-    }) => JSX.Element;
-    var Body: ({ title, subtitle, children }: {
-        title: any;
-        subtitle?: any;
-        children?: any;
-    }) => JSX.Element;
-    var ButtonGroup: ({ children }: {
-        children: any;
-    }) => JSX.Element;
+    var Icon: ({ src, className }: ConfirmationDialogIconType) => JSX.Element;
+    var Body: ({ title, subtitle, children }: ConfirmationDialogBodyType) => JSX.Element;
+    var ButtonGroup: ({ children }: ConfirmationDialogButtonGroupType) => JSX.Element;
 }
 export default ConfirmationDialog;

package/dist/Common/Dialogs/DialogForm.d.ts

@@ -1,13 +1,5 @@
 import { Component } from 'react';
-export interface DialogFormProps {
-    className: string;
-    title: string;
-    isLoading: boolean;
-    closeOnESC?: boolean;
-    close: (event: any) => void;
-    onSave: (event: any) => void;
-    headerClassName?: string;
-}
+import { DialogFormProps } from './Types';
 export declare class DialogForm extends Component<DialogFormProps> {
     constructor(props: any);
     componentDidMount(): void;

package/dist/Common/Dialogs/Types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from "react";
 export interface DeleteDialogProps {
     title: string;
     description?: string;
@@ -6,6 +7,7 @@ export interface DeleteDialogProps {
     deletePrefix?: string;
     deletePostfix?: string;
     apiCallInProgress?: boolean;
+    dataTestId?: string;
 }
 export interface ForceDeleteDialogType {
     onClickDelete: () => void;
@@ -13,3 +15,28 @@ export interface ForceDeleteDialogType {
     forceDeleteDialogTitle: string;
     forceDeleteDialogMessage: string;
 }
+export interface ConfirmationDialogType {
+    className?: string;
+    children: any;
+}
+export interface ConfirmationDialogIconType {
+    src: string;
+    className?: string;
+}
+export interface ConfirmationDialogBodyType {
+    title: string;
+    subtitle?: ReactNode;
+    children?: any;
+}
+export interface ConfirmationDialogButtonGroupType {
+    children: any;
+}
+export interface DialogFormProps {
+    className: string;
+    title: string;
+    isLoading: boolean;
+    closeOnESC?: boolean;
+    close: (event: any) => void;
+    onSave: (event: any) => void;
+    headerClassName?: string;
+}

package/dist/Common/EmptyState/EmptyState.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import './emptyState.scss';
-declare function EmptyState({ children }: {
+declare function EmptyState({ children, className }: {
     children: any;
+    className?: string;
 }): JSX.Element;
 declare namespace EmptyState {
     var Image: ({ children }: {

package/dist/Common/EmptyState/GenericEmptyState.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GenericEmptyStateType } from '../Types';
+import './emptyState.scss';
+declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, noImage }: GenericEmptyStateType): JSX.Element;
+export default GenericEmptyState;

package/dist/Common/Error.d.ts

@@ -10,8 +10,8 @@ export declare class ErrorScreenManager extends Component<{
     render(): JSX.Element;
 }
 export declare class ErrorScreenNotAuthorized extends Component<{
-    subtitle: React.ReactChild;
-    subtitleClass?: string;
+    subtitle?: React.ReactChild;
+    title?: string;
 }> {
     render(): JSX.Element;
 }

package/dist/Common/Helper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
     condition: boolean;
@@ -9,4 +9,34 @@ export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
 export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
 export declare const stopPropagation: (event: any) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
+export declare function getRandomColor(email: string): string;
+export declare const getAlphabetIcon: (str: string) => JSX.Element;
+export declare const getEmptyArrayOfLength: (length: number) => unknown[];
+export declare function noop(...args: any[]): any;
+export declare function not(e: any): boolean;
+export declare function useEffectAfterMount(cb: any, dependencies: any): void;
+export declare function getCookie(sKey: any): string;
+export declare function getLoginInfo(): any;
+export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
+    state: any;
+    disable: boolean;
+    handleOnChange: (event: any) => void;
+    handleOnSubmit: (event: any) => void;
+};
+export declare function CustomInput({ name, value, error, onChange, onBlur, onFocus, label, type, disabled, autoComplete, labelClassName, placeholder, tabIndex, dataTestid, }: {
+    name: any;
+    value: any;
+    error: any;
+    onChange: any;
+    onBlur?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    label: any;
+    type?: string;
+    disabled?: boolean;
+    autoComplete?: string;
+    labelClassName?: string;
+    placeholder?: string;
+    tabIndex?: number;
+    dataTestid?: string;
+}): JSX.Element;
 export {};

package/dist/Common/InfoColorBar/InfoColourbar.d.ts

@@ -1,18 +1,5 @@
-import React, { CSSProperties } from 'react';
+/// <reference types="react" />
+import { InfoColourBarType } from '../Types';
 import './infoColourBar.scss';
-interface InfoColourBarType {
-    message: React.ReactNode;
-    classname: string;
-    Icon: any;
-    iconClass?: string;
-    iconSize?: number;
-    renderActionButton?: () => JSX.Element;
-    linkText?: React.ReactNode;
-    redirectLink?: string;
-    linkOnClick?: () => void;
-    linkClass?: string;
-    internalLink?: boolean;
-    styles?: CSSProperties;
-}
 declare function InfoColourBar({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, }: InfoColourBarType): JSX.Element;
 export default InfoColourBar;

package/dist/Common/Modals/Modal.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, }: {
-    style?: {};
-    children: any;
-    modal?: boolean;
-    rootClassName?: string;
-    onClick?: any;
-    callbackRef?: any;
-    preventWheelDisable?: boolean;
-}) => React.ReactPortal;
+import { ModalType } from '../Types';
+export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;

package/dist/Common/MultiSelectCustomization.d.ts

@@ -16,7 +16,7 @@ export declare const multiSelectStyles: {
     container: (base: any, state: any) => any;
     valueContainer: (base: any, state: any) => any;
 };
-interface CustomSelect {
+export interface CustomSelect {
     sortSelected?: boolean;
     options: any[];
     onChange: (...args: any[]) => void;
@@ -35,4 +35,3 @@ interface CustomSelect {
     formatOptionLabel?: (...args: any[]) => any;
 }
 export declare const CustomSelect: React.FC<CustomSelect>;
-export {};

package/dist/Common/PopupMenu.d.ts

@@ -1,25 +1,8 @@
 /// <reference types="react" />
-declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition }: {
-    children?: any;
-    onToggleCallback?: any;
-    autoClose?: boolean;
-    autoPosition?: boolean;
-}): any;
+import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
+declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
 declare namespace PopupMenu {
-    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, }: {
-        children?: any;
-        disabled?: boolean;
-        rootClassName?: string;
-        tabIndex?: number;
-        onHover?: boolean;
-        isKebab?: boolean;
-    }) => JSX.Element;
-    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable }: {
-        children?: any;
-        rootClassName?: string;
-        style?: {};
-        autoWidth?: boolean;
-        preventWheelDisable?: boolean;
-    }) => JSX.Element;
+    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
+    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 }
 export default PopupMenu;

package/dist/Common/Progressing.d.ts

@@ -1,13 +1,4 @@
-import React from 'react';
-interface ProgressingProps {
-    pageLoader?: boolean;
-    loadingText?: string;
-    size?: number;
-    fullHeight?: boolean;
-    theme?: 'white' | 'default';
-    styles?: React.CSSProperties;
-    children?: React.ReactNode;
-}
-export declare function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element;
-export declare function DetailsProgressing({ loadingText, size, fullHeight, children, styles, }: ProgressingProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { ProgressingProps } from './Types';
+export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
+export declare function DetailsProgressing({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps): JSX.Element;

package/dist/Common/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './radioGroup.scss';
+interface RadioGroupInterface {
+    name: string;
+    onChange: any;
+    className?: string;
+    initialTab: string;
+    disabled: boolean;
+    showTippy?: boolean;
+    tippyContent?: any;
+    dataTestId?: string;
+}
+interface RadioGroupComposition {
+    Radio?: React.FC<any>;
+}
+declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
+export default RadioGroup;

package/dist/Common/RadioGroup.d.ts

@@ -1,17 +1,8 @@
 import { Component } from 'react';
-export interface RadioGroupItemProps {
-    value: string;
-}
+import { RadioGroupItemProps, RadioGroupProps } from './Types';
 export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
     render(): JSX.Element;
 }
-export interface RadioGroupProps {
-    value: string;
-    name: string;
-    disabled?: boolean;
-    onChange: (event: any) => void;
-    className?: string;
-}
 export declare class RadioGroup extends Component<RadioGroupProps> {
     render(): JSX.Element;
 }

package/dist/Common/Reload.d.ts

@@ -1,5 +1,3 @@
 /// <reference types="react" />
-export default function Reload({ reload, className }: {
-    reload?: any;
-    className?: string;
-}): JSX.Element;
+import { ReloadType } from './Types';
+export default function Reload({ reload, className }: ReloadType): JSX.Element;

package/dist/Common/Security/ScanVulnerabilitiesTable.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ScanVulnerabilitiesTableProps } from '../Types';
+import './scanVulnerabilities.css';
+export default function ScanVulnerabilitiesTable({ vulnerabilities }: ScanVulnerabilitiesTableProps): JSX.Element;

package/dist/Common/TippyCustomized.d.ts

@@ -1,32 +1,4 @@
-import React, { ReactNode } from 'react';
-import { Placement } from 'tippy.js';
+/// <reference types="react" />
 import 'tippy.js/animations/shift-toward-subtle.css';
-import { TippyTheme } from './Types';
-interface TippyCustomizedProps {
-    theme: TippyTheme;
-    visible?: boolean;
-    heading?: string;
-    infoTextHeading?: string;
-    placement: Placement;
-    className?: string;
-    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    iconPath?: string;
-    iconClass?: string;
-    iconSize?: number;
-    onImageLoadError?: (e: any) => void;
-    onClose?: () => void;
-    infoText?: string;
-    showCloseButton?: boolean;
-    arrow?: boolean;
-    interactive?: boolean;
-    showOnCreate?: boolean;
-    trigger?: string;
-    animation?: string;
-    duration?: number;
-    additionalContent?: ReactNode;
-    documentationLink?: string;
-    documentationLinkText?: string;
-    children: React.ReactElement<any>;
-}
+import { TippyCustomizedProps } from './Types';
 export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
-export {};

package/dist/Common/Toggle/Toggle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './Toggle.scss';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, ...props }: {
+    [x: string]: any;
+    selected?: boolean;
+    onSelect?: any;
+    color?: string;
+    rootClassName?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+}) => JSX.Element;
+export default Toggle;