[Frontend] Filters now reset to default state (not initial) and setOptions options is now native

Author: santeri0200

services/frontend/src/components/FilterView/context.ts

@@ -15,7 +15,7 @@ const defaultFilterContext: FilterContext = {
   students: [],
   precomputed: null,
   options: {},
-  args: null,
+  args: undefined,
 }
 
 export type FilterViewContextState = {

services/frontend/src/components/FilterView/filters/courses/index.tsx

@@ -1,4 +1,3 @@
-import { produce } from 'immer'
 import { keyBy } from 'lodash'
 import { FC } from 'react'
 import { Dropdown, type DropdownProps } from 'semantic-ui-react'
@@ -32,10 +31,13 @@ const CourseFilterCard: FC<{
 
   const setCourseFilter = (code, type) =>
     onOptionsChange(
-      produce(options, draft => {
-        draft.courseFilters[code] = type
-        if (type === null) delete draft.courseFilters[code]
-      })
+      (() => {
+        const newOpts = structuredClone(options)
+        newOpts.courseFilters[code] = type
+        if (type === null) delete newOpts.courseFilters[code]
+
+        return newOpts
+      })()
     )
 
   const onChange: NonNullable<DropdownProps['onChange']> = (_, { value }) => {

services/frontend/src/components/FilterView/filters/createFilter.ts

@@ -1,5 +1,3 @@
-import { produce } from 'immer'
-
 import { ReactNode } from 'react'
 import { setFilterOptions } from '@/redux/filters'
 import { mapValues } from '@oodikone/shared/util'
@@ -120,7 +118,7 @@ export const createFilter = (options: FilterOptions): FilterFactory => {
 
   const opt_actions: NonNullable<FilterOptions['actions']> = Object.assign(options.actions ?? {}, {
     setOptions: (_, value) => value,
-    reset: (..._) => null,
+    reset: (..._) => options.defaultOptions,
   })
 
   /**
@@ -140,7 +138,12 @@ export const createFilter = (options: FilterOptions): FilterFactory => {
           view,
           filter: options.key,
           action: `${options.key}/${key}`,
-          options: produce(ctx.options, (draft: FilterContext['options']) => action(draft, payload)),
+          options: (() => {
+            const newOpts = structuredClone(ctx.options)
+            action(newOpts, payload)
+
+            return newOpts
+          })(),
         })
       },
     ]