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

package/.eslintrc.js

@@ -1,109 +1,41 @@
 module.exports = {
     parser: '@typescript-eslint/parser',
-    plugins: ['@typescript-eslint', 'react', 'prettier'],
+    plugins: ['@typescript-eslint'],
     env: {
+        commonjs: true,
         browser: true,
-        es2021: true,
+        es6: true,
     },
     parserOptions: {
-        ecmaVersion: 2021,
+        ecmaVersion: 2018,
         sourceType: 'module',
         ecmaFeatures: {
             jsx: true,
         },
         project: ['./tsconfig.json'],
     },
-    globals: {
-        JSX: true,
-    },
-    extends: [
-        'eslint:recommended',
-        'plugin:react/recommended',
-        'plugin:react/jsx-runtime',
-        'plugin:@typescript-eslint/eslint-recommended',
-        'airbnb',
-        'airbnb/hooks',
-        'prettier',
-    ],
     rules: {
-        'prettier/prettier': ['error'],
-        'linebreak-style': ['error', 'unix'],
-        'no-console': 'warn',
         'no-var': 'error',
         'no-duplicate-imports': 'error',
-        'no-shadow': 'off',
-        '@typescript-eslint/no-shadow': 'warn',
         '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-use-before-define': 'off',
         '@typescript-eslint/explicit-member-accessibility': 'off',
-        // Since we are using typescript, we can disable the no-unused-vars rule for enum,etc
-        'no-unused-vars': 'off',
-        '@typescript-eslint/no-unused-vars': 'error',
-        'react/jsx-filename-extension': [
-            'error',
-            {
-                extensions: ['tsx'],
-            },
-        ],
-        'react/jsx-props-no-spreading': 'off',
-        'react/prefer-stateless-function': 'off',
-        'jsx-a11y/click-events-have-key-events': 'off',
-        'jsx-a11y/no-static-element-interactions': 'off',
-        'jsx-a11y/no-noninteractive-element-interactions': 'off',
-        'no-underscore-dangle': 'off',
-        'import/no-extraneous-dependencies': [
-            'warn',
-            {
-                devDependencies: true,
-            },
-        ],
-        'no-plusplus': [
-            'error',
-            {
-                allowForLoopAfterthoughts: true,
-            },
-        ],
-        // Since we dont use prop-types, we can disable this rule
-        'react/require-default-props': 'off',
-        'react-hooks/exhaustive-deps': 'off',
-        'react/function-component-definition': [
-            'warn',
-            {
-                namedComponents: 'arrow-function',
-                unnamedComponents: 'arrow-function',
-            },
-        ],
-        'react/jsx-uses-react': 'off',
-        'react/react-in-jsx-scope': 'off',
-        // additional rules:
-        '@typescript-eslint/no-floating-promises': 'error',
-        'import/extensions': [
-            'warn',
-            'ignorePackages',
-            {
-                js: 'never',
-                jsx: 'never',
-                ts: 'never',
-                tsx: 'never',
-            },
-        ],
+        curly: [2, 'all'],
+        'keyword-spacing': 'error',
+        'prettier/prettier': ['error', { semi: false }],
     },
-    overrides: [
-        {
-            files: ['*.ts', '*.tsx'],
-            rules: {
-                'no-undef': 'off',
-            },
-        },
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+        'prettier/@typescript-eslint',
+        'plugin:prettier/recommended',
+        'plugin:react/recommended',
     ],
     settings: {
         react: {
             version: 'detect',
         },
-        'import/resolver': {
-            node: {
-                moduleDirectory: ['src', 'node_modules'],
-                extensions: ['.js', '.jsx', '.ts', '.tsx'],
-            },
-        },
     },
 }

package/.github/workflows/release-package.yml

@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version-file: '.nvmrc'
+          node-version: 16
       - run: npm ci
       - run: npm test
 
@@ -25,7 +25,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version-file: '.nvmrc'
+          node-version: 16
           registry-url: https://npm.pkg.github.com/
       - run: npm ci
       - run: npm run build-lib
@@ -46,3 +46,4 @@ jobs:
       - run: npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+

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";
@@ -64,4 +64,12 @@ export declare const RepositoryAction: {
     CHART_PULL: string;
     CHART_PUSH: string;
 };
+export declare enum APPROVAL_MODAL_TYPE {
+    CONFIG = "CONFIG",
+    DEPLOYMENT = "DEPLOYMENT"
+}
 export declare const MAX_Z_INDEX = 2147483647;
+export declare const SELECTED_APPROVAL_TAB_STATE: {
+    APPROVAL: string;
+    PENDING: string;
+};

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, inputWrapClassName, }: 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;
@@ -27,4 +26,5 @@ export interface CustomInputProps {
     onKeyDown?: (e: any) => void;
     required?: boolean;
     additionalErrorInfo?: React.ReactNode;
+    inputWrapClassName?: string;
 }

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, imageStyles, }: 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/Common/Types.d.ts

@@ -87,6 +87,7 @@ export interface GenericEmptyStateType {
     imageClassName?: string;
     children?: ReactNode;
     noImage?: boolean;
+    imageStyles?: CSSProperties;
     /**
      * @default 'column'
      */

package/dist/index.d.ts

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