- {getFileIcon(file.realFileName || file.savedFileName || "", 20)}
+ {getFileIcon(file.real_file_name || file.saved_file_name || "", 20)}
{codeName}
@@ -368,8 +368,8 @@ export function MultiColumnHierarchySelect({
) : (
smallOptions.map((code) => {
- const codeValue = code.codeValue || code.code_value || "";
- const codeName = code.codeName || code.code_name || "";
+ const codeValue = code.code_value || "";
+ const codeName = code.code_name || "";
return (
{codeName}
diff --git a/frontend/components/common/MultiTableExcelUploadModal.tsx b/frontend/components/common/MultiTableExcelUploadModal.tsx
index 586ee0d7..21166b48 100644
--- a/frontend/components/common/MultiTableExcelUploadModal.tsx
+++ b/frontend/components/common/MultiTableExcelUploadModal.tsx
@@ -367,14 +367,14 @@ export const MultiTableExcelUploadModal: React.FC col.inputType === "category"
+ (col: any) => col.input_type === "category"
);
if (categoryColumns.length === 0) continue;
// 매핑된 컬럼 중 카테고리 타입인 것 찾기
for (const catCol of categoryColumns) {
- const catColName = catCol.columnName || catCol.column_name;
- const catDisplayName = catCol.displayName || catCol.display_name || catColName;
+ const catColName = catCol.column_name;
+ const catDisplayName = catCol.display_name || catColName;
// level.columns에서 해당 dbColumn 찾기
const levelCol = level.columns.find((lc) => lc.dbColumn === catColName);
diff --git a/frontend/components/common/ScreenModal.tsx b/frontend/components/common/ScreenModal.tsx
index 1d330d5b..00cd9b70 100644
--- a/frontend/components/common/ScreenModal.tsx
+++ b/frontend/components/common/ScreenModal.tsx
@@ -46,7 +46,7 @@ export const ScreenModal: React.FC = ({ className }) => {
const { userId, userName, user } = useAuth();
const splitPanelContext = useSplitPanelContext();
const tabId = useTabId();
- const activeTabId = useTabStore((s) => s[s.mode].activeTabId);
+ const activeTabId = useTabStore((s) => s[s.mode].active_tab_id);
const [modalState, setModalState] = useState({
isOpen: false,
@@ -112,12 +112,12 @@ export const ScreenModal: React.FC = ({ className }) => {
const bindingUpdates: Record = {};
for (const comp of screenData.components) {
const db =
- comp.componentConfig?.dataBinding ||
+ comp.component_config?.dataBinding ||
(comp as any).dataBinding;
if (!db?.sourceComponentId || !db?.sourceColumn) continue;
if (db.sourceComponentId !== detail.source) continue;
- const colName = (comp as any).columnName || comp.componentConfig?.columnName;
+ const colName = (comp as any).columnName || comp.component_config?.columnName;
if (!colName) continue;
const selectedRow = detail.data[0];
@@ -209,7 +209,7 @@ export const ScreenModal: React.FC = ({ className }) => {
const handleOpenModal = (event: CustomEvent) => {
// 활성 탭에서만 이벤트 처리 (다른 탭의 ScreenModal 인스턴스는 무시)
const storeState = useTabStore.getState();
- const currentActiveTabId = storeState[storeState.mode].activeTabId;
+ const currentActiveTabId = storeState[storeState.mode].active_tab_id;
if (tabId && tabId !== currentActiveTabId) return;
const {
@@ -290,7 +290,7 @@ export const ScreenModal: React.FC = ({ className }) => {
// 예: 설비의 manufacturer가 소모품의 manufacturer로 들어감
// parentDataMapping에서 명시된 필드만 추출
- const parentDataMapping = splitPanelContext?.parentDataMapping || [];
+ const parentDataMapping = splitPanelContext?.parent_data_mapping || [];
// 부모 데이터 소스
// 🔧 수정: 여러 소스를 병합 (우선순위: splitPanelParentData > selectedLeftData > 기존 formData의 링크 필드)
@@ -298,7 +298,7 @@ export const ScreenModal: React.FC = ({ className }) => {
// - splitPanelParentData: item_info 데이터 (screen 226에서 전달)
// - selectedLeftData: customer_mng 데이터 (SplitPanel 좌측 선택)
// - 기존 formData: 이전 모달에서 설정된 link 필드 (customer_code 등)
- const contextData = splitPanelContext?.selectedLeftData || {};
+ const contextData = splitPanelContext?.selected_left_data || {};
const eventData = splitPanelParentData && Object.keys(splitPanelParentData).length > 0
? splitPanelParentData
: {};
@@ -342,9 +342,9 @@ export const ScreenModal: React.FC = ({ className }) => {
// parentDataMapping에 정의된 필드만 전달
for (const mapping of parentDataMapping) {
- const sourceValue = rawParentData[mapping.sourceColumn];
+ const sourceValue = rawParentData[mapping.source_column];
if (sourceValue !== undefined && sourceValue !== null) {
- parentData[mapping.targetColumn] = sourceValue;
+ parentData[mapping.target_column] = sourceValue;
}
}
@@ -524,7 +524,7 @@ export const ScreenModal: React.FC = ({ className }) => {
const urlParams = new URLSearchParams(window.location.search);
const mode = urlParams.get("mode");
const editId = urlParams.get("editId");
- const tableName = urlParams.get("tableName") || screenInfo.tableName;
+ const tableName = urlParams.get("tableName") || screenInfo.table_name;
const groupByColumnsParam = urlParams.get("groupByColumns");
const primaryKeyColumn = urlParams.get("primaryKeyColumn"); // 🆕 Primary Key 컬럼명
@@ -723,7 +723,7 @@ export const ScreenModal: React.FC = ({ className }) => {
console.log("[ScreenModal] 조건부 레이어 로드 완료:", layerDefs.length, "개",
layerDefs.map((l) => ({
- id: l.id, name: l.name, conditionValue: l.conditionValue,
+ id: l.id, name: l.name, conditionValue: l.condition_value,
componentCount: l.components.length,
condition: l.condition,
}))
@@ -744,7 +744,7 @@ export const ScreenModal: React.FC = ({ className }) => {
conditionalLayers.forEach((layer) => {
if (!layer.condition) return;
- const { targetComponentId, operator, value } = layer.condition;
+ const { target_component_id: targetComponentId, operator, value } = layer.condition;
if (!targetComponentId) return;
// V2 레이아웃: overrides.columnName 우선
@@ -813,7 +813,7 @@ export const ScreenModal: React.FC = ({ className }) => {
const currentActiveLayerIds = conditionalLayers
.filter((layer) => {
if (!layer.condition) return false;
- const { targetComponentId, operator, value } = layer.condition;
+ const { target_component_id: targetComponentId, operator, value } = layer.condition;
if (!targetComponentId) return false;
const allComponents = screenData?.components || [];
@@ -1075,8 +1075,8 @@ export const ScreenModal: React.FC = ({ className }) => {
) : screenData ? (
- {file.realFileName || file.savedFileName}
+ {file.real_file_name || file.saved_file_name}
- {formatFileSize(file.fileSize)}
+ {formatFileSize(file.size)}
code.code_value)}
+ items={visibleCodes.map((code) => code.code_value || "")}
strategy={verticalListSortingStrategy}
>
{visibleCodes.map((code, index) => {
diff --git a/frontend/components/admin/CodeFormModal.tsx b/frontend/components/admin/CodeFormModal.tsx
index b5a8847b..3e1e9737 100644
--- a/frontend/components/admin/CodeFormModal.tsx
+++ b/frontend/components/admin/CodeFormModal.tsx
@@ -64,7 +64,7 @@ export function CodeFormModal({
categoryCode,
"codeName",
validationStates.codeName.value,
- isEditing ? editingCode?.codeValue || editingCode?.code_value : undefined,
+ isEditing ? editingCode?.code_value : undefined,
validationStates.codeName.enabled,
);
@@ -96,22 +96,22 @@ export function CodeFormModal({
if (isOpen) {
if (isEditing && editingCode) {
// 수정 모드: 기존 데이터 로드 (codeValue는 표시용으로만 설정)
- const parentValue = editingCode.parentCodeValue || editingCode.parent_code_value || "";
+ const parentValue = editingCode.parent_code_value || "";
form.reset({
- codeName: editingCode.codeName || editingCode.code_name,
- codeNameEng: editingCode.codeNameEng || editingCode.code_name_eng || "",
+ codeName: editingCode.code_name,
+ codeNameEng: editingCode.code_name_eng || "",
description: editingCode.description || "",
- sortOrder: editingCode.sortOrder || editingCode.sort_order,
- isActive: (editingCode.isActive || editingCode.is_active) as "Y" | "N",
+ sortOrder: editingCode.sort_order,
+ isActive: editingCode.is_active as "Y" | "N",
parentCodeValue: parentValue,
});
// codeValue는 별도로 설정 (표시용)
- form.setValue("codeValue" as any, editingCode.codeValue || editingCode.code_value);
+ form.setValue("codeValue" as any, editingCode.code_value);
} else {
// 새 코드 모드: 자동 순서 계산
- const maxSortOrder = codes.length > 0 ? Math.max(...codes.map((c) => c.sortOrder || c.sort_order || 0)) : 0;
+ const maxSortOrder = codes.length > 0 ? Math.max(...codes.map((c) => c.sort_order || 0)) : 0;
// 기본 부모 코드가 있으면 설정 (하위 코드 추가 시)
const parentValue = defaultParentCode || "";
@@ -137,7 +137,7 @@ export function CodeFormModal({
// 수정
await updateCodeMutation.mutateAsync({
categoryCode,
- codeValue: editingCode.codeValue || editingCode.code_value || "",
+ codeValue: editingCode.code_value || "",
data: data as UpdateCodeData,
});
} else {
@@ -252,9 +252,9 @@ export function CodeFormModal({
= { inputType: inputType as any };
+ const inputTypeOption = INPUT_TYPE_OPTIONS.find((opt) => opt.value === inputType) as any;
+ const updates: Partial = { input_type: inputType as any };
// 길이를 지원하는 타입이고 현재 길이가 없으면 기본값 설정
if (inputTypeOption?.supportsLength && !columns[index].length && inputTypeOption.defaultLength) {
@@ -183,7 +183,7 @@ export function ColumnDefinitionTable({ columns, onChange, disabled = false }: C
{columns.map((column, index) => {
- const inputTypeOption = INPUT_TYPE_OPTIONS.find((opt) => opt.value === column.inputType);
+ const inputTypeOption = INPUT_TYPE_OPTIONS.find((opt) => opt.value === column.input_type) as any;
const rowErrors = validationErrors[index] || [];
const hasRowError = rowErrors.length > 0;
@@ -220,7 +220,7 @@ export function ColumnDefinitionTable({ columns, onChange, disabled = false }: C
@@ -353,8 +353,8 @@ export function BarcodeDesignerRightPanel() {
{(() => {
- const parentCode = codes.find((c) => (c.codeValue || c.code_value) === defaultParentCode);
+ const parentCode = codes.find((c) => c.code_value === defaultParentCode);
return parentCode
- ? `${parentCode.codeName || parentCode.code_name} (${defaultParentCode})`
+ ? `${parentCode.code_name} (${defaultParentCode})`
: defaultParentCode;
})()}
diff --git a/frontend/components/admin/CollectionConfigModal.tsx b/frontend/components/admin/CollectionConfigModal.tsx
index ea099bfa..fa25402f 100644
--- a/frontend/components/admin/CollectionConfigModal.tsx
+++ b/frontend/components/admin/CollectionConfigModal.tsx
@@ -5,8 +5,8 @@ import {
Dialog,
DialogContent,
DialogHeader,
-
-
+ DialogTitle,
+ DialogFooter,
} from "@/components/ui/dialog";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
diff --git a/frontend/components/admin/ColumnDefinitionTable.tsx b/frontend/components/admin/ColumnDefinitionTable.tsx
index 5ad02693..dee7761a 100644
--- a/frontend/components/admin/ColumnDefinitionTable.tsx
+++ b/frontend/components/admin/ColumnDefinitionTable.tsx
@@ -106,12 +106,12 @@ export function ColumnDefinitionTable({ columns, onChange, disabled = false }: C
}
// 입력타입 검증
- if (!column.inputType) {
+ if (!column.input_type) {
errors.push("입력타입을 선택해주세요");
}
// 길이 검증 (길이를 지원하는 타입인 경우)
- const inputTypeOption = INPUT_TYPE_OPTIONS.find((opt) => opt.value === column.inputType);
+ const inputTypeOption = INPUT_TYPE_OPTIONS.find((opt) => opt.value === column.input_type) as any;
if (inputTypeOption?.supportsLength && column.length !== undefined) {
if (column.length < VALIDATION_RULES.columnLength.min || column.length > VALIDATION_RULES.columnLength.max) {
errors.push(VALIDATION_RULES.columnLength.errorMessage);
@@ -131,8 +131,8 @@ export function ColumnDefinitionTable({ columns, onChange, disabled = false }: C
* 입력타입 변경 시 길이 기본값 설정
*/
const handleInputTypeChange = (index: number, inputType: string) => {
- const inputTypeOption = INPUT_TYPE_OPTIONS.find((opt) => opt.value === inputType);
- const updates: Partial
update({ lineColor: e.target.value })}
+ value={selected.line_color || "#000000"}
+ onChange={(e) => update({ line_color: e.target.value })}
className="h-9 w-20 p-1"
/>
@@ -341,8 +341,8 @@ export function BarcodeDesignerRightPanel() {
update({ backgroundColor: e.target.value })}
+ value={selected.background_color || "#ffffff"}
+ onChange={(e) => update({ background_color: e.target.value })}
className="h-9 w-20 p-1"
/>
update({ imageUrl: e.target.value })}
+ value={selected.image_url || ""}
+ onChange={(e) => update({ image_url: e.target.value })}
placeholder="https://..."
/>
})
) : (
@@ -211,9 +211,9 @@ export function BarcodeLabelCanvasComponent({ component }: Props) {
);
@@ -223,8 +223,8 @@ export function BarcodeLabelCanvasComponent({ component }: Props) {
style={{
width: "100%",
height: "100%",
- backgroundColor: component.backgroundColor || "transparent",
- border: `${component.lineWidth || 1}px solid ${component.lineColor || "#000"}`,
+ backgroundColor: component.background_color || "transparent",
+ border: `${component.line_width || 1}px solid ${component.line_color || "#000"}`,
}}
/>
);
diff --git a/frontend/components/common/CascadingDropdown.tsx b/frontend/components/common/CascadingDropdown.tsx
index 026c8868..54776822 100644
--- a/frontend/components/common/CascadingDropdown.tsx
+++ b/frontend/components/common/CascadingDropdown.tsx
@@ -98,27 +98,27 @@ export function CascadingDropdown({
// 부모 값 변경 시 자동 초기화
useEffect(() => {
- if (config.clearOnParentChange !== false) {
- if (prevParentValueRef.current !== undefined &&
- prevParentValueRef.current !== parentValue &&
+ if (config.clear_on_parent_change !== false) {
+ if (prevParentValueRef.current !== undefined &&
+ prevParentValueRef.current !== parentValue &&
value) {
// 부모 값이 변경되면 현재 값 초기화
onChange?.("");
}
}
prevParentValueRef.current = parentValue;
- }, [parentValue, config.clearOnParentChange, value, onChange]);
+ }, [parentValue, config.clear_on_parent_change, value, onChange]);
// 부모 값이 없을 때 메시지
const getPlaceholder = () => {
if (!parentValue) {
- return config.emptyParentMessage || "상위 항목을 먼저 선택하세요";
+ return config.empty_parent_message || "상위 항목을 먼저 선택하세요";
}
if (loading) {
- return config.loadingMessage || "로딩 중...";
+ return config.loading_message || "로딩 중...";
}
if (options.length === 0) {
- return config.noOptionsMessage || "선택 가능한 항목이 없습니다";
+ return config.no_options_message || "선택 가능한 항목이 없습니다";
}
return placeholder || "선택하세요";
};
@@ -152,7 +152,7 @@ export function CascadingDropdown({
= ({
console.log("🔍 엔티티 데이터 조회:", refTable);
const response = await DynamicFormApi.getTableData(refTable, {
page: 1,
- pageSize: 1000,
+ page_size: 1000,
});
console.log("🔍 엔티티 데이터 응답:", response);
// getTableData는 { success, data: [...] } 형식으로 반환
@@ -521,12 +521,12 @@ export const ExcelUploadModal: React.FC = ({
const typeResponse = await getTableColumns(tbl);
if (typeResponse.success && typeResponse.data?.columns) {
for (const tc of typeResponse.data.columns) {
- if (tc.inputType === "numbering") {
+ if (tc.input_type === "numbering") {
try {
- const settings = typeof tc.detailSettings === "string"
- ? JSON.parse(tc.detailSettings) : tc.detailSettings;
+ const settings = typeof tc.detail_settings === "string"
+ ? JSON.parse(tc.detail_settings) : tc.detail_settings;
if (settings?.numberingRuleId) {
- numberingColSet.add(tc.columnName);
+ numberingColSet.add(tc.column_name);
}
} catch { /* 파싱 실패 무시 */ }
}
@@ -672,7 +672,7 @@ export const ExcelUploadModal: React.FC = ({
}
const categoryColumns = colResponse.data.columns.filter(
- (col: any) => col.inputType === "category"
+ (col: any) => col.input_type === "category"
);
if (categoryColumns.length === 0) {
@@ -693,13 +693,13 @@ export const ExcelUploadModal: React.FC = ({
: mapping.systemColumn;
const catCol = categoryColumns.find(
- (cc: any) => (cc.columnName || cc.column_name) === rawName
+ (cc: any) => cc.column_name === rawName
);
if (catCol) {
mappedCategoryColumns.push({
systemCol: rawName,
excelCol: mapping.excelColumn,
- displayName: catCol.displayName || catCol.display_name || rawName,
+ displayName: catCol.display_name || rawName,
});
}
}
@@ -968,18 +968,18 @@ export const ExcelUploadModal: React.FC = ({
if (response.success && response.data?.columns) {
for (const col of response.data.columns) {
- if (col.inputType === "numbering") {
+ if (col.input_type === "numbering") {
try {
const settings =
- typeof col.detailSettings === "string"
- ? JSON.parse(col.detailSettings)
- : col.detailSettings;
+ typeof col.detail_settings === "string"
+ ? JSON.parse(col.detail_settings)
+ : col.detail_settings;
if (settings?.numberingRuleId) {
console.log(
- `✅ 채번 컬럼 자동 감지: ${col.columnName} → 규칙 ID: ${settings.numberingRuleId}`
+ `✅ 채번 컬럼 자동 감지: ${col.column_name} → 규칙 ID: ${settings.numberingRuleId}`
);
return {
- columnName: col.columnName,
+ columnName: col.column_name,
numberingRuleId: settings.numberingRuleId,
};
}
@@ -1173,7 +1173,7 @@ export const ExcelUploadModal: React.FC = ({
// DynamicFormApi.getTableData 사용
const existingResponse = await DynamicFormApi.getTableData(tableName, {
page: 1,
- pageSize: 10000,
+ page_size: 10000,
});
console.log("📊 중복 체크용 기존 데이터 조회 결과:", existingResponse);
diff --git a/frontend/components/common/MultiColumnHierarchySelect.tsx b/frontend/components/common/MultiColumnHierarchySelect.tsx
index 1face82e..372174d3 100644
--- a/frontend/components/common/MultiColumnHierarchySelect.tsx
+++ b/frontend/components/common/MultiColumnHierarchySelect.tsx
@@ -275,8 +275,8 @@ export function MultiColumnHierarchySelect({
{largeOptions.map((code) => {
- const codeValue = code.codeValue || code.code_value || "";
- const codeName = code.codeName || code.code_name || "";
+ const codeValue = code.code_value || "";
+ const codeName = code.code_name || "";
return (
{codeName}
@@ -321,8 +321,8 @@ export function MultiColumnHierarchySelect({
) : (
mediumOptions.map((code) => {
- const codeValue = code.codeValue || code.code_value || "";
- const codeName = code.codeName || code.code_name || "";
+ const codeValue = code.code_value || "";
+ const codeName = code.code_name || "";
return (
또는 나중에 업로드 기능 연동
diff --git a/frontend/components/barcode/designer/BarcodeDesignerToolbar.tsx b/frontend/components/barcode/designer/BarcodeDesignerToolbar.tsx index a7b0f598..6f57e7d9 100644 --- a/frontend/components/barcode/designer/BarcodeDesignerToolbar.tsx +++ b/frontend/components/barcode/designer/BarcodeDesignerToolbar.tsx @@ -71,7 +71,7 @@ export function BarcodeDesignerToolbar() { setCreating(true); try { const createRes = await barcodeApi.createLabel({ - labelNameKor: name, + label_name_kor: name, }); if (!createRes.success || !createRes.data?.labelId) throw new Error(createRes.message || "생성 실패"); const newId = createRes.data.labelId; @@ -79,7 +79,7 @@ export function BarcodeDesignerToolbar() { await barcodeApi.saveLayout(newId, { width_mm: widthMm, height_mm: heightMm, - components: components.map((c, i) => ({ ...c, zIndex: i })), + components: components.map((c, i) => ({ ...c, z_index: i })), }); toast({ title: "저장됨", description: "라벨이 생성되었습니다." }); @@ -145,7 +145,7 @@ export function BarcodeDesignerToolbar() { layout={{ width_mm: widthMm, height_mm: heightMm, - components: components.map((c, i) => ({ ...c, zIndex: i })), + components: components.map((c, i) => ({ ...c, z_index: i })), }} labelName={labelMaster?.label_name_kor || "라벨"} /> diff --git a/frontend/components/barcode/designer/BarcodeLabelCanvasComponent.tsx b/frontend/components/barcode/designer/BarcodeLabelCanvasComponent.tsx index 3567d916..b19e40cd 100644 --- a/frontend/components/barcode/designer/BarcodeLabelCanvasComponent.tsx +++ b/frontend/components/barcode/designer/BarcodeLabelCanvasComponent.tsx @@ -147,12 +147,12 @@ export function BarcodeLabelCanvasComponent({ component }: Props) { top: component.y, width: component.width, height: component.height, - zIndex: component.zIndex, + zIndex: component.z_index, }; const border = selected ? "2px solid #2563eb" : "1px solid transparent"; const isBarcode = component.type === "barcode"; - const isQR = component.barcodeType === "QR"; + const isQR = component.barcode_type === "QR"; const content = () => { switch (component.type) { @@ -160,9 +160,9 @@ export function BarcodeLabelCanvasComponent({ component }: Props) { return ( ); } return (
{!parentValue
- ? config.emptyParentMessage || "상위 항목을 먼저 선택하세요"
- : config.noOptionsMessage || "선택 가능한 항목이 없습니다"}
+ ? config.empty_parent_message || "상위 항목을 먼저 선택하세요"
+ : config.no_options_message || "선택 가능한 항목이 없습니다"}
) : (
options.map((option) => (
diff --git a/frontend/components/common/ExcelUploadModal.tsx b/frontend/components/common/ExcelUploadModal.tsx
index 087df420..6f1316c8 100644
--- a/frontend/components/common/ExcelUploadModal.tsx
+++ b/frontend/components/common/ExcelUploadModal.tsx
@@ -257,7 +257,7 @@ export const ExcelUploadModal: React.FC
-
출처: {exchangeRate.source}
+출처: 환율 API
-
@@ -57,7 +57,7 @@ export const EdgeInfoPanel: React.FC{edgeInfo.relationshipName}
+ {edgeInfo.relationship_name}
데이터 관계 정보
연결 유형
- {edgeInfo.connectionType}
+ {edgeInfo.connection_type}
FROM
- {edgeInfo.fromTable}
+ {edgeInfo.from_table}
- {edgeInfo.fromColumns.map((column, index) => (
+ {edgeInfo.from_columns.map((column, index) => (
= ({
{/* To 테이블 */}
{/* 연결 화살표 (마지막이 아닌 경우) */}
diff --git a/frontend/components/dataflow/connection/ActionConditionsSection.tsx b/frontend/components/dataflow/connection/ActionConditionsSection.tsx
index e57050f8..a5a2a417 100644
--- a/frontend/components/dataflow/connection/ActionConditionsSection.tsx
+++ b/frontend/components/dataflow/connection/ActionConditionsSection.tsx
@@ -33,7 +33,7 @@ export const ActionConditionsSection: React.FC = (
const { addActionGroupStart, addActionGroupEnd, getActionCurrentGroupLevel } = useActionConditionHelpers();
// INSERT가 아닌 액션 타입인지 확인
- const isConditionRequired = action.actionType !== "insert";
+ const isConditionRequired = action.action_type !== "insert";
// 유효한 조건이 있는지 확인 (group-start, group-end만 있는 경우 제외)
const hasValidConditions =
@@ -161,7 +161,7 @@ export const ActionConditionsSection: React.FC = (
TO
- {edgeInfo.toTable}
+ {edgeInfo.to_table}
- {edgeInfo.toColumns.map((column, index) => (
+ {edgeInfo.to_columns.map((column, index) => (
= ({
}
// 연결 설정 모달 열기
- const fromTable = nodes.find((node) => node.data?.table?.tableName === relationship.fromTable);
- const toTable = nodes.find((node) => node.data?.table?.tableName === relationship.toTable);
+ const fromTable = nodes.find((node) => node.data?.table?.table_name === relationship.fromTable);
+ const toTable = nodes.find((node) => node.data?.table?.table_name === relationship.toTable);
if (fromTable && toTable) {
onSetPendingConnection({
fromNode: {
id: fromTable.id,
tableName: relationship.fromTable,
- displayName: fromTable.data?.table?.displayName || relationship.fromTable,
+ displayName: fromTable.data?.table?.display_name || relationship.fromTable,
},
toNode: {
id: toTable.id,
tableName: relationship.toTable,
- displayName: toTable.data?.table?.displayName || relationship.toTable,
+ displayName: toTable.data?.table?.display_name || relationship.toTable,
},
selectedColumnsData: {
[relationship.fromTable]: {
- displayName: fromTable.data?.table?.displayName || relationship.fromTable,
+ displayName: fromTable.data?.table?.display_name || relationship.fromTable,
columns: relationship.fromColumns || [],
},
[relationship.toTable]: {
- displayName: toTable.data?.table?.displayName || relationship.toTable,
+ displayName: toTable.data?.table?.display_name || relationship.toTable,
columns: relationship.toColumns || [],
},
},
diff --git a/frontend/components/dataflow/SaveDiagramModal.tsx b/frontend/components/dataflow/SaveDiagramModal.tsx
index 53d67afa..5fae22e3 100644
--- a/frontend/components/dataflow/SaveDiagramModal.tsx
+++ b/frontend/components/dataflow/SaveDiagramModal.tsx
@@ -12,6 +12,7 @@ import {
import {
AlertDialog,
AlertDialogAction,
+ AlertDialogFooter,
AlertDialogContent,
AlertDialogHeader,
AlertDialogTitle,
diff --git a/frontend/components/dataflow/SelectedTablesPanel.tsx b/frontend/components/dataflow/SelectedTablesPanel.tsx
index 319051e4..67c99490 100644
--- a/frontend/components/dataflow/SelectedTablesPanel.tsx
+++ b/frontend/components/dataflow/SelectedTablesPanel.tsx
@@ -57,7 +57,7 @@ export const SelectedTablesPanel: React.FC = ({
const node = nodes.find((n) => n.id === nodeId);
if (!node) return null;
- const { tableName, displayName } = node.data.table;
+ const { table_name, display_name } = node.data.table;
return (
-
{/* 테이블 정보 */}
@@ -76,7 +76,7 @@ export const SelectedTablesPanel: React.FC = ({
index === 0 ? "text-success" : index === 1 ? "text-primary" : "text-foreground"
}`}
>
- {displayName}
+ {display_name}
{selectedNodes.length === 2 && (
= ({
)}
{tableName}
+ {table_name}
실행조건이 필요합니다
- {action.actionType.toUpperCase()} 액션은 언제 실행될지 결정하는 조건이 반드시 필요합니다.
+ {action.action_type.toUpperCase()} 액션은 언제 실행될지 결정하는 조건이 반드시 필요합니다.
필드, 연산자, 값을 모두 입력해야 합니다.
diff --git a/frontend/components/dataflow/connection/ActionFieldMappings.tsx b/frontend/components/dataflow/connection/ActionFieldMappings.tsx index 4e13a86e..0dfa2632 100644 --- a/frontend/components/dataflow/connection/ActionFieldMappings.tsx +++ b/frontend/components/dataflow/connection/ActionFieldMappings.tsx @@ -44,10 +44,10 @@ export const ActionFieldMappings: React.FC = ({
enableMultiConnection = false,
}) => {
// 🆕 다중 커넥션 상태 관리
- const [fromConnectionId, setFromConnectionId] = useState(action.fromConnection?.connectionId);
- const [toConnectionId, setToConnectionId] = useState(action.toConnection?.connectionId);
- const [selectedFromTable, setSelectedFromTable] = useState(action.fromTable || fromTableName);
- const [selectedToTable, setSelectedToTable] = useState(action.targetTable || toTableName);
+ const [fromConnectionId, setFromConnectionId] = useState((action as any).fromConnection?.connectionId);
+ const [toConnectionId, setToConnectionId] = useState((action as any).toConnection?.connectionId);
+ const [selectedFromTable, setSelectedFromTable] = useState((action as any).fromTable || fromTableName);
+ const [selectedToTable, setSelectedToTable] = useState((action as any).targetTable || toTableName);
// 다중 커넥션이 활성화된 경우 새로운 UI 렌더링
if (enableMultiConnection) {
@@ -55,7 +55,7 @@ export const ActionFieldMappings: React.FC = ({
}
// 기존 INSERT 액션 처리 (단일 커넥션)
- if (action.actionType === "insert" && fromTableColumns.length > 0 && toTableColumns.length > 0) {
+ if (action.action_type === "insert" && fromTableColumns.length > 0 && toTableColumns.length > 0) {
return (
= ({
const handleToTableChange = (tableName: string) => {
setSelectedToTable(tableName);
- updateActionTable("targetTable", tableName);
+ updateActionTable("target_table", tableName);
};
// 액션 커넥션 정보 업데이트
const updateActionConnection = (type: "fromConnection" | "toConnection", connectionId: number) => {
const newActions = [...settings.actions];
- if (!newActions[actionIndex][type]) {
- newActions[actionIndex][type] = {};
+ if (!(newActions[actionIndex] as any)[type]) {
+ (newActions[actionIndex] as any)[type] = {};
}
- newActions[actionIndex][type]!.connectionId = connectionId;
+ (newActions[actionIndex] as any)[type]!.connectionId = connectionId;
onSettingsChange({ ...settings, actions: newActions });
};
// 액션 테이블 정보 업데이트
- const updateActionTable = (type: "fromTable" | "targetTable", tableName: string) => {
+ const updateActionTable = (type: "fromTable" | "target_table", tableName: string) => {
const newActions = [...settings.actions];
- newActions[actionIndex][type] = tableName;
+ (newActions[actionIndex] as any)[type] = tableName;
onSettingsChange({ ...settings, actions: newActions });
};
@@ -124,7 +124,7 @@ export const ActionFieldMappings: React.FC = ({
toConnectionId={toConnectionId}
onFromConnectionChange={handleFromConnectionChange}
onToConnectionChange={handleToConnectionChange}
- actionType={action.actionType}
+ actionType={action.action_type}
allowSameConnection={true}
/>
@@ -137,7 +137,7 @@ export const ActionFieldMappings: React.FC = ({
selectedToTable={selectedToTable}
onFromTableChange={handleFromTableChange}
onToTableChange={handleToTableChange}
- actionType={action.actionType}
+ actionType={action.action_type}
allowSameTable={true}
showSameTableWarning={true}
/>
@@ -151,7 +151,7 @@ export const ActionFieldMappings: React.FC = ({
// 액션 타입별 패널 렌더링
function renderActionSpecificPanel() {
- switch (action.actionType) {
+ switch (action.action_type) {
case "insert":
return (
= ({
}
const addFieldMapping = () => {
const newActions = [...settings.actions];
- newActions[actionIndex].fieldMappings.push({
- sourceTable: "",
- sourceField: "",
- targetTable: "",
- targetField: "",
- defaultValue: "",
- transformFunction: "",
+ newActions[actionIndex].field_mappings.push({
+ source_table: "",
+ source_field: "",
+ target_table: "",
+ target_field: "",
+ default_value: "",
});
onSettingsChange({ ...settings, actions: newActions });
};
const updateFieldMapping = (mappingIndex: number, field: string, value: string) => {
const newActions = [...settings.actions];
- (newActions[actionIndex].fieldMappings[mappingIndex] as any)[field] = value;
+ (newActions[actionIndex].field_mappings[mappingIndex] as any)[field] = value;
onSettingsChange({ ...settings, actions: newActions });
};
const removeFieldMapping = (mappingIndex: number) => {
const newActions = [...settings.actions];
- newActions[actionIndex].fieldMappings = newActions[actionIndex].fieldMappings.filter((_, i) => i !== mappingIndex);
+ newActions[actionIndex].field_mappings = newActions[actionIndex].field_mappings.filter((_: unknown, i: number) => i !== mappingIndex);
onSettingsChange({ ...settings, actions: newActions });
};
@@ -236,9 +235,9 @@ export const ActionFieldMappings: React.FC = ({
필드, 연산자, 값을 모두 입력해야 합니다.
diff --git a/frontend/components/dataflow/connection/ActionFieldMappings.tsx b/frontend/components/dataflow/connection/ActionFieldMappings.tsx index 4e13a86e..0dfa2632 100644 --- a/frontend/components/dataflow/connection/ActionFieldMappings.tsx +++ b/frontend/components/dataflow/connection/ActionFieldMappings.tsx @@ -44,10 +44,10 @@ export const ActionFieldMappings: React.FC
- {action.fieldMappings.map((mapping, mappingIndex) => (
+ {action.field_mappings.map((mapping, mappingIndex) => (
{/* 컴팩트한 매핑 표시 */}
@@ -246,16 +245,16 @@ export const ActionFieldMappings: React.FC = ({
{/* 소스 */}
- {mapping.sourceTable && (
+ {mapping.source_table && (