remove: UITable2 컴포넌트 삭제

2025-07-22 16:28:48 +09:00
parent 8435096e5a
commit 804688b3c1
1 changed files with 0 additions and 155 deletions
@@ -1,155 +0,0 @@
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
-import { useEffect, useState } from "react";
-import UiPageNations from "./uiPageNations";
-
-type UiTableProps = {
-  headName: React.ReactNode | undefined;
-  tableData: { [key: string]: string | number | boolean | object }[];
-  headlist: UiHeadProps[];
-  pageSize: number;
-  total: number;
-  children: React.ReactNode | undefined;
-  cellClick: ((index: number | undefined, headId: string) => void) | undefined;
-  onPageChange: (page: number) => void;
-  className?: string;
-  resetPageNo?: boolean;
-  cur?: number;
-  height?: string; // ✅ 추가된 prop
-};
-
-type UiHeadProps = {
-  id: string;
-  title: string;
-  align?: string;
-};
-
-export function UiTable2({
-  tableData,
-  headlist,
-  pageSize,
-  total,
-  children,
-  headName,
-  cellClick,
-  onPageChange,
-  className = '',
-  resetPageNo = false,
-  cur,
-  height = '45vh', // ✅ 기본값 설정
-}: UiTableProps) {
-  const [idx, setIdx] = useState<number>(-1);
-  const [curState, setCurState] = useState<number>(cur ?? 1);
-
-  useEffect(() => {
-    setCurState(cur ?? 1);
-  }, [cur]);
-
-  useEffect(() => {
-    if (resetPageNo) {
-      setCurState(1);
-      onPageChange(1);
-    }
-  }, [onPageChange, resetPageNo]);
-
-  const handlePageChange = (page: number) => {
-    setCurState(page);
-    onPageChange(page);
-  };
-
-  const handleCellClick = (index: number, headId: string) => {
-    if (cellClick) {
-      cellClick(index, headId);
-      setIdx(index);
-    }
-  };
-
-  const startIdx = (curState - 1) * pageSize;
-
-  return (
-    <>
-      {headName && (
-        <div className="card-header">
-          <div className="flex w-full items-center justify-between">
-            <h3 className="text-2xl font-medium text-label">{headName}</h3>
-          </div>
-        </div>
-      )}
-
-      <div className={`card !m-[1.2rem] !p-0 relative ${className}`}>
-        {/* ✅ 외부에서 조절 가능한 높이 적용 */}
-        <div className="overflow-auto" style={{ height }}>
-          <Table variant="secondary" className="w-full">
-            <TableHeader className="bg-white">
-              {children ? (
-                <>{children}</>
-              ) : (
-                <TableRow>
-                  {headlist.map((head) => (
-                    <TableHead
-                      key={head.id}
-                      className="min-w-[120px] max-w-[180px] w-[150px] 
-                        text-center whitespace-nowrap overflow-hidden 
-                        text-ellipsis bg-white"
-                    >
-                      {head.title}
-                    </TableHead>
-                  ))}
-                </TableRow>
-              )}
-            </TableHeader>
-
-            <TableBody className="text-center">
-              {tableData.length > 0 ? (
-                tableData.map((el, index) => (
-                  <TableRow key={index + "row"}>
-                    {headlist.map((head) => (
-                      <TableCell
-                        key={head.id + index}
-                        className={`
-                          ${head.align === 'right'
-                            ? 'text-right'
-                            : head.align === 'center'
-                              ? 'text-center'
-                              : 'text-center'
-                          }
-                          ${cellClick && idx === index ? '!font-[1000] cursor-pointer' :
-                            cellClick ? 'cursor-pointer' : ''}
-                        `}
-                        onClick={() => handleCellClick(startIdx + index, head.id)}
-                      >
-                        {typeof el[head.id] === 'number'
-                          ? String(el[head.id]).replace(/\B(?=(\d{3})+(?!\d))/g, ",")
-                          : String(el[head.id] ?? '')}
-                      </TableCell>
-                    ))}
-                  </TableRow>
-                ))
-              ) : (
-                <TableRow>
-                  <TableCell colSpan={headlist.length} className="p-0">
-                    {/* ✅ 높이 보장 + 가운데 정렬용 div */}
-                    <div className="flex justify-center items-center text-gray-500" style={{ height: `calc(${height} - 70px)` }}>
-                      <span className="text-xl">🔍 검색 결과가 없습니다.</span>
-                    </div>
-                  </TableCell>
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-        </div>
-
-        {/* 페이지네이션 하단 고정 */}
-        {(
-          <div className="sticky left-0 right-0 bottom-0 bg-white z-20 mt-5">
-            <UiPageNations
-              total={total}
-              cur={curState}
-              pageSize={pageSize}
-              onPageChange={handlePageChange}
-            />
-          </div>
-        )}
-      </div>
-    </>
-  );
-}