st: feat: 일반검증 관리 기능 작업 중

apps/st/src/entities/code/index.ts

@@ -1,6 +1,7 @@
 export { CodeApi } from "./api/code-service";
 export type { ICode } from "./model/code-interface";
 export { CodeSelect } from "./ui/code-select";
+export { CodeSelectWithAll } from "./ui/code-select-with-all";
 
 export { UpCodeApi } from "./api/upcode-service";
 export {

apps/st/src/entities/code/ui/code-select-with-all.tsx

@@ -0,0 +1,48 @@
+import { useQuery } from "@tanstack/react-query";
+import {
+    cn,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@common/components";
+import { ENDPOINT } from "@/shared/config";
+import { CodeApi } from "../api/code-service";
+
+type CodeSelectProps = {
+    upCd: string;
+    placeholder?: string;
+    className?: string;
+} & React.ComponentPropsWithoutRef<typeof Select>;
+
+function CodeSelectWithAll({
+    upCd,
+    placeholder = "선택",
+    className,
+    ...props
+}: CodeSelectProps) {
+    const { data: code } = useQuery({
+        queryKey: [ENDPOINT.CMS_SERVICE.CODE, upCd],
+        queryFn: () => CodeApi.getCode(upCd),
+        enabled: !!upCd,
+    });
+
+    return (
+        <Select {...props}>
+            <SelectTrigger className={cn("w-[12rem]", className)}>
+                <SelectValue placeholder={placeholder} />
+            </SelectTrigger>
+            <SelectContent>
+                <SelectItem value="ALL">전체</SelectItem>
+                {code?.map((item) => (
+                    <SelectItem key={item.lwpoCd} value={item.lwpoCd}>
+                        {item.lwpoCdNm}
+                    </SelectItem>
+                ))}
+            </SelectContent>
+        </Select>
+    );
+}
+
+export { CodeSelectWithAll };