@ceed/ads 1.16.0 → 1.17.0

package/dist/components/FilterMenu/components/FilterableCheckboxGroup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { FilterableCheckboxGroupItem } from '../types';
+interface FilterableCheckboxGroupProps extends FilterableCheckboxGroupItem {
+    onChange?: (value: string[]) => void;
+}
+declare function FilterableCheckboxGroup(props: FilterableCheckboxGroupProps): React.JSX.Element | null;
+declare namespace FilterableCheckboxGroup {
+    var displayName: string;
+}
+export { FilterableCheckboxGroup };
+export default FilterableCheckboxGroup;

package/dist/components/FilterMenu/types.d.ts

@@ -2,6 +2,7 @@ import type { DateRangePickerProps } from '../DateRangePicker';
 import type { CurrencyInputProps } from '../CurrencyInput';
 import type { PercentageInputProps } from '../PercentageInput';
 import type { AutocompleteProps } from '../Autocomplete';
+import type { FilterableCheckboxGroupProps } from '../FilterableCheckboxGroup';
 type DateTime = string;
 export interface FilterBaseItem<V = never> {
     id: string;
@@ -17,6 +18,13 @@ export interface FilterCheckboxGroupItem extends FilterBaseItem<(string | number
         value: string | number;
     }[];
 }
+export interface FilterableCheckboxGroupItem extends FilterBaseItem<string[]>, Pick<FilterableCheckboxGroupProps, 'placeholder' | 'maxHeight'> {
+    type: 'filterable-checkbox-group';
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
 export interface FilterRadioGroupItem extends FilterBaseItem<string | number> {
     type: 'radio-group';
     options: {
@@ -24,7 +32,7 @@ export interface FilterRadioGroupItem extends FilterBaseItem<string | number> {
         value: string | number;
     }[];
 }
-export interface FilterDateRangeItem extends FilterBaseItem<[DateTime, DateTime]>, Pick<DateRangePickerProps, 'minDate' | 'maxDate' | 'disableFuture' | 'disablePast' | 'format' | 'displayFormat' | 'inputReadOnly' | 'hideClearButton'> {
+export interface FilterDateRangeItem extends FilterBaseItem<[DateTime, DateTime]>, Pick<DateRangePickerProps, 'minDate' | 'maxDate' | 'disableFuture' | 'disablePast' | 'displayFormat' | 'inputReadOnly' | 'hideClearButton'> {
     type: 'date-range';
 }
 export interface FilterCurrencyInputItem extends FilterBaseItem<number>, Pick<CurrencyInputProps, 'max' | 'placeholder' | 'useMinorUnit' | 'currency'> {
@@ -42,5 +50,5 @@ export interface FilterPercentageRangeItem extends FilterBaseItem<[number, numbe
 export interface FilterAutocompleteItem extends FilterBaseItem<string | number>, Pick<AutocompleteProps<any, boolean>, 'options' | 'multiple' | 'placeholder'> {
     type: 'autocomplete';
 }
-export type FilterItem = FilterCheckboxGroupItem | FilterRadioGroupItem | FilterDateRangeItem | FilterCurrencyInputItem | FilterCurrencyRangeItem | FilterPercentageInputItem | FilterPercentageRangeItem | FilterAutocompleteItem;
+export type FilterItem = FilterCheckboxGroupItem | FilterableCheckboxGroupItem | FilterRadioGroupItem | FilterDateRangeItem | FilterCurrencyInputItem | FilterCurrencyRangeItem | FilterPercentageInputItem | FilterPercentageRangeItem | FilterAutocompleteItem;
 export {};

package/dist/components/inputs/FilterMenu.md

@@ -75,6 +75,26 @@ FilterMenu는 다음과 같은 필터 타입을 지원합니다:
 }
 ```
 
+### Filterable Checkbox Group
+
+검색 기능이 포함된 체크박스 그룹 필터입니다. 옵션이 많을 때 유용합니다.
+
+```tsx
+{
+  id: 'categories',
+  type: 'filterable-checkbox-group',
+  label: 'Categories',
+  options: [
+    { label: 'Electronics', value: 'electronics' },
+    { label: 'Clothing', value: 'clothing' },
+    { label: 'Food', value: 'food' },
+    { label: 'Books', value: 'books' },
+  ],
+  placeholder: 'Search categories...',
+  maxHeight: 300,
+}
+```
+
 ### Radio Group
 
 단일 선택이 가능한 라디오 버튼 그룹 필터입니다.