refactor: move the common components to common lib and refactoring

Author: eshankvaish

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.0.58",
+        "@devtron-labs/devtron-fe-common-lib": "0.0.58-beta-6",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
         "@rjsf/validator-ajv8": "^5.13.3",

src/Pages/GlobalConfigurations/Authorization/APITokens/CreateAPIToken.tsx

@@ -13,6 +13,7 @@ import {
     TippyCustomized,
     TippyTheme,
     CustomInput,
+    OptionType,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { FormType, GenerateTokenType } from './authorization.type'
 import { createGeneratedAPIToken } from './service'
@@ -28,7 +29,6 @@ import {
     ChartGroupPermissionsFilter,
     DirectPermissionsRoleFilter,
     EntityTypes,
-    OptionType,
 } from '../shared/components/userGroups/userGroups.types'
 import GroupPermission from './GroupPermission'
 import { mainContext } from '../../../../components/common/navigation/NavigationRoutes'

src/Pages/GlobalConfigurations/Authorization/APITokens/EditAPIToken.tsx

@@ -10,6 +10,7 @@ import {
     copyToClipboard,
     CustomInput,
     noop,
+    OptionType,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { useHistory, useRouteMatch, useParams } from 'react-router-dom'
 import moment from 'moment'
@@ -31,7 +32,6 @@ import {
     ChartGroupPermissionsFilter,
     DirectPermissionsRoleFilter,
     EntityTypes,
-    OptionType,
 } from '../shared/components/userGroups/userGroups.types'
 import { mainContext } from '../../../../components/common/navigation/NavigationRoutes'
 import DeleteAPITokenModal from './DeleteAPITokenModal'

src/Pages/GlobalConfigurations/Authorization/APITokens/authorization.utils.ts

@@ -1,10 +1,10 @@
+import { OptionType } from '@devtron-labs/devtron-fe-common-lib'
 import { ACCESS_TYPE_MAP, SERVER_MODE } from '../../../../config'
 import {
     ActionTypes,
     ChartGroupPermissionsFilter,
     DirectPermissionsRoleFilter,
     EntityTypes,
-    OptionType,
     ViewChartGroupPermission,
 } from '../shared/components/userGroups/userGroups.types'
 import { UserCreateOrUpdatePayload } from '../types'

src/Pages/GlobalConfigurations/Authorization/PermissionGroups/List/PermissionGroupList.component.tsx

@@ -1,23 +1,25 @@
 import React, { useCallback, useMemo, useRef } from 'react'
 import {
+    SortingOrder,
+    SortableTableHeaderCell,
     ErrorScreenNotAuthorized,
     ERROR_EMPTY_SCREEN,
     noop,
     Pagination,
     Reload,
     TOAST_ACCESS_DENIED,
     useAsync,
+    DEFAULT_BASE_PAGE_SIZE,
+    useUrlFilters,
 } from '@devtron-labs/devtron-fe-common-lib'
-import { API_STATUS_CODES, DEFAULT_BASE_PAGE_SIZE, SortingOrder } from '../../../../../config'
+import { API_STATUS_CODES } from '../../../../../config'
 
 import { getPermissionGroupList } from '../../authorization.service'
 import { permissionGroupLoading, SortableKeys } from './constants'
 import PermissionGroupListHeader from './PermissionGroupListHeader'
 import PermissionGroupRow from './PermissionGroupRow'
 import { useAuthorizationContext } from '../../AuthorizationProvider'
 import { importComponentFromFELibrary } from '../../../../../components/common'
-import useUrlFilters from '../../shared/hooks/useUrlFilters'
-import SortableTableHeaderCell from '../../../../../components/common/SortableTableHeaderCell'
 import FiltersEmptyState from '../../shared/components/FilterEmptyState/FilterEmptyState.component'
 import NoPermissionGroups from './NoPermissionGroups'
 import { abortPreviousRequests, getIsRequestAborted } from '../../utils'

src/Pages/GlobalConfigurations/Authorization/UserPermissions/AddEdit/UserForm.tsx

@@ -11,6 +11,7 @@ import {
     RadioGroup,
     RadioGroupItem,
     ServerErrors,
+    OptionType,
 } from '@devtron-labs/devtron-fe-common-lib'
 import Creatable from 'react-select/creatable'
 import Select from 'react-select'
@@ -21,7 +22,6 @@ import {
     ChartGroupPermissionsFilter,
     EntityTypes,
     ActionTypes,
-    OptionType,
     ViewChartGroupPermission,
 } from '../../shared/components/userGroups/userGroups.types'
 import { mapByKey, validateEmail, deepEqual, importComponentFromFELibrary } from '../../../../../components/common'

src/Pages/GlobalConfigurations/Authorization/UserPermissions/List/UserPermissionList.component.tsx

@@ -1,20 +1,22 @@
 import React, { useCallback, useMemo, useRef } from 'react'
 import {
+    SortingOrder,
+    SortableTableHeaderCell,
     ErrorScreenNotAuthorized,
     ERROR_EMPTY_SCREEN,
     Pagination,
     Reload,
     TOAST_ACCESS_DENIED,
     useAsync,
+    DEFAULT_BASE_PAGE_SIZE,
+    useUrlFilters,
 } from '@devtron-labs/devtron-fe-common-lib'
-import { API_STATUS_CODES, DEFAULT_BASE_PAGE_SIZE, SortingOrder } from '../../../../../config'
+import { API_STATUS_CODES } from '../../../../../config'
 
 import { getUserList } from '../../authorization.service'
 import { SortableKeys, userListLoading } from './constants'
 import UserPermissionListHeader from './UserPermissionListHeader'
 import UserPermissionRow from './UserPermissionRow'
-import useUrlFilters from '../../shared/hooks/useUrlFilters'
-import SortableTableHeaderCell from '../../../../../components/common/SortableTableHeaderCell'
 import FiltersEmptyState from '../../shared/components/FilterEmptyState/FilterEmptyState.component'
 import NoUsers from './NoUsers'
 import { importComponentFromFELibrary } from '../../../../../components/common'

src/Pages/GlobalConfigurations/Authorization/shared/components/K8sObjectPermissions/K8sListItemCard.tsx

@@ -7,6 +7,7 @@ import {
     Option,
     MultiValueRemove,
     MultiValueChipContainer,
+    OptionType,
 } from '@devtron-labs/devtron-fe-common-lib'
 import CreatableSelect from 'react-select/creatable'
 import Tippy from '@tippyjs/react'
@@ -33,7 +34,6 @@ import {
     ALL_NAMESPACE,
     K8sListItemCardType,
     K8S_PERMISSION_INFO_MESSAGE,
-    OptionType,
     EntityTypes,
 } from '../userGroups/userGroups.types'
 import { ReactComponent as Clone } from '../../../../../../assets/icons/ic-copy.svg'

src/Pages/GlobalConfigurations/Authorization/shared/components/K8sObjectPermissions/K8sPermissionModal.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { toast } from 'react-toastify'
-import { Drawer, stopPropagation } from '@devtron-labs/devtron-fe-common-lib'
-import { K8sPermissionModalType, OptionType } from '../userGroups/userGroups.types'
+import { Drawer, OptionType, stopPropagation } from '@devtron-labs/devtron-fe-common-lib'
+import { K8sPermissionModalType } from '../userGroups/userGroups.types'
 import { ReactComponent as Close } from '../../../../../../assets/icons/ic-close.svg'
 import { ReactComponent as AddIcon } from '../../../../../../assets/icons/ic-add.svg'
 import K8sListItemCard from './K8sListItemCard'

src/Pages/GlobalConfigurations/Authorization/shared/components/userGroups/UserGroup.tsx

@@ -5,6 +5,7 @@ import {
     MultiValueContainer,
     MultiValueRemove,
     multiSelectStyles,
+    OptionType,
 } from '@devtron-labs/devtron-fe-common-lib'
 import Select, { components } from 'react-select'
 import {
@@ -17,7 +18,6 @@ import {
     DirectPermissionsRoleFilter,
     ChartGroupPermissionsFilter,
     ActionTypes,
-    OptionType,
     EntityTypes,
 } from './userGroups.types'
 import { ACCESS_TYPE_MAP, HELM_APP_UNASSIGNED_PROJECT } from '../../../../../../config'