414 - Adds absolute config to orchestrator-ui-components and applies absolute paths to WfoStartPage components

Author: ricardovdheijden

packages/orchestrator-ui-components/src/components/WfoAuth/WfoAuth.tsx

@@ -2,8 +2,8 @@ import React, { JSX, useContext } from 'react';
 
 import { useSession } from 'next-auth/react';
 
-import { OrchestratorConfigContext } from '../../contexts';
-import { WfoLoading } from '../WfoLoading';
+import { WfoLoading } from '@/components';
+import { OrchestratorConfigContext } from '@/contexts';
 
 interface AuthProps {
     children: JSX.Element;

packages/orchestrator-ui-components/src/components/WfoStartPage/WfoListItemStartPage.tsx

@@ -4,7 +4,7 @@ import moment from 'moment';
 
 import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiTextColor } from '@elastic/eui';
 
-import { ProcessFromRestApi, ProductDefinition } from '../../types';
+import { ProcessFromRestApi, ProductDefinition } from '@/types';
 
 interface Subscription {
     name: string;

packages/orchestrator-ui-components/src/components/WfoStartPage/WfoListStartPage.tsx

@@ -8,7 +8,8 @@ import {
     EuiSpacer,
 } from '@elastic/eui';
 
-import { ItemsList } from '../../types';
+import { ItemsList } from '@/types';
+
 import { WfoListItemStartPage } from './WfoListItemStartPage';
 
 interface WfoListStartPage {

packages/orchestrator-ui-components/src/components/WfoStartPage/WfoMultiListSection.tsx

@@ -6,7 +6,8 @@ import {
     useFavouriteSubscriptions,
     useProcessesAttention,
     useRecentProcesses,
-} from '../../hooks/DataFetchHooks';
+} from '@/hooks';
+
 import WfoListStartPage from './WfoListStartPage';
 
 export const WfoMultiListSection: FC = () => {

packages/orchestrator-ui-components/src/components/WfoStartPage/WfoNewProcessPanel.tsx

@@ -8,7 +8,7 @@ import {
     EuiTextColor,
 } from '@elastic/eui';
 
-import { WfoFrequentlyUsed } from './WfoFrequentlyUsed';
+import { WfoFrequentlyUsed } from '@/components';
 
 export const WfoNewProcessPanel: FC = () => {
     const [value, setValue] = useState('');

packages/orchestrator-ui-components/src/components/WfoStartPage/WfoStatCards.tsx

@@ -8,8 +8,8 @@ import {
     EuiText,
 } from '@elastic/eui';
 
-import { useOrchestratorTheme } from '../../hooks/useOrchestratorTheme';
-import { TotalStat } from '../../types';
+import { useOrchestratorTheme } from '@/hooks';
+import { TotalStat } from '@/types';
 
 const totalStats: TotalStat[] = [
     {

packages/orchestrator-ui-components/tsconfig.build.json

@@ -1,7 +1,11 @@
 {
     "extends": "@orchestrator-ui/tsconfig/base.json",
     "compilerOptions": {
-        "strictNullChecks": true
+        "strictNullChecks": true,
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
     },
     "include": ["**/*.ts", "**/*.tsx"],
     "exclude": [

packages/orchestrator-ui-components/tsconfig.json

@@ -3,7 +3,11 @@
     "compilerOptions": {
         "strictNullChecks": true,
         "rootDir": "./src",
-        "outDir": "./dist"
+        "outDir": "./dist",
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
     },
     "include": ["./src/**/*.ts", "./src/**/*.tsx"],
     "exclude": [