refactor: migrate Pages/App to Pages/Applications & add parseAllSearchParamsForUseUrlFilters

Author: Elessar1802

src/Common/Common.service.ts

@@ -41,9 +41,8 @@ import {
     GlobalVariableDTO,
     GlobalVariableOptionType,
 } from './Types'
-import { ApiResourceType } from '../Pages'
+import { ApiResourceType, STAGE_MAP } from '../Pages'
 import { RefVariableType } from './CIPipeline.Types'
-import { STAGE_MAP } from '@Pages/App/Trigger/constants'
 
 export const getTeamListMin = (): Promise<TeamList> => {
     // ignore active field

src/Common/Drawer/Drawer.scss

@@ -54,3 +54,9 @@
         bottom: 0;
     }
 }
+
+.drawer.disable-transition {
+    &.left, &.right, &.top, &.bottom {
+        transition: none;
+    }
+}

src/Common/Drawer/Drawer.tsx

@@ -19,7 +19,7 @@ import { preventBodyScroll } from '../../Shared'
 import { VisibleModal } from '../Modals/VisibleModal'
 import './Drawer.scss'
 
-interface drawerInterface {
+export interface DrawerProps {
     position: 'left' | 'right' | 'bottom' | 'top'
     children?: any
     backdrop?: boolean
@@ -30,6 +30,7 @@ interface drawerInterface {
     height?: string
     parentClassName?: string
     onEscape?: (e?: any) => void
+    disableTransition?: boolean
 }
 
 export const Drawer = ({
@@ -42,7 +43,8 @@ export const Drawer = ({
     parentClassName,
     onEscape,
     onClose,
-}: drawerInterface) => {
+    disableTransition,
+}: DrawerProps) => {
     const drawerRef = useRef(null)
     useEffect(() => {
         setTimeout(() => drawerRef.current?.classList?.add('show'), 1)
@@ -63,7 +65,7 @@ export const Drawer = ({
     }
     return (
         <VisibleModal className="drawer--container" parentClassName={parentClassName || ''} onEscape={onEscape} close={onClose}>
-            <aside style={style} ref={drawerRef} className={`drawer ${position}`}>
+            <aside style={style} ref={drawerRef} className={`drawer ${disableTransition ? 'disable-transition' : ''} ${position}`}>
                 {children}
             </aside>
         </VisibleModal>

src/Common/Hooks/useUrlFilters/index.ts

@@ -16,3 +16,4 @@
 
 export { default as useUrlFilters } from './useUrlFilters'
 export type { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types'
+export { parseAllSearchParamsForUseUrlFilters } from './utils'

src/Common/Hooks/useUrlFilters/utils.tsx

@@ -3,3 +3,9 @@ export const setItemInLocalStorageIfKeyExists = (localStorageKey: string, value:
         localStorage.setItem(localStorageKey, value)
     }
 }
+
+export const parseAllSearchParamsForUseUrlFilters = <T,>(params: URLSearchParams) =>
+    Array.from(params.entries()).reduce((acc, [key, value]) => {
+        acc[key] = value
+        return acc
+    }, {} as T)