이슈 5591 처리 (#391)

Co-authored-by: usbsync <[email protected]>

Author: kimorkim

package.json

@@ -131,7 +131,7 @@
         "chroma-js": "^1.4.0",
         "classnames": "^2.2.6",
         "clipboard": "^2.0.11",
-        "entry_sheet": "https://8a14b1ce074335d7a7d9099b4a0807cc40fc9434:[email protected]/ria/entry_sheet.git",
+        "entry_sheet": "https://8a14b1ce074335d7a7d9099b4a0807cc40fc9434:[email protected]/ria/entry_sheet.git#v0.0.0.26",
         "jest": "^26.0.1",
         "moment": "^2.24.0",
         "react-cookies": "^0.1.0",

src/components/editor/dataAnalytics/TableEditor.jsx

@@ -9,11 +9,16 @@ import { downloadXLSX } from '@utils/dataAnalytics';
 
 const TableEditor = () => {
     const theme = Theme.getStyle('popup');
-    const [showAlert, setShowAlert] = useState(false);
     const { dataAnalytics, dispatch } = useContext(DataAnalyticsContext);
     const { selected = {}, gridRef } = dataAnalytics;
     const { table = [[]] } = selected;
 
+    const [alertMsg, setAlertMsg] = useState({
+        title: '',
+        content: '',
+        isShow: false,
+    });
+
     const handleColumnEdit = useCallback(
         ({ editType, index }) => {
             if (editType === 'ADD') {
@@ -31,15 +36,52 @@ const TableEditor = () => {
         [dispatch]
     );
 
+    const handleRowEdit = useCallback(
+        ({ editType, index }) => {
+            if (editType === 'ADD') {
+                dispatch({
+                    type: 'ADD_ROW',
+                    index,
+                });
+            } else if (editType === 'REMOVE') {
+                dispatch({
+                    type: 'DELETE_ROW',
+                    index,
+                });
+            }
+        },
+        [dispatch]
+    );
+
     const saveExcel = () => {
         const { name } = selected;
         const sheet = gridRef?.current?.getSheetData().data;
         downloadXLSX(sheet, name);
     };
 
-    const handleCellAdd = () => {
-        setShowAlert(true);
-    };
+    const handleCellAdd = useCallback(() => {
+        setAlertMsg({
+            title: CommonUtils.getLang('DataAnalytics.limit_cell_count_title'),
+            content: CommonUtils.getLang('DataAnalytics.limit_cell_count_content'),
+            isShow: true,
+        });
+    }, [setAlertMsg]);
+
+    const handleCellRemove = useCallback(() => {
+        setAlertMsg({
+            title: CommonUtils.getLang('General.alert_title'),
+            content: CommonUtils.getLang('DataAnalytics.must_have_one_row_content'),
+            isShow: true,
+        });
+    }, [setAlertMsg]);
+
+    const handleCloseAlert = useCallback(() => {
+        setAlertMsg({
+            title: '',
+            content: '',
+            isShow: false,
+        });
+    }, [setAlertMsg]);
 
     return (
         <>
@@ -58,7 +100,9 @@ const TableEditor = () => {
                         callBack: {
                             saveExcel,
                             onColumnEdit: handleColumnEdit,
+                            onRowEdit: handleRowEdit,
                             maxCellPopup: handleCellAdd,
+                            minCellPopup: handleCellRemove,
                         },
                         config: {
                             maxCell: 30000,
@@ -86,19 +130,15 @@ const TableEditor = () => {
                     }}
                 />
             </div>
-            {showAlert ? (
+            {alertMsg.isShow && (
                 <AlertModal
-                    content={CommonUtils.getLang('DataAnalytics.limit_cell_count_content')}
-                    title={CommonUtils.getLang('DataAnalytics.limit_cell_count_title')}
-                    onEvent={() => {
-                        setShowAlert(false);
-                    }}
+                    title={alertMsg.title}
+                    content={alertMsg.content}
+                    onEvent={handleCloseAlert}
                     options={{
                         positiveButtonText: CommonUtils.getLang('DataAnalytics.confirm'),
                     }}
                 />
-            ) : (
-                ''
             )}
         </>
     );

src/reducers/dataAnalytics.js

@@ -257,6 +257,22 @@ export const dataAnalyticsReducer = (state, action) => {
                 isChanged: true,
             };
         }
+        case 'ADD_ROW': {
+            const { selected } = state;
+            return {
+                ...state,
+                selected,
+                isChanged: true,
+            };
+        }
+        case 'DELETE_ROW': {
+            const { selected } = state;
+            return {
+                ...state,
+                selected,
+                isChanged: true,
+            };
+        }
         case 'SAVE': {
             const { list, selectedIndex, selected, onSubmitDataAnalytics } = state;
             const { table } = action;

yarn.lock

@@ -6909,9 +6909,9 @@ entities@^4.2.0, entities@^4.3.0, entities@^4.4.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
   integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
 
-"entry_sheet@https://8a14b1ce074335d7a7d9099b4a0807cc40fc9434:[email protected]/ria/entry_sheet.git":
+"entry_sheet@https://8a14b1ce074335d7a7d9099b4a0807cc40fc9434:[email protected]/ria/entry_sheet.git#v0.0.0.26":
   version "1.0.0"
-  resolved "https://8a14b1ce074335d7a7d9099b4a0807cc40fc9434:[email protected]/ria/entry_sheet.git#74a00415221df674502750869ff482b9c31da71a"
+  resolved "https://8a14b1ce074335d7a7d9099b4a0807cc40fc9434:[email protected]/ria/entry_sheet.git#237ef30da0a3f2031ededde9f754c991704facc0"
   dependencies:
     "@emotion/core" "^10.1.1"
     "@emotion/styled" "^10.0.27"