Ag Grid deprecated 준비

src/components/management/popup/FindAddressPop.jsx

@@ -32,8 +32,6 @@ export default function FindAddressPop(props) {
         field: 'address1',
         headerName: getMessage('stuff.addressPopup.gridHeader.address1'),
         minWidth: 150,
-        checkboxSelection: true,
-        showDisabledCheckboxes: true,
       },
       {
         field: 'address2',
@@ -46,6 +44,10 @@ export default function FindAddressPop(props) {
         minWidth: 150,
       },
     ],
+    rowSelection: {
+      checkboxes: true,
+      hideDisabledCheckboxes: true,
+    },
   })
 
   //검색필드

src/components/management/popup/PlanRequestPop.jsx

@@ -162,9 +162,7 @@ export default function PlanRequestPop(props) {
       {
         field: '',
         headerName: '',
-        minWidth: 50,
+        minWidth: 10,
-        checkboxSelection: true,
-        showDisabledCheckboxes: true,
       },
       {
         field: 'planReqNo',
@@ -203,6 +201,11 @@ export default function PlanRequestPop(props) {
         minWidth: 150,
       },
     ],
+    rowSelection: {
+      checkboxes: true,
+      hideDisabledCheckboxes: true,
+      type: 'single',
+    },
   })
 
   //설계의뢰 그리드에서 선택한 설계의뢰 정보
@@ -371,25 +374,6 @@ export default function PlanRequestPop(props) {
                             />
                           </div>
                         </td>
-                        {/* <th>{getMessage('stuff.planReqPopup.search.planStatName')}</th>
-                        <td>
-                          <div className="select-wrap">
-                            <Select
-                              id="long-value-select1"
-                              instanceId="long-value-select1"
-                              className="react-select-custom"
-                              classNamePrefix="custom"
-                              ref={ref}
-                              options={planStatCdList}
-                              onChange={onSelectionChange}
-                              getOptionLabel={(x) => x.clCodeNm}
-                              getOptionValue={(x) => x.clCode}
-                              isSearchable={false}
-                              placeholder="Select"
-                              isClearable={true}
-                            />
-                          </div>
-                        </td> */}
                       </tr>
                       <tr>
                         <th>{getMessage('stuff.planReqPopup.search.period')}</th>

src/components/management/popup/PlanRequestPopQGrid.jsx

@@ -15,7 +15,7 @@ export default function PlanRequestPopQGrid(props) {
 
   const [gridApi, setGridApi] = useState(null)
 
-  const [colDefs, setColDefs] = useState(gridColumns)
+  const [colDefs] = useState(gridColumns)
 
   const defaultColDef = useMemo(() => {
     return {
@@ -65,6 +65,7 @@ export default function PlanRequestPopQGrid(props) {
         onSelectionChanged={onSelectionChanged}
         onCellDoubleClicked={onCellDoubleClicked}
         autoSizeAllColumns={true}
+        rowSelection={props.rowSelection}
         overlayNoRowsTemplate={`<span className="ag-overlay-loading-center">${getMessage('stuff.grid.noData')}</span>`}
       />
     </div>