@devtron-labs/devtron-fe-common-lib 0.0.52-beta-3 → 0.0.52-beta-5

package/.eslintignore

@@ -9,32 +9,43 @@ src/Common/AppStatus/index.ts
 src/Common/AppStatus/utils.ts
 src/Common/BreadCrumb/BreadCrumb.tsx
 src/Common/BreadCrumb/BreadcrumbStore.tsx
+src/Common/BreadCrumb/Types.ts
 src/Common/CIPipeline.Types.ts
 src/Common/ChartVersionAndTypeSelector.tsx
 src/Common/Checkbox.tsx
 src/Common/ClipboardButton/ClipboardButton.tsx
 src/Common/ClipboardButton/__tests__/ClipboardButton.test.tsx
 src/Common/Common.service.ts
+src/Common/Constants.ts
 src/Common/CustomInput/CustomInput.tsx
+src/Common/CustomInput/Types.ts
+src/Common/CustomInput/index.ts
 src/Common/CustomTagSelector/PropagateTagInfo.tsx
 src/Common/CustomTagSelector/ResizableTagTextArea.tsx
 src/Common/CustomTagSelector/TagDetails.tsx
 src/Common/CustomTagSelector/TagLabelSelect.tsx
 src/Common/CustomTagSelector/TagLabelValueSelector.tsx
 src/Common/CustomTagSelector/TagSelector.utils.ts
+src/Common/CustomTagSelector/Types.ts
 src/Common/CustomTagSelector/ValidationRules.ts
+src/Common/CustomTagSelector/index.ts
 src/Common/DebouncedSearch/DebouncedSearch.tsx
 src/Common/DebouncedSearch/Utils.ts
 src/Common/DebouncedSearch/__tests__/DebouncedSearch.test.tsx
 src/Common/DeleteComponentModal/DeleteComponent.tsx
+src/Common/DeleteComponentModal/types.ts
 src/Common/DevtronProgressing/DevtronProgressing.tsx
+src/Common/Dialogs/ConfirmationDialog.tsx
 src/Common/Dialogs/DeleteDialog.tsx
 src/Common/Dialogs/DialogForm.tsx
 src/Common/Dialogs/ForceDeleteDialog.tsx
+src/Common/Dialogs/Types.ts
+src/Common/Dialogs/index.ts
 src/Common/DraggableWrapper/DraggableButton.tsx
 src/Common/DraggableWrapper/DraggableWrapper.tsx
 src/Common/Drawer/Drawer.tsx
 src/Common/EmptyState/EmptyState.tsx
+src/Common/EmptyState/GenericEmptyState.tsx
 src/Common/Error.tsx
 src/Common/ErrorScreenNotFound.tsx
 src/Common/Grid/Grid.tsx
@@ -42,16 +53,20 @@ src/Common/Helper.tsx
 src/Common/Hooks/UseClickOutside/UseClickOutside.tsx
 src/Common/Hooks/UseSuperAdmin/UseSuperAdmin.tsx
 src/Common/Hooks/UseWindowSize/UseWindowSize.tsx
+src/Common/ImageTags.Types.ts
 src/Common/ImageTags.tsx
+src/Common/InfoColorBar/InfoColourbar.tsx
 src/Common/Modals/Modal.tsx
 src/Common/Modals/OpaqueModal.tsx
 src/Common/Modals/VisibleModal.tsx
 src/Common/Modals/VisibleModal2.tsx
 src/Common/MultiSelectCustomization.tsx
+src/Common/Policy.Types.ts
 src/Common/PopupMenu.tsx
 src/Common/Progressing.tsx
 src/Common/RJSF/Form.tsx
 src/Common/RJSF/common/FieldRow.tsx
+src/Common/RJSF/config.ts
 src/Common/RJSF/templates/ArrayFieldItemTemplate.tsx
 src/Common/RJSF/templates/ArrayFieldTemplate.tsx
 src/Common/RJSF/templates/BaseInput.tsx
@@ -77,3 +92,5 @@ src/Common/TippyCustomized.tsx
 src/Common/ToastBody.tsx
 src/Common/Toggle/Toggle.tsx
 src/Common/Types.ts
+src/custom.d.ts
+src/index.ts

package/.lintstagedrc

@@ -1,3 +1,3 @@
 {
-    "*.{js,jsx,ts,tsx}": ["npx eslint "]
+    "*.{js,jsx,ts,tsx}": ["npx eslint"]
 }

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Breadcrumbs, UseBreadcrumbOptionalProps, UseBreadcrumbState } from './Types';
 export declare const BreadcrumbContext: React.Context<any>;
 export declare function useBreadcrumb(props?: UseBreadcrumbOptionalProps, deps?: any[]): UseBreadcrumbState;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Store: ({ children }: {
     children: any;
 }) => JSX.Element;
-export declare const BreadcrumbContext: import("react").Context<{
+export declare const BreadcrumbContext: React.Context<{
     state: {
         alias: {};
     };

package/dist/Common/Constants.d.ts

@@ -1,4 +1,4 @@
-import { RegistryTypeDetailType } from './Types';
+import { RegistryTypeDetailType } from "./Types";
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CustomInputProps } from './Types';
-export declare const CustomInput: ({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, }: CustomInputProps) => JSX.Element;
+export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo }: CustomInputProps): JSX.Element;

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

@@ -1,5 +1,4 @@
-import { HTMLInputTypeAttribute } from 'react';
-import * as React from 'react';
+import React, { HTMLInputTypeAttribute } from 'react';
 export interface CustomInputProps {
     name: string;
     value: string | number;

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

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

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

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

package/dist/Common/DevtronProgressing/DevtronProgressing.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { DevtronProgressingProps } from './types';
-export declare const DevtronProgressing: ({ classes, parentClasses }: DevtronProgressingProps) => JSX.Element;
+export declare function DevtronProgressing({ classes, parentClasses }: DevtronProgressingProps): JSX.Element;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ConfirmationDialogBodyType, ConfirmationDialogButtonGroupType, ConfirmationDialogIconType, ConfirmationDialogType } from './Types';
-declare const ConfirmationDialog: {
-    ({ className, children }: ConfirmationDialogType): JSX.Element;
-    Icon: ({ src, className }: ConfirmationDialogIconType) => JSX.Element;
-    Body: ({ title, subtitle, children }: ConfirmationDialogBodyType) => JSX.Element;
-    ButtonGroup: ({ children }: ConfirmationDialogButtonGroupType) => JSX.Element;
-};
+declare function ConfirmationDialog({ className, children }: ConfirmationDialogType): JSX.Element;
+declare namespace ConfirmationDialog {
+    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/DeleteDialog.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DeleteDialogProps } from './Types';
 export declare const DeleteDialog: React.FC<DeleteDialogProps> & {
     Description?: React.FC<any>;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ForceDeleteDialogType } from './Types';
-export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage, }: ForceDeleteDialogType): JSX.Element;
+export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage }: ForceDeleteDialogType): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 export interface DeleteDialogProps {
     title: string;
     description?: string;

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

@@ -1,28 +1,25 @@
-import * as React from 'react';
+import React from 'react';
 import './emptyState.scss';
-declare const EmptyState: {
-    ({ children, className }: {
+declare function EmptyState({ children, className }: {
+    children: any;
+    className?: string;
+}): JSX.Element;
+declare namespace EmptyState {
+    var Image: ({ children }: {
         children: any;
-        className?: string;
-    }): JSX.Element;
-    Image: typeof Image;
-    Title: typeof Title;
-    Subtitle: ({ children, className }: {
+    }) => any;
+    var Title: ({ children }: {
+        children: any;
+    }) => any;
+    var Subtitle: ({ children, className }: {
         children: any;
         className?: string;
     }) => JSX.Element;
-    Button: typeof Button;
-    Loading: React.FC<{
+    var Button: ({ children }: {
+        children: any;
+    }) => any;
+    var Loading: React.FC<{
         text: string;
     }>;
-};
-declare function Image({ children }: {
-    children: any;
-}): any;
-declare function Title({ children }: {
-    children: any;
-}): any;
-declare function Button({ children }: {
-    children: any;
-}): any;
+}
 export default EmptyState;

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

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

package/dist/Common/Error.d.ts

@@ -1,5 +1,4 @@
-import { Component } from 'react';
-import * as React from 'react';
+import React, { Component } from 'react';
 export declare class ErrorScreenManager extends Component<{
     code?: number;
     reload?: (...args: any[]) => any;

package/dist/Common/ErrorScreenNotFound.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const ErrorScreenNotFound: () => JSX.Element;
+declare function ErrorScreenNotFound(): JSX.Element;
 export default ErrorScreenNotFound;

package/dist/Common/Helper.d.ts

@@ -1,5 +1,5 @@
 import * as Sentry from '@sentry/browser';
-import * as React from 'react';
+import React from 'react';
 import { AsyncOptions, UseSearchString } from './Types';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {

package/dist/Common/ImageTags.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ImageButtonType, ImageTaggingContainerType } from './ImageTags.Types';
-export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin, }: ImageTaggingContainerType) => JSX.Element;
+export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin }: ImageTaggingContainerType) => JSX.Element;
 export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { InfoColourBarType } from '../Types';
 import './infoColourBar.scss';
-declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, }: InfoColourBarType) => JSX.Element;
+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,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalType } from '../Types';
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => import("react").ReactPortal;
+export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;

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

@@ -1,12 +1,12 @@
-import { Component } from 'react';
+import React from 'react';
 export interface OpaqueModalProps {
     className?: string;
     onHide?: any;
     noBackground?: boolean;
 }
-export declare class OpaqueModal extends Component<OpaqueModalProps> {
+export declare class OpaqueModal extends React.Component<OpaqueModalProps> {
     modalRef: HTMLElement;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react").ReactPortal;
+    render(): React.ReactPortal;
 }

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

@@ -1,5 +1,5 @@
-import { Component } from 'react';
-export declare class VisibleModal extends Component<{
+import React from 'react';
+export declare class VisibleModal extends React.Component<{
     className: string;
     parentClassName?: string;
     noBackground?: boolean;
@@ -11,5 +11,5 @@ export declare class VisibleModal extends Component<{
     escFunction(event: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react").ReactPortal;
+    render(): React.ReactPortal;
 }

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

@@ -1,5 +1,5 @@
-import { Component } from 'react';
-export declare class VisibleModal2 extends Component<{
+import React from 'react';
+export declare class VisibleModal2 extends React.Component<{
     className: string;
     close?: (e: any) => void;
 }> {
@@ -8,5 +8,5 @@ export declare class VisibleModal2 extends Component<{
     escFunction(event: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react").ReactPortal;
+    render(): React.ReactPortal;
 }

package/dist/Common/MultiSelectCustomization.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare const Option: (props: any) => JSX.Element;
 export declare const SingleSelectOption: (props: any) => JSX.Element;
 export declare const MultiValueContainer: (props: any) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import { VariableType } from './CIPipeline.Types';
-import { ResponseType } from './Types';
+import { VariableType } from "./CIPipeline.Types";
+import { ResponseType } from "./Types";
 export declare enum ApplyPolicyToStage {
     PRE_CI = "PRE_CI",
     POST_CI = "POST_CI",

package/dist/Common/PopupMenu.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
-declare const PopupMenu: {
-    ({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
-    Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
-    Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
-};
+declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
+declare namespace PopupMenu {
+    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,4 +1,4 @@
 /// <reference types="react" />
 import { ProgressingProps } from './Types';
-export declare const Progressing: ({ pageLoader, size, theme, styles, fillColor }: ProgressingProps) => JSX.Element;
-export declare const DetailsProgressing: ({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps) => JSX.Element;
+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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import './radioGroup.scss';
 interface RadioGroupInterface {
     name: string;

package/dist/Common/ResizableTextarea.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 import { ResizableTextareaProps } from './Types';
 export declare const ResizableTextarea: React.FC<ResizableTextareaProps>;

package/dist/Common/TippyCustomized.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import 'tippy.js/animations/shift-toward-subtle.css';
 import { TippyCustomizedProps } from './Types';
-export declare const TippyCustomized: (props: TippyCustomizedProps) => JSX.Element;
+export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;

package/dist/Common/ToastBody.d.ts

@@ -1,18 +1,18 @@
-import { Component } from 'react';
-export declare class ToastBody extends Component<{
+import React from 'react';
+export declare class ToastBody extends React.Component<{
     title: string;
     subtitle?: string;
 }> {
     render(): JSX.Element;
 }
-export declare class ToastBody3 extends Component<{
+export declare class ToastBody3 extends React.Component<{
     text: string;
     onClick: (...args: any[]) => void;
     buttonText: string;
 }> {
     render(): JSX.Element;
 }
-export declare class ToastBodyWithButton extends Component<{
+export declare class ToastBodyWithButton extends React.Component<{
     title: string;
     subtitle?: string;
     onClick: (...args: any[]) => void;
@@ -20,4 +20,4 @@ export declare class ToastBodyWithButton extends Component<{
 }> {
     render(): JSX.Element;
 }
-export declare const toastAccessDenied: (title?: string, subtitle?: string) => import("react").ReactText;
+export declare const toastAccessDenied: (title?: string, subtitle?: string) => React.ReactText;

package/dist/index.d.ts

@@ -1 +1 @@
-export * from './Common';
+export * from "./Common";