#!/bin/bash

# DataTableConfigPanel의 모든 Select를 HTML select로 교체하는 스크립트

FILE="frontend/components/screen/panels/DataTableConfigPanel.tsx"

echo "🔄 DataTableConfigPanel의 Select 컴포넌트들을 교체 중..."

# 1. Select 컴포넌트를 select로 교체 (기본 패턴)
sed -i '' 's/<Select\([^>]*\)>/<select className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none"\1>/g' "$FILE"

# 2. SelectTrigger 제거
sed -i '' '/<SelectTrigger[^>]*>/,/<\/SelectTrigger>/d' "$FILE"

# 3. SelectContent를 빈 태그로 교체
sed -i '' 's/<SelectContent[^>]*>//g' "$FILE"
sed -i '' 's/<\/SelectContent>//g' "$FILE"

# 4. SelectItem을 option으로 교체
sed -i '' 's/<SelectItem\([^>]*\)value="\([^"]*\)"\([^>]*\)>/<option value="\2">/g' "$FILE"
sed -i '' 's/<\/SelectItem>/<\/option>/g' "$FILE"

# 5. SelectValue 제거
sed -i '' '/<SelectValue[^>]*\/>/d' "$FILE"

# 6. onValueChange를 onChange로 교체
sed -i '' 's/onValueChange={(value) =>/onChange={(e) => {const value = e.target.value;/g' "$FILE"
sed -i '' 's/onValueChange={([^}]*) =>/onChange={(e) => {const value = e.target.value; \1(value) =>/g' "$FILE"

# 7. </Select>를 </select>로 교체
sed -i '' 's/<\/Select>/<\/select>/g' "$FILE"

echo "✅ 완료!"