Merge branch 'iipbs/st/dev' of https://www.onasys.co.kr:3000/ONAANDALL/frontend

apps/st/src/components/module/SearchForm.tsx

@@ -1,52 +1,66 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
+
 import useSWR from "swr";
 
-import {
-    Button,
-    Input,
-    Label,
-    Select,
-    SelectTrigger,
-    SelectContent,
-    SelectItem,
-    SelectValue,
-    Checkbox,
-} from "@common/components";
-
-import { useAlertStore } from "@/shared/lib";
-import {
-    type SearchFormProps,
-    type SearchFormValues,
-    defaultSearchFormProps,
-} from "../type/SearchForm.type";
+import { useAlertStore, useUserStore } from "@/shared/lib";
 import { statisticsAPi } from "@/entities/statistics/api/statistics-service";
 import type {
     ApiResponse,
     SearchCondition,
     Sgg,
 } from "@/entities/statistics/model/statistics-interface";
+import {
+    Button,
+    Checkbox,
+    Input,
+    Label,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@common/components";
 
-const getSidoListFetcher = async (): Promise<ApiResponse<SearchCondition>> => {
-    return statisticsAPi.getSidoList();
+import {
+    defaultSearchFormProps,
+    type SearchFormProps,
+    type SearchFormValues,
+} from "../type/SearchForm.type";
+import { doList } from "../util/column/input/DoList";
+
+const getSidoListFetcher = async (
+    key: [string, string],
+): Promise<ApiResponse<SearchCondition>> => {
+    return statisticsAPi.getSidoList({ instSeCd: key[1] });
 };
 
 const getSggListFetcher = async (
-    key: [string, string],
+    key: [string, string, string, string],
 ): Promise<ApiResponse<Sgg[]>> => {
-    return statisticsAPi.getSggList(key[1]);
+    const gugunSkipYn = doList.includes(key[3]) ? "N" : "Y";
+    return statisticsAPi.getSggAllList(key[1], {
+        instSeCd: key[2],
+        gugunSkipYn,
+    });
 };
 
 const SearchForm = (props: SearchFormProps = {}) => {
     const { setMessage: alert } = useAlertStore((state) => state);
+    const userInfo = useUserStore((state) => state.userInfo);
     const mergedProps = { ...defaultSearchFormProps, ...props };
+    const instSeCd = userInfo?.instSeCd ?? "";
+    const sidoSelectText =
+        props.sidoSelectText && props.sidoSelectText.trim() !== ""
+            ? props.sidoSelectText
+            : "선택";
 
     const currentYear = new Date().getFullYear();
     const defaultYear = currentYear - 1;
 
     const { data: sidoList } = useSWR<ApiResponse<SearchCondition>>(
-        "sido-list",
+        ["sido-list", instSeCd],
         getSidoListFetcher,
         {
             revalidateOnFocus: false,
@@ -77,8 +91,10 @@ const SearchForm = (props: SearchFormProps = {}) => {
         isDetail: false,
     });
 
-    const sggKey: [string, string] | null =
-        values.sido && values.sido !== "ALL" ? ["sgg-list", values.sido] : null;
+    const sggKey: [string, string, string, string] | null =
+        values.sido && values.sido !== "ALL"
+            ? ["sgg-list", values.sido, instSeCd, values.bsnmCd || ""]
+            : null;
     const { data: sggList } = useSWR<ApiResponse<Sgg[]>>(
         sggKey,
         getSggListFetcher,
@@ -102,7 +118,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
     );
     const sggOptions = sggList?.data ?? [];
 
-    const handleSubmit = (e: React.SubmitEvent<HTMLFormElement>) => {
+    const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
         props.onSubmit?.(values);
     };
@@ -163,10 +179,14 @@ const SearchForm = (props: SearchFormProps = {}) => {
                                 onValueChange={handleSidoChange}
                             >
                                 <SelectTrigger className="w-[12rem]">
-                                    <SelectValue placeholder="선택"></SelectValue>
+                                    <SelectValue
+                                        placeholder={sidoSelectText}
+                                    ></SelectValue>
                                 </SelectTrigger>
                                 <SelectContent>
-                                    <SelectItem value="ALL">선택</SelectItem>
+                                    <SelectItem value="ALL">
+                                        {sidoSelectText}
+                                    </SelectItem>
                                     {sidoList?.data?.sidoList?.map((sido) => (
                                         <SelectItem
                                             key={sido.adstDstrCd}