검색영역 초기화가 안되는 문제로 재배포

packages/common/business_components/src/ui/search_form_left/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import type { SelectDataType } from '../search_input_select';
 import { SelectBox } from '../select';
 
@@ -38,6 +38,7 @@ type SearchFormLeftProps = {
   setRtnEnvPartValue?: (value: string) => void;
   setRtnEnvPartSidoValue?: (value: string) => void;
   setRtnEnvPartSigunValue?: (value: string) => void;
+  resetTrigger?: boolean;
 }
 
 type EnvPartSelectDataType = SelectDataType & {
@@ -50,7 +51,7 @@ const selectPartData:SelectDataType[] = [
   { text: "환경청별", val: '02' },
 ];
 
-function SearchFormLeft({ isShowPart = false, children, selectSidoData = [], selectSigunData = [], selectRegionData = [], selectUnitWaterShedData = [], selectMiddleRegionData = [], selectEnvPartData = [], setRtnPartValue, setRtnSidoValue, setRtnSigunValue, setRtnRegionValue, setRtnUnitWaterShedValue, setRtnMiddleRegionValue, setRtnEnvPartValue, setRtnEnvPartSidoValue, setRtnEnvPartSigunValue }: SearchFormLeftProps) {
+function SearchFormLeft({ isShowPart = false, children, selectSidoData = [], selectSigunData = [], selectRegionData = [], selectUnitWaterShedData = [], selectMiddleRegionData = [], selectEnvPartData = [], setRtnPartValue, setRtnSidoValue, setRtnSigunValue, setRtnRegionValue, setRtnUnitWaterShedValue, setRtnMiddleRegionValue, setRtnEnvPartValue, setRtnEnvPartSidoValue, setRtnEnvPartSigunValue, resetTrigger = false }: SearchFormLeftProps) {
   const [partValue, setPartValue] = useState<string>('0');
   const [showPart, setShowPart] = useState<string>('');
   const [sidoValue, setSidoValue] = useState<string>('0');
@@ -239,7 +240,43 @@ function SearchFormLeft({ isShowPart = false, children, selectSidoData = [], sel
         break;
     }
   }
-  
+
+  // 리셋 함수
+  const resetAllValues = () => {
+    setPartValue('0');
+    setShowPart('');
+    setSidoValue('0');
+    setSigunValue('0');
+    setRegionValue('0');
+    setUnitWaterShedValue('0');
+    setMiddleRegionValue('0');
+    setEnvPartValue('0');
+    setEnvPartSidoValue('0');
+    setEnvPartSigunValue('0');
+
+    setFilteredSigunData([{ text: "전체", val: '0' }]);
+    setFilteredUnitWaterShedData([{ text: "전체", val: '0' }]);
+    setFilteredMiddleRegionData([{ text: "전체", val: '0' }]);
+    setFilteredEnvPartData([{ text: "전체", val: '0', adstDliStrCd: '' }]);
+    setFilteredEnvPartSidoData([{ text: "전체", val: '0', adstDliStrCd: '' }]);
+    setFilteredEnvPartSigunData([{ text: "전체", val: '0' }]);
+
+    if (setRtnPartValue) setRtnPartValue('0');
+    if (setRtnSidoValue) setRtnSidoValue('0');
+    if (setRtnSigunValue) setRtnSigunValue('0');
+    if (setRtnRegionValue) setRtnRegionValue('0');
+    if (setRtnUnitWaterShedValue) setRtnUnitWaterShedValue('0');
+    if (setRtnMiddleRegionValue) setRtnMiddleRegionValue('0');
+    if (setRtnEnvPartValue) setRtnEnvPartValue('0');
+    if (setRtnEnvPartSidoValue) setRtnEnvPartSidoValue('0');
+    if (setRtnEnvPartSigunValue) setRtnEnvPartSigunValue('0');
+  };
+
+  // 리셋 트리거 변경 감지
+  useEffect(() => {
+    resetAllValues();
+  }, [resetTrigger]);
+
   return (
     isShowPart ? (
     <div className="grid grid-cols-12 gap-5 w-11/12 m-4">