🗃️ CommonCodePicker

공통코드 그룹에서 단일/다중 선택. 검색 · 활성여부 필터 내장. 데모는 샘플 코드그룹 STATUS, COUNTRY 를 가정합니다. (실제 호출은 /api/v1/admin/code/groups/:id/details 또는 공개 웹 엔드포인트로 fallback.)

라이브 데모

선택값: —

사용법

import { CommonCodePicker } from "~/features/common";

const [open, setOpen] = useState(false);
<CommonCodePicker
    open={open}
    onClose={() => setOpen(false)}
    codeGroupId="STATUS"
    value={current}
    onSelect={(sel) => {
        const s = sel as CodeDetail;
        setCurrent(s.codeId);
    }}
/>

// 다중 선택은 multi prop 추가
<CommonCodePicker multi codeGroupId="BANK" value={banks}
    onSelect={(arr) => setBanks((arr as CodeDetail[]).map(c => c.codeId))} />