refactor: arrange utils into dedicated directory

src/components/questionStructure/Part.tsx

@@ -1,7 +1,7 @@
 import { Box, Button, Card, Em, Flex, Heading, Separator, Text } from '@radix-ui/themes'
 import React, { FC, ReactNode } from 'react'
 
-import { numberToLetter } from '../../utils'
+import { numberToLetter } from '../../utils/common'
 import Markdown from '../Markdown'
 
 interface PartProps {

src/components/questionStructure/Section.tsx

@@ -1,7 +1,7 @@
 import { Flex, Grid, Strong, Text } from '@radix-ui/themes'
 import React, { FC, ReactNode } from 'react'
 
-import { numberToRoman } from '../../utils'
+import { numberToRoman } from '../../utils/common'
 import Markdown from '../Markdown'
 
 interface SectionProps {

src/hooks/exam.ts

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import axiosInstance from '../api/axiosInstance'
 import routes from '../api/routes'
 import { Answer, Question, QuestionAnswersLookup } from '../types/exam'
-import { buildAnswerLookupTable } from '../utils'
+import { buildAnswerLookupTable } from '../utils/answers'
 
 export const useQuestion = (number: number | undefined) => {
   const [question, setQuestion] = useState<Question>()

src/tests/utils.test.ts

@@ -1,4 +1,4 @@
-import { numberToLetter, numberToRoman } from '../utils'
+import { numberToLetter, numberToRoman } from '../utils/common'
 
 describe('numberToLetter', () => {
   test.each([

src/types/exam.ts

@@ -2,7 +2,7 @@ import { Transform, Type } from 'class-transformer'
 import { addMinutes } from 'date-fns'
 
 import { TaskType } from '../components/questionStructure/Task/constants'
-import { stringToEnumValue } from './utils'
+import { stringToEnumValue } from '../utils/types'
 
 export class MCQOption {
   value: string

src/utils/answers.ts

@@ -0,0 +1,14 @@
+import { reduce, set } from 'lodash'
+
+import { Answer } from '../types/exam'
+
+export function buildAnswerLookupTable(answers: Answer[]) {
+  return reduce(
+    answers,
+    (res, { question, part, section, task, answer }) => {
+      set(res, [question, part, section, task], answer)
+      return res
+    },
+    {}
+  )
+}

src/utils.ts → src/utils/common.ts

@@ -1,7 +1,3 @@
-import { reduce, set } from 'lodash'
-
-import { Answer } from './types/exam'
-
 const ASCII_LOWERCASE_OFFSET = 96
 
 export function numberToLetter(num: number): string {
@@ -38,14 +34,3 @@ export function numberToRoman(num: number): string {
     return result + numeral.repeat(repeatCount)
   }, '')
 }
-
-export function buildAnswerLookupTable(answers: Answer[]) {
-  return reduce(
-    answers,
-    (res, { question, part, section, task, answer }) => {
-      set(res, [question, part, section, task], answer)
-      return res
-    },
-    {}
-  )
-}