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

package/.eslintignore

@@ -0,0 +1,79 @@
+.eslintrc.js
+
+# Files with ESLint errors/warnings
+src/Common/AddCDButton/AddCDButton.tsx
+src/Common/AddCDButton/utils.tsx
+src/Common/Api.ts
+src/Common/AppStatus/AppStatus.tsx
+src/Common/AppStatus/index.ts
+src/Common/AppStatus/utils.ts
+src/Common/BreadCrumb/BreadCrumb.tsx
+src/Common/BreadCrumb/BreadcrumbStore.tsx
+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/CustomInput/CustomInput.tsx
+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/ValidationRules.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/DevtronProgressing/DevtronProgressing.tsx
+src/Common/Dialogs/DeleteDialog.tsx
+src/Common/Dialogs/DialogForm.tsx
+src/Common/Dialogs/ForceDeleteDialog.tsx
+src/Common/DraggableWrapper/DraggableButton.tsx
+src/Common/DraggableWrapper/DraggableWrapper.tsx
+src/Common/Drawer/Drawer.tsx
+src/Common/EmptyState/EmptyState.tsx
+src/Common/Error.tsx
+src/Common/ErrorScreenNotFound.tsx
+src/Common/Grid/Grid.tsx
+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.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/PopupMenu.tsx
+src/Common/Progressing.tsx
+src/Common/RJSF/Form.tsx
+src/Common/RJSF/common/FieldRow.tsx
+src/Common/RJSF/templates/ArrayFieldItemTemplate.tsx
+src/Common/RJSF/templates/ArrayFieldTemplate.tsx
+src/Common/RJSF/templates/BaseInput.tsx
+src/Common/RJSF/templates/ButtonTemplates/AddButton.tsx
+src/Common/RJSF/templates/ButtonTemplates/RemoveButton.tsx
+src/Common/RJSF/templates/ButtonTemplates/SubmitButton.tsx
+src/Common/RJSF/templates/Description.tsx
+src/Common/RJSF/templates/Field.tsx
+src/Common/RJSF/templates/FieldErrorTemplate.tsx
+src/Common/RJSF/templates/ObjectFieldTemplate.tsx
+src/Common/RJSF/templates/TitleField.tsx
+src/Common/RJSF/templates/WrapIfAdditionalTemplate.tsx
+src/Common/RJSF/utils.ts
+src/Common/RJSF/widgets/Checkbox.tsx
+src/Common/RJSF/widgets/Select.tsx
+src/Common/RadioGroup.tsx
+src/Common/RadioGroup/RadioGroup.tsx
+src/Common/Reload.tsx
+src/Common/ResizableTextarea.tsx
+src/Common/Security/ScanVulnerabilitiesTable.tsx
+src/Common/ServerError.ts
+src/Common/TippyCustomized.tsx
+src/Common/ToastBody.tsx
+src/Common/Toggle/Toggle.tsx
+src/Common/Types.ts

package/.eslintrc.js

@@ -1,41 +1,109 @@
 module.exports = {
     parser: '@typescript-eslint/parser',
-    plugins: ['@typescript-eslint'],
+    plugins: ['@typescript-eslint', 'react', 'prettier'],
     env: {
-        commonjs: true,
         browser: true,
-        es6: true,
+        es2021: true,
     },
     parserOptions: {
-        ecmaVersion: 2018,
+        ecmaVersion: 2021,
         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',
-        curly: [2, 'all'],
-        'keyword-spacing': 'error',
-        'prettier/prettier': ['error', { semi: false }],
+        // 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',
+            },
+        ],
     },
-    extends: [
-        'eslint:recommended',
-        'plugin:@typescript-eslint/eslint-recommended',
-        'plugin:@typescript-eslint/recommended',
-        'prettier/@typescript-eslint',
-        'plugin:prettier/recommended',
-        'plugin:react/recommended',
+    overrides: [
+        {
+            files: ['*.ts', '*.tsx'],
+            rules: {
+                'no-undef': 'off',
+            },
+        },
     ],
     settings: {
         react: {
             version: 'detect',
         },
+        'import/resolver': {
+            node: {
+                moduleDirectory: ['src', 'node_modules'],
+                extensions: ['.js', '.jsx', '.ts', '.tsx'],
+            },
+        },
     },
 }

package/.github/pull_request_template.md

@@ -0,0 +1,25 @@
+# Description
+
+Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
+
+## Type of change
+
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] This change requires a documentation update
+
+## How Has This Been Tested?
+
+Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
+
+- [ ] Test A
+- [ ] Test B
+
+## Checklist
+
+- [ ] The title of the PR states what changed and the related issues number (used for the release note).
+- [ ] Does this PR require documentation updates?
+- [ ] I've updated documentation as required by this PR.
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas

package/.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: Common Lib CI
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - edited
+      - reopened
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v3
+
+    - name: Use Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Check linting issues
+      run: npm run lint
+
+    - name: Build Lib
+      run: npm run build-lib

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

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

package/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx tsc --noEmit
+npm run lint-staged

package/.lintstagedrc

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

package/.nvmrc

@@ -0,0 +1 @@
+v16.13.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as 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 @@
-import React from 'react';
+/// <reference types="react" />
 declare const Store: ({ children }: {
     children: any;
 }) => JSX.Element;
-export declare const BreadcrumbContext: React.Context<{
+export declare const BreadcrumbContext: import("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,8 +64,4 @@ 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;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CustomInputProps } from './Types';
-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;
+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;

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

@@ -1,4 +1,5 @@
-import React, { HTMLInputTypeAttribute } from 'react';
+import { HTMLInputTypeAttribute } from 'react';
+import * as React from 'react';
 export interface CustomInputProps {
     name: string;
     value: string | number;
@@ -26,5 +27,4 @@ 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 function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, }: ResizableTagTextAreaProps): JSX.Element;
+export declare const 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 function DeleteComponent({ setDeleting, toggleConfirmation, deleteComponent, title, component, payload, confirmationDialogDescription, redirectTo, url, reload, configuration, closeCustomComponent, }: DeleteComponentProps): JSX.Element;
+declare const 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 function DevtronProgressing({ classes, parentClasses }: DevtronProgressingProps): JSX.Element;
+export declare const 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 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;
-}
+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;
+};
 export default ConfirmationDialog;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as 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,25 +1,28 @@
-import React from 'react';
+import * as React from 'react';
 import './emptyState.scss';
-declare function EmptyState({ children, className }: {
-    children: any;
-    className?: string;
-}): JSX.Element;
-declare namespace EmptyState {
-    var Image: ({ children }: {
-        children: any;
-    }) => any;
-    var Title: ({ children }: {
+declare const EmptyState: {
+    ({ children, className }: {
         children: any;
-    }) => any;
-    var Subtitle: ({ children, className }: {
+        className?: string;
+    }): JSX.Element;
+    Image: typeof Image;
+    Title: typeof Title;
+    Subtitle: ({ children, className }: {
         children: any;
         className?: string;
     }) => JSX.Element;
-    var Button: ({ children }: {
-        children: any;
-    }) => any;
-    var Loading: React.FC<{
+    Button: typeof Button;
+    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 function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, }: GenericEmptyStateType): JSX.Element;
+declare const 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,4 +1,5 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
+import * as React 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 function ErrorScreenNotFound(): JSX.Element;
+declare const ErrorScreenNotFound: () => JSX.Element;
 export default ErrorScreenNotFound;

package/dist/Common/Helper.d.ts

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

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

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

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

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

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

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

package/dist/Common/MultiSelectCustomization.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as 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 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;
-}
+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;
+};
 export default PopupMenu;

package/dist/Common/Progressing.d.ts

@@ -1,4 +1,4 @@
 /// <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;
+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;

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

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

package/dist/Common/ResizableTextarea.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import * as 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 function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
+export declare const TippyCustomized: (props: TippyCustomizedProps) => JSX.Element;