@designbasekorea/ui 0.6.1 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1098,6 +1098,16 @@ interface ColorPickerProps {
1098
1098
  onApply?: (color: string) => void;
1099
1099
  onCancel?: () => void;
1100
1100
  className?: string;
1101
+ /** 라벨 */
1102
+ label?: string;
1103
+ /** 필수 여부 */
1104
+ required?: boolean;
1105
+ /** 에러 상태 */
1106
+ error?: boolean;
1107
+ /** 전체 너비 여부 */
1108
+ fullWidth?: boolean;
1109
+ /** 추가 props */
1110
+ [key: string]: any;
1101
1111
  }
1102
1112
  declare const ColorPicker: React$1.FC<ColorPickerProps>;
1103
1113
 
@@ -1331,6 +1341,16 @@ interface DatePickerProps {
1331
1341
  readonly?: boolean;
1332
1342
  dropdownPosition?: 'bottom-start' | 'bottom-end';
1333
1343
  inline?: boolean;
1344
+ /** 라벨 */
1345
+ label?: string;
1346
+ /** 필수 여부 */
1347
+ required?: boolean;
1348
+ /** 에러 상태 */
1349
+ error?: boolean;
1350
+ /** 전체 너비 여부 */
1351
+ fullWidth?: boolean;
1352
+ /** 추가 props */
1353
+ [key: string]: any;
1334
1354
  }
1335
1355
  declare const DatePicker: React$1.FC<DatePickerProps>;
1336
1356
 
@@ -3424,10 +3444,26 @@ interface SearchBarProps {
3424
3444
  enableRecentSearches?: boolean;
3425
3445
  /** 최근 검색어 저장 키 (로컬스토리지) */
3426
3446
  recentSearchesKey?: string;
3447
+ /** 최근 검색어 레이아웃 (가로/세로) */
3448
+ recentSearchesLayout?: 'vertical' | 'horizontal';
3427
3449
  /** 추천 검색어 목록 */
3428
3450
  suggestedSearches?: string[];
3429
3451
  /** 추천 검색어 롤링 간격 (ms) */
3430
3452
  suggestionRollingInterval?: number;
3453
+ /** 카테고리 필터 칩 목록 */
3454
+ categories?: string[];
3455
+ /** 선택된 카테고리 칩 */
3456
+ selectedCategory?: string;
3457
+ /** 카테고리 변경 핸들러 */
3458
+ onCategoryChange?: (category: string) => void;
3459
+ /** 검색 결과 목록 */
3460
+ searchResults?: any[];
3461
+ /** 검색 결과 커스텀 렌더러 */
3462
+ renderSearchResult?: (result: any, index: number) => React$1.ReactNode;
3463
+ /** 검색 결과 클릭 핸들러 */
3464
+ onSearchResultClick?: (result: any) => void;
3465
+ /** 데이터 없을 때 보여줄 빈 상태 메시지 */
3466
+ emptyStateMessage?: React$1.ReactNode;
3431
3467
  /** 검색어 변경 핸들러 */
3432
3468
  onChange?: (value: string) => void;
3433
3469
  /** 검색 실행 핸들러 */
@@ -4179,6 +4215,16 @@ interface TimePickerProps {
4179
4215
  dropdownPosition?: 'bottom-start' | 'bottom-end';
4180
4216
  onChange?: (time24: string) => void;
4181
4217
  className?: string;
4218
+ /** 라벨 */
4219
+ label?: string;
4220
+ /** 필수 여부 */
4221
+ required?: boolean;
4222
+ /** 에러 상태 */
4223
+ error?: boolean;
4224
+ /** 전체 너비 여부 */
4225
+ fullWidth?: boolean;
4226
+ /** 추가 props */
4227
+ [key: string]: any;
4182
4228
  }
4183
4229
  declare const TimePicker: React$1.FC<TimePickerProps>;
4184
4230