"use client";

/**
 * pop-card-list-v2 컴포넌트 레지스트리 등록 진입점
 *
 * import 시 side-effect로 PopComponentRegistry에 자동 등록
 */

import { PopComponentRegistry } from "../../PopComponentRegistry";
import { PopCardListV2Component } from "./PopCardListV2Component";
import { PopCardListV2ConfigPanel } from "./PopCardListV2Config";
import { PopCardListV2PreviewComponent } from "./PopCardListV2Preview";
import type { PopCardListV2Config } from "../types";

const defaultConfig: PopCardListV2Config = {
  dataSource: { tableName: "" },
  cardGrid: {
    rows: 1,
    cols: 1,
    colWidths: ["1fr"],
    rowHeights: ["32px"],
    gap: 4,
    showCellBorder: true,
    cells: [],
  },
  gridColumns: 3,
  cardGap: 8,
  scrollDirection: "vertical",
  overflow: { mode: "loadMore", visibleCount: 6, loadMoreCount: 6 },
  cardClickAction: "none",
};

PopComponentRegistry.registerComponent({
  id: "pop-card-list-v2",
  name: "MES 공정흐름",
  description: "MES 생산실적 카드 레이아웃 (공정 흐름 + 상태 관리)",
  category: "display",
  icon: "LayoutGrid",
  component: PopCardListV2Component,
  configPanel: PopCardListV2ConfigPanel,
  preview: PopCardListV2PreviewComponent,
  defaultProps: defaultConfig,
  connectionMeta: {
    sendable: [
      { key: "selected_row", label: "선택된 행", type: "selected_row", category: "data", description: "사용자가 선택한 카드의 행 데이터를 전달" },
      { key: "all_rows", label: "전체 데이터", type: "all_rows", category: "data", description: "필터 적용 전 전체 데이터 배열 (상태 칩 건수 등)" },
      { key: "collected_data", label: "수집 응답", type: "event", category: "event", description: "데이터 수집 요청에 대한 응답 (항목 + 매핑)" },
    ],
    receivable: [
      { key: "filter_condition", label: "필터 조건", type: "filter_value", category: "filter", description: "외부 컴포넌트에서 받은 필터 조건으로 카드 목록 필터링" },
      { key: "collect_data", label: "수집 요청", type: "event", category: "event", description: "버튼에서 데이터+매핑 수집 요청 수신" },
    ],
  },
  touchOptimized: true,
  supportedDevices: ["mobile", "tablet"],
});
