summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorjoonhoekim <26rote@gmail.com>2025-09-04 03:02:38 +0000
committerjoonhoekim <26rote@gmail.com>2025-09-04 03:02:38 +0000
commit054cb69456825d964c8bd5a70a2b34c5e4b58262 (patch)
treefa5a687652a1667f2c127c2e41805e4cc80dbc59
parentbe62da14b974419f8e76dfcb086a48412054105c (diff)
(김준회) 네이밍 변경: materialSelector --> materialGroupSelector
-rw-r--r--components/common/material/README.md14
-rw-r--r--components/common/material/material-group-selector.tsx (renamed from components/common/material/material-selector.tsx)6
-rw-r--r--components/signup/join-form.tsx4
-rw-r--r--lib/material/vendor-material/add-confirmed-material.tsx4
4 files changed, 14 insertions, 14 deletions
diff --git a/components/common/material/README.md b/components/common/material/README.md
index 30f16d38..341bbe80 100644
--- a/components/common/material/README.md
+++ b/components/common/material/README.md
@@ -1,4 +1,4 @@
-# MaterialSelector
+# MaterialGroupSelector
자재그룹코드를 검색하고 선택할 수 있는 드롭다운 컴포넌트
@@ -15,13 +15,13 @@
### 기본 사용법
```tsx
-import { MaterialSelector } from "@/components/common/material/material-selector";
+import { MaterialGroupSelector } from "@/components/common/material/material-group-selector";
function MyComponent() {
const [selectedMaterials, setSelectedMaterials] = useState<MaterialSearchItem[]>([]);
return (
- <MaterialSelector
+ <MaterialGroupSelector
selectedMaterials={selectedMaterials}
onMaterialsChange={setSelectedMaterials}
/>
@@ -31,7 +31,7 @@ function MyComponent() {
### 단일 선택 모드
```tsx
-<MaterialSelector
+<MaterialGroupSelector
selectedMaterials={selectedMaterials}
onMaterialsChange={setSelectedMaterials}
singleSelect={true}
@@ -41,7 +41,7 @@ function MyComponent() {
### 초기 데이터 로드 비활성화
```tsx
-<MaterialSelector
+<MaterialGroupSelector
selectedMaterials={selectedMaterials}
onMaterialsChange={setSelectedMaterials}
showInitialData={false}
@@ -50,7 +50,7 @@ function MyComponent() {
### 최대 선택 개수 제한
```tsx
-<MaterialSelector
+<MaterialGroupSelector
selectedMaterials={selectedMaterials}
onMaterialsChange={setSelectedMaterials}
maxSelections={5}
@@ -61,7 +61,7 @@ function MyComponent() {
```tsx
const excludeCodes = new Set(['MAT001', 'MAT002']);
-<MaterialSelector
+<MaterialGroupSelector
selectedMaterials={selectedMaterials}
onMaterialsChange={setSelectedMaterials}
excludeMaterialCodes={excludeCodes}
diff --git a/components/common/material/material-selector.tsx b/components/common/material/material-group-selector.tsx
index 67b8c25c..580c2db5 100644
--- a/components/common/material/material-selector.tsx
+++ b/components/common/material/material-group-selector.tsx
@@ -21,7 +21,7 @@ import { cn } from "@/lib/utils";
import { useDebounce } from "@/hooks/use-debounce";
import { searchMaterialsForSelector, MaterialSearchItem } from "@/lib/material/material-group-service";
-interface MaterialSelectorProps {
+interface MaterialGroupSelectorProps {
selectedMaterials?: MaterialSearchItem[];
onMaterialsChange?: (materials: MaterialSearchItem[]) => void;
singleSelect?: boolean;
@@ -35,7 +35,7 @@ interface MaterialSelectorProps {
showInitialData?: boolean; // 초기 클릭시 자재그룹들을 로드할지 여부
}
-export function MaterialSelector({
+export function MaterialGroupSelector({
selectedMaterials = [],
onMaterialsChange,
singleSelect = false,
@@ -47,7 +47,7 @@ export function MaterialSelector({
closeOnSelect = true,
excludeMaterialCodes,
showInitialData = true
-}: MaterialSelectorProps) {
+}: MaterialGroupSelectorProps) {
const [open, setOpen] = useState(false);
const [searchQuery, setSearchQuery] = useState("");
diff --git a/components/signup/join-form.tsx b/components/signup/join-form.tsx
index c53e7709..cbf6a2f7 100644
--- a/components/signup/join-form.tsx
+++ b/components/signup/join-form.tsx
@@ -71,7 +71,7 @@ import koLocale from "i18n-iso-countries/langs/ko.json";
import { getVendorTypes } from '@/lib/vendors/service';
import ConsentStep from './conset-step';
import { checkEmailExists } from '@/lib/vendor-users/service';
-import { MaterialSelector } from '@/components/common/material/material-selector';
+import { MaterialGroupSelector } from '@/components/common/material/material-group-selector';
import { MaterialSearchItem } from '@/lib/material/material-group-service';
i18nIsoCountries.registerLocale(enLocale);
@@ -1232,7 +1232,7 @@ function CompleteVendorForm({
<label className="block text-sm font-medium mb-1">
{t('supplyItems')} <span className="text-red-500">*</span>
</label>
- <MaterialSelector
+ <MaterialGroupSelector
selectedMaterials={data.items}
onMaterialsChange={handleMaterialsChange}
placeholder="type material name or code..."
diff --git a/lib/material/vendor-material/add-confirmed-material.tsx b/lib/material/vendor-material/add-confirmed-material.tsx
index bc232a1b..5e9415f4 100644
--- a/lib/material/vendor-material/add-confirmed-material.tsx
+++ b/lib/material/vendor-material/add-confirmed-material.tsx
@@ -16,7 +16,7 @@ import {
import { Label } from "@/components/ui/label";
import { toast } from "sonner";
import { Plus, Loader2 } from "lucide-react";
-import { MaterialSelector } from "@/components/common/material/material-selector";
+import { MaterialGroupSelector } from "@/components/common/material/material-group-selector";
import { MaterialSearchItem } from "@/lib/material/material-group-service";
import { addConfirmedMaterial, VendorPossibleMaterial } from "../vendor-possible-material-service";
@@ -138,7 +138,7 @@ export function AddConfirmedMaterial({
{/* 자재 선택 */}
<div className="space-y-2">
<Label>자재 선택 *</Label>
- <MaterialSelector
+ <MaterialGroupSelector
selectedMaterials={selectedMaterials}
onMaterialsChange={handleMaterialsChange}
singleSelect={false}