st: refactor:

- 통계 입력 디렉토리 & 파일명 변경
management -> input & Mng -> Inp
- @rsone/component 모듈 수정
pnpm build --filter @rsone/components 후 st 프로젝트 install 필요

apps/st/app/(with-base-layout)/layout.tsx

@@ -7,6 +7,7 @@ import { useQueryClient, useQuery } from "@tanstack/react-query";
 import type { MenuItem } from "@/entities/menu";
 import { useMenuStore, useAlertStore } from "@/shared/lib";
 import { useTabStore, getTabStoreState } from "@/store/tab-store";
+import { useTabStore as gridTabStore } from "@rsone/components";
 import { getConfig } from "@common/config";
 import { getCookie } from "@/shared/lib";
 import { getMenuList } from "../../../../packages/common/components/src/api";
@@ -33,6 +34,9 @@ export default function WithBaseLayout({
   const addTab = useTabStore((state) => state.addTab);
   const setActiveTab = useTabStore((state) => state.setActiveTab);
   const setMenuList = useTabStore((state) => state.setMenuList);
+  const addTabForGrid = gridTabStore((state) => state.addTab);
+  const setActiveTabForGrid = gridTabStore((state) => state.setActiveTab);
+  const setMenuListForGrid = gridTabStore((state) => state.setMenuList);
   const alert = useAlertStore((state) => state.setMessage);
 
   const { data: menuListData } = useQuery({
@@ -44,8 +48,9 @@ export default function WithBaseLayout({
   useEffect(() => {
     if (menuListData) {
       setMenuList(menuListData);
+      setMenuListForGrid(menuListData);
     }
-  }, [menuListData, setMenuList]);
+  }, [menuListData, setMenuList, setMenuListForGrid]);
 
   useEffect(() => {
     if (!pathname) return;
@@ -55,18 +60,24 @@ export default function WithBaseLayout({
     const tab = currentTabs.find((t) => t.path === pathname);
     if (tab) {
       setActiveTab(tab.id);
+      setActiveTabForGrid(tab.id);
     }
-  }, [pathname, setActiveTab]);
+  }, [pathname, setActiveTab, setActiveTabForGrid]);
 
   const handleMenuClick = useCallback((item: MenuItem) => {
     setCurrentMenuInfo(item);
     const addTabResult: boolean = addTab(item);
+    
+    // packages/rsone의 스토어에도 동기화
+    if (addTabResult) {
+      addTabForGrid(item);
+    }
 
     if (!addTabResult) {
       alert(`최대 추가 할 수 있는 화면 수를 초과 하였습니다.
             기존 화면을 닫은 후 이용해주세요.`);
     }
-  }, [setCurrentMenuInfo, addTab]);
+  }, [setCurrentMenuInfo, addTab, addTabForGrid]);
 
   return (
     <BaseLayout

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

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from "react"
 import { ValueType } from "realgrid"
 
-import RealGrid, { GridFitStyle, type DisplayOptions, SortDirection } from "realgrid"
+import RealGrid, { GridFitStyle, type DisplayOptions } from "realgrid"
 import { RealGridReact, RGDataColumn } from "realgrid-react"
 import type { DataGridProps } from "../type/DataGrid.type"
 import JSZip from "jszip"

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

@@ -1,7 +1,7 @@
 import { useRef, useEffect, useState } from "react"
 import { ValueType } from "realgrid"
 
-import RealGrid, { GridFitStyle, type DisplayOptions } from "realgrid"
+import RealGrid, { GridFitStyle } from "realgrid"
 import { RealGridReact, RGDataColumn } from "realgrid-react"
 import type { TabDataGridProps } from "../type/DataGrid.type"
 import JSZip from "jszip"

apps/st/src/components/statistics/input/ExcretaTreatmentFacilityInp.tsx

@@ -1,15 +1,15 @@
 import SearchForm from "@/components/module/SearchForm";
-import DataGrid from "@/components/module/DataGrid";
+import { DataGrid } from "@rsone/components";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import { useState } from "react";
 
-import { ExcretaTreatmentFacilityMngColumn } from "@/components/util/column/management/ExcretaTreatmentFacilityMngColumn"
+import { ExcretaTreatmentFacilityMngColumn } from "@/components/util/column/input/ExcretaTreatmentFacilityMngColumn"
 
 // 하수도 통계 관리 > 07. 분뇨처리시설
-const ExcretaTreatmentFacilityMng = () => {
+const ExcretaTreatmentFacilityInp = () => {
 
     const submitExceptionFunc = () => {
         console.log('submit exception');
@@ -47,4 +47,4 @@ const ExcretaTreatmentFacilityMng = () => {
     );
 };
 
-export default ExcretaTreatmentFacilityMng;
+export default ExcretaTreatmentFacilityInp;

apps/st/src/components/statistics/input/PrivateSewageFacilityInp.tsx

@@ -1,25 +1,25 @@
 import { useState } from "react";
 import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
+import { TabDataGrid } from "@rsone/components";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 
-import { SewageTreatmentFacilityStatusMngColumn } from "@/components/util/column/management/privateSewageFacility/SewageTreatmentFacilityStatusMngColumn"
-import { SepticTankStatusMngColumn } from "@/components/util/column/management/privateSewageFacility/SepticTankStatusMngColumn"
-import { PrivateSewageDesignationStatusMngColumn } from "@/components/util/column/management/privateSewageFacility/PrivateSewageDesignationStatusMngColumn"
+import { SewageTreatmentFacilityStatusMngColumn } from "@/components/util/column/input/privateSewageFacility/SewageTreatmentFacilityStatusMngColumn"
+import { SepticTankStatusMngColumn } from "@/components/util/column/input/privateSewageFacility/SepticTankStatusMngColumn"
+import { PrivateSewageDesignationStatusMngColumn } from "@/components/util/column/input/privateSewageFacility/PrivateSewageDesignationStatusMngColumn"
 
 // 하수도 통계 관리 > 08. 개인하수처리시설
-const PrivateSewageFacilityMng = () => {
+const PrivateSewageFacilityInp = () => {
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
 
     // tab list
-    const PrivateSewageFacilityMngColumnList = [
-     SewageTreatmentFacilityStatusMngColumn,
-     SepticTankStatusMngColumn,
-     PrivateSewageDesignationStatusMngColumn
-   ];
+    const PrivateSewageFacilityInpColumnList = [
+        SewageTreatmentFacilityStatusMngColumn,
+        SepticTankStatusMngColumn,
+        PrivateSewageDesignationStatusMngColumn
+    ];
 
     const submitExceptionFunc = () => {
         // TODO: 예외 제출 로직 구현
@@ -51,9 +51,9 @@ const PrivateSewageFacilityMng = () => {
                 <SaveButton saveFunc={saveFunc} />
             </div>
 
-            <TabDataGrid columnInfo={ PrivateSewageFacilityMngColumnList } rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
+            <TabDataGrid columnInfo={PrivateSewageFacilityInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };
 
-export default PrivateSewageFacilityMng;
+export default PrivateSewageFacilityInp;

apps/st/src/components/statistics/input/PublicSewageFacilityInp.tsx

@@ -1,15 +1,15 @@
 import SearchForm from '@/components/module/SearchForm';
-import DataGrid from '@/components/module/DataGrid';
+import { DataGrid } from '@rsone/components';
 import SubmitButton from '@/components/button/SumitButton';
 import SaveButton from '@/components/button/SaveButton';
 import SubmitExceptionButton from '@/components/button/SubmitExceptionButton';
 import OperateDataButton from '@/components/button/OperateDataButton';
 import { useState } from 'react';
 
-import { PublicSewageFacilityMngColumn } from '@/components/util/column/management/PublicSewageFacilityMngColumn';
+import { PublicSewageFacilityMngColumn } from '@/components/util/column/input/PublicSewageFacilityMngColumn';
 
 // 하수도 통계 관리 > 06. 공공하수처리시설
-const PublicSewageFacilityMng = () => {
+const PublicSewageFacilityInp = () => {
     
     const SubmitExceptionFunc = () => {
         console.log('submitException');
@@ -47,4 +47,4 @@ const PublicSewageFacilityMng = () => {
     );
 };
 
-export default PublicSewageFacilityMng;
+export default PublicSewageFacilityInp;

apps/st/src/components/statistics/input/PumpingStationInp.tsx

@@ -1,14 +1,14 @@
 import SearchForm from "@/components/module/SearchForm";
-import DataGrid from "@/components/module/DataGrid";
+import { DataGrid } from '@rsone/components';
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import { useState } from "react";
 
-import { PumpingStationMngColumn } from "@/components/util/column/management/PumpingStationMngColumn"
+import { PumpingStationMngColumn } from "@/components/util/column/input/PumpingStationMngColumn"
 // 하수도 통계 관리 > 05. 펌프장
-const PumpingStationMng = () => {
+const PumpingStationInp = () => {
 
     const SubmitExceptionFunc = () => {
         console.log('submit exception');
@@ -46,4 +46,4 @@ const PumpingStationMng = () => {
     );
 };
 
-export default PumpingStationMng;
+export default PumpingStationInp;

apps/st/src/components/statistics/input/SewageExcretaRelatedInp.tsx

@@ -1,7 +1,7 @@
 import SearchForm from "@/components/module/SearchForm";
 
 // 하수도 통계 관리 > 12. 하수 및 분뇨관련산업
-const SewageExcretaRelatedMng = () => {
+const SewageExcretaRelatedInp = () => {
     return (
         <>
             <SearchForm userMenual={true} />
@@ -9,4 +9,4 @@ const SewageExcretaRelatedMng = () => {
     );
 };
 
-export default SewageExcretaRelatedMng;
+export default SewageExcretaRelatedInp;

apps/st/src/components/statistics/input/SewageExcretaSlurgeInp.tsx

@@ -1,7 +1,7 @@
 import SearchForm from "@/components/module/SearchForm";
 
 // 하수도 통계 관리 > 11. 하수 및 분뇨찌꺼기(슬러지)처리
-const SewageExcretaSlurgeMng = () => {
+const SewageExcretaSlurgeInp = () => {
     return (
         <>
             <SearchForm userMenual={true} />
@@ -9,4 +9,4 @@ const SewageExcretaSlurgeMng = () => {
     );
 };
 
-export default SewageExcretaSlurgeMng;
+export default SewageExcretaSlurgeInp;

apps/st/src/components/statistics/input/SewagePipeInp.tsx

@@ -1,28 +1,28 @@
 import { useState } from "react";
 import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
+import { TabDataGrid } from '@rsone/components';
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import OperateDateButton from "@/components/button/OperateDataButton";
 
-import { RegionalFacilityStatusMngColumn } from "@/components/util/column/management/sewagePipe/RegionalFacilityStatusMngColumn";
-import { FacilityInstallStatusMngColumn } from "@/components/util/column/management/sewagePipe/FacilityInstallStatusMngColumn";
-import { PipeTypeStatusMngColumn } from "@/components/util/column/management/sewagePipe/PipeTypeStatusMngColumn";
-import { PipeDiameterStatusMngColumn } from "@/components/util/column/management/sewagePipe/PipeDiameterStatusMngColumn";
-import { ManholeStatusMngColumn } from "@/components/util/column/management/sewagePipe/ManholeStatusMngColumn";
+import { RegionalFacilityStatusMngColumn } from "@/components/util/column/input/sewagePipe/RegionalFacilityStatusMngColumn";
+import { FacilityInstallStatusMngColumn } from "@/components/util/column/input/sewagePipe/FacilityInstallStatusMngColumn";
+import { PipeTypeStatusMngColumn } from "@/components/util/column/input/sewagePipe/PipeTypeStatusMngColumn";
+import { PipeDiameterStatusMngColumn } from "@/components/util/column/input/sewagePipe/PipeDiameterStatusMngColumn";
+import { ManholeStatusMngColumn } from "@/components/util/column/input/sewagePipe/ManholeStatusMngColumn";
 import { 
     AdminAreaConnectionMngColumn, 
     TreatmentPlantConnectionMngColumn 
-} from "@/components/util/column/management/sewagePipe/ConnectionStatusMngColumn";
+} from "@/components/util/column/input/sewagePipe/ConnectionStatusMngColumn";
 
 // 하수도 통계 관리 > 02. 하수관로 
-const SewagePipeMng = () => {
+const SewagePipeInp = () => {
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
 
     // tab List
-    const SewagePipeMngColumnList = [
+    const SewagePipeInpColumnList = [
         RegionalFacilityStatusMngColumn,
         FacilityInstallStatusMngColumn,
         PipeTypeStatusMngColumn,
@@ -69,9 +69,9 @@ const SewagePipeMng = () => {
                     <SaveButton saveFunc={saveFunc} />
                 </div>
             </div>
-            <TabDataGrid columnInfo={SewagePipeMngColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
+            <TabDataGrid columnInfo={SewagePipeInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };
 
-export default SewagePipeMng;
+export default SewagePipeInp;

apps/st/src/components/statistics/input/SewagePipeMaintainInp.tsx

@@ -1,21 +1,21 @@
 import { useState } from "react";
 import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
+import { TabDataGrid } from '@rsone/components';
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 
-import { RepairStatusMngColumn } from "@/components/util/column/management/sewagePipeMaintain/RepairStatusMngColumn";
-import { PipeDredgingStatusMngColumn } from "@/components/util/column/management/sewagePipeMaintain/PipeDredgingStatusMngColumn";
+import { RepairStatusMngColumn } from "@/components/util/column/input/sewagePipeMaintain/RepairStatusMngColumn";
+import { PipeDredgingStatusMngColumn } from "@/components/util/column/input/sewagePipeMaintain/PipeDredgingStatusMngColumn";
 
 // 하수도 통계 관리 > 03. 하수관로 유지관리
-const SewagePipeMaintainMng = () => {
+const SewagePipeMaintainInp = () => {
 
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
     
     // tab List
-    const SewagePipeMaintainMngColumnList = [
+    const SewagePipeMaintainInpColumnList = [
         RepairStatusMngColumn,
         PipeDredgingStatusMngColumn
     ];
@@ -51,9 +51,9 @@ const SewagePipeMaintainMng = () => {
                 <SaveButton saveFunc={saveFunc} />
             </div>
 
-            <TabDataGrid columnInfo={SewagePipeMaintainMngColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
+            <TabDataGrid columnInfo={SewagePipeMaintainInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };
 
-export default SewagePipeMaintainMng;
+export default SewagePipeMaintainInp;

apps/st/src/components/statistics/input/SewageReservoirPumpInp.tsx

@@ -1,20 +1,20 @@
 import { useState } from "react";
 import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
+import { TabDataGrid } from '@rsone/components';
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 
-import { SewageReservoirMngColumn } from "@/components/util/column/management/sewageReservoirPump/SewageReservoirMngColumn";
-import { RainfallPumpStationMngColumn } from "@/components/util/column/management/sewageReservoirPump/RainfallPumpStationMngColumn";
+import { SewageReservoirMngColumn } from "@/components/util/column/input/sewageReservoirPump/SewageReservoirMngColumn";
+import { RainfallPumpStationMngColumn } from "@/components/util/column/input/sewageReservoirPump/RainfallPumpStationMngColumn";
 
 // 하수도 통계 관리 > 04. 하수저류 시설 및 빗물 펌프장
-const SewageReservoirPumpMng = () => {
+const SewageReservoirPumpInp = () => {
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
     
     // tab List
-    const SewageReservoirPumpMngColumnList = [
+    const SewageReservoirPumpInpColumnList = [
         SewageReservoirMngColumn,
         RainfallPumpStationMngColumn
     ];
@@ -48,9 +48,9 @@ const SewageReservoirPumpMng = () => {
                 <SubmitButton submitFunc={submitFunc} />
                 <SaveButton saveFunc={saveFunc} />
             </div>
-            <TabDataGrid columnInfo={SewageReservoirPumpMngColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
+            <TabDataGrid columnInfo={SewageReservoirPumpInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };
 
-export default SewageReservoirPumpMng;
+export default SewageReservoirPumpInp;

apps/st/src/components/statistics/input/SewerageFinanceInp.tsx

@@ -1,22 +1,22 @@
 import { useState } from "react";
 import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
+import { TabDataGrid } from '@rsone/components';
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 
-import { SewerageFinanceSettlementMngColumn } from "@/components/util/column/management/sewerageFinance/SewerageFinanceSettlementMngColumn"
-import { SewerageChargeMngColumn } from "@/components/util/column/management/sewerageFinance/SewerageChargeMngColumn"
-import { SewerageUsageFeeMngColumn } from "@/components/util/column/management/sewerageFinance/SewerageUsageFeeMngColumn"
-import { CauserBurdenMngColumn } from "@/components/util/column/management/sewerageFinance/CauserBurdenMngColumn"
+import { SewerageFinanceSettlementMngColumn } from "@/components/util/column/input/sewerageFinance/SewerageFinanceSettlementMngColumn"
+import { SewerageChargeMngColumn } from "@/components/util/column/input/sewerageFinance/SewerageChargeMngColumn"
+import { SewerageUsageFeeMngColumn } from "@/components/util/column/input/sewerageFinance/SewerageUsageFeeMngColumn"
+import { CauserBurdenMngColumn } from "@/components/util/column/input/sewerageFinance/CauserBurdenMngColumn"
 
 // 하수도 통계 관리 > 09. 하수도재정
-const SewerageFinanceMng = () => {
+const SewerageFinanceInp = () => {
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
 
     // tab list
-    const SewerageFinanceMngList = [
+    const SewerageFinanceInpList = [
         SewerageFinanceSettlementMngColumn,
         SewerageChargeMngColumn,
         SewerageUsageFeeMngColumn,
@@ -54,9 +54,9 @@ const SewerageFinanceMng = () => {
                 <SaveButton saveFunc={saveFunc} />
             </div>
 
-            <TabDataGrid columnInfo={SewerageFinanceMngList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
+            <TabDataGrid columnInfo={SewerageFinanceInpList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };
 
-export default SewerageFinanceMng;
+export default SewerageFinanceInp;

apps/st/src/components/statistics/input/SeweragePenetrationRateInp.tsx

@@ -7,10 +7,10 @@ import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 
 import { useState } from "react";
 
-import { SeweragePenetrationRateMngColumn } from "@/components/util/column/management/SeweragePenetrationRateMngColumn";
+import { SeweragePenetrationRateMngColumn } from "@/components/util/column/input/SeweragePenetrationRateMngColumn";
 
 // 하수도 통계 관리 > 01. 하수도 보급률
-const SeweragePenetrationRateMng = () => {
+const SeweragePenetrationRateInp = () => {
 
     const SubmitExceptionFunc = () => {
         console.log('submit exception');
@@ -57,4 +57,4 @@ const SeweragePenetrationRateMng = () => {
     );
 };
 
-export default SeweragePenetrationRateMng;
+export default SeweragePenetrationRateInp;

apps/st/src/components/statistics/input/SewerageServiceLevelInp.tsx

@@ -1,7 +1,7 @@
 import SearchForm from "../../module/SearchForm";
 
 // 하수도 통계 관리 > 13. 하수도 서비스 수준
-const SewerageServiceLevelMng = () => {
+const SewerageServiceLevelInp = () => {
     return (
         <>
             <SearchForm userMenual={true} />
@@ -9,4 +9,4 @@ const SewerageServiceLevelMng = () => {
     );
 };
 
-export default SewerageServiceLevelMng;
+export default SewerageServiceLevelInp;

apps/st/src/components/statistics/input/StatsInputSatusInp.tsx

@@ -4,10 +4,10 @@ import ApproveButton from "@/components/button/ApproveButton";
 import RejectButton from "@/components/button/RejectButton";
 import { useState } from "react";
 
-import { StatsInputSatusMngColumn } from "@/components/util/column/management/StatsInputSatusMngColumn";
+import { StatsInputSatusMngColumn } from "@/components/util/column/input/StatsInputSatusMngColumn";
 
 // 하수도 통계 관리 > 00. 통계 입력 현황
-const StatsInputSatusMng = () => {
+const StatsInputSatusInp = () => {
 
     const rejectFunc = () => {
         console.log('reject');
@@ -35,4 +35,4 @@ const StatsInputSatusMng = () => {
     );
 };
 
-export default StatsInputSatusMng;
+export default StatsInputSatusInp;

apps/st/src/components/statistics/input/WaterReuseInp.tsx

@@ -1,25 +1,25 @@
 import { useState } from "react";
 import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
+import { TabDataGrid } from '@rsone/components';
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import OperateDataButton from "@/components/button/OperateDataButton"
 
-import { PublicSewageTreatmentWaterReuseMngColumn } from "@/components/util/column/management/waterReuse/PublicSewageTreatmentWaterReuseMngColumn";
-import { RecycledWaterStatusMngColumn } from "@/components/util/column/management/waterReuse/RecycledWaterStatusMngColumn";
-import { RainfallUtilizationFacilityStatusMngColumn } from "@/components/util/column/management/waterReuse/RainfallUtilizationFacilityStatusMngColumn";
-import { TreatmentWaterReuseDesignConstructionStatusMngColumn } from "@/components/util/column/management/waterReuse/TreatmentWaterReuseDesignConstructionStatusMngColumn";
-import { TreatmentWaterReuseBussinessApprovalStatusMngColumn } from "@/components/util/column/management/waterReuse/TreatmentWaterReuseBussinessApprovalStatusMngColumn";
+import { PublicSewageTreatmentWaterReuseMngColumn } from "@/components/util/column/input/waterReuse/PublicSewageTreatmentWaterReuseMngColumn";
+import { RecycledWaterStatusMngColumn } from "@/components/util/column/input/waterReuse/RecycledWaterStatusMngColumn";
+import { RainfallUtilizationFacilityStatusMngColumn } from "@/components/util/column/input/waterReuse/RainfallUtilizationFacilityStatusMngColumn";
+import { TreatmentWaterReuseDesignConstructionStatusMngColumn } from "@/components/util/column/input/waterReuse/TreatmentWaterReuseDesignConstructionStatusMngColumn";
+import { TreatmentWaterReuseBussinessApprovalStatusMngColumn } from "@/components/util/column/input/waterReuse/TreatmentWaterReuseBussinessApprovalStatusMngColumn";
 
 // 하수도 통계 관리 > 10. 물 재이용
-const WaterReuseMng = () => {
+const WaterReuseInp = () => {
 
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
 
     // tab list
-    const WaterReuseMngColumnList = [
+    const WaterReuseInpColumnList = [
         PublicSewageTreatmentWaterReuseMngColumn,
         RecycledWaterStatusMngColumn,
         RainfallUtilizationFacilityStatusMngColumn,
@@ -63,9 +63,9 @@ const WaterReuseMng = () => {
                 <OperateDataButton getOperateDataFunc={getOperateDataFunc} />
             </div>
 
-            <TabDataGrid columnInfo={WaterReuseMngColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
+            <TabDataGrid columnInfo={WaterReuseInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };
 
-export default WaterReuseMng;
+export default WaterReuseInp;

apps/st/src/components/statistics/management/StatisticsPopulationManagement.tsx

@@ -1,11 +1,9 @@
-import { useState } from "react";
+// import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import DataGrid from "@/components/module/DataGrid";
-import type { ColumnConfig } from "@/components/type/DataGrid.type";
 
 const StatisticsPopulationManagement = () => {
-    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+    // const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
 
     return (
         <>

apps/st/src/components/util/column/review/PrivateSewageFacilityColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawPrivateSewageList = [
     {
         tabKey: 'a',

apps/st/src/components/util/column/review/SewageExcretaRelatedColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawExcretaRelatedList = [
   {
     tabKey: 'a',

apps/st/src/components/util/column/review/SewageExcretaSlurgeColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawSludgeList = [
   {
     tabKey: 'a',

apps/st/src/components/util/column/review/SewagePipeColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const baseYear = new Date().getFullYear();
 
 const rawList = [

apps/st/src/components/util/column/review/SewageReservoirPumpColumnRvw.ts

@@ -1,7 +1,3 @@
-
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawReservoirList = [
     {
         tabKey: 'a',

apps/st/src/components/util/column/review/SewerageFinanceColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawFinanceList = [
     {
         tabKey: 'a',

apps/st/src/components/util/column/review/SewerageServiceLevelColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawServiceLevelList = [
     {
         tabKey: 'a',

apps/st/src/components/util/column/review/WaterReuseColumnRvw.ts

@@ -1,6 +1,3 @@
-import type { GridView, DataColumn } from "@/components/type/DataGrid.type";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-
 const rawWaterReuseList = [
   {
     tabKey: 'a',

apps/st/src/store/tab-store.ts

@@ -39,7 +39,7 @@ const useTabStoreHook = create<TabStore>((set, get) => ({
             return true;
         }
 
-        if (tabs.length < 100) {
+        if (tabs.length < 10) {
             const newTab: Tab = {
                 id: tabId,
                 label: menuItem.menuKornNm,

packages/rsone/components/grid/DataGrid.tsx

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from "react"
 import { ValueType } from "realgrid"
 
-import RealGrid, { GridFitStyle, type DisplayOptions, SortDirection } from "realgrid"
+import RealGrid, { GridFitStyle, type DisplayOptions } from "realgrid"
 import { RealGridReact, RGDataColumn } from "realgrid-react"
 import type { DataGridProps } from "../type/DataGrid.type"
 import JSZip from "jszip"

packages/rsone/components/grid/TabDataGrid.tsx

@@ -1,7 +1,7 @@
 import { useRef, useEffect, useState } from "react"
 import { ValueType } from "realgrid"
 
-import RealGrid, { GridFitStyle, type DisplayOptions } from "realgrid"
+import RealGrid, { GridFitStyle } from "realgrid"
 import { RealGridReact, RGDataColumn } from "realgrid-react"
 import type { TabDataGridProps } from "../type/DataGrid.type"
 import JSZip from "jszip"