@ceed/ads 1.16.0-next.9 → 1.16.1

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

@@ -2,7 +2,6 @@ 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;
@@ -18,13 +17,6 @@ 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: {
@@ -32,7 +24,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'> {
@@ -50,5 +42,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 | FilterableCheckboxGroupItem | FilterRadioGroupItem | FilterDateRangeItem | FilterCurrencyInputItem | FilterCurrencyRangeItem | FilterPercentageInputItem | FilterPercentageRangeItem | FilterAutocompleteItem;
+export type FilterItem = FilterCheckboxGroupItem | FilterRadioGroupItem | FilterDateRangeItem | FilterCurrencyInputItem | FilterCurrencyRangeItem | FilterPercentageInputItem | FilterPercentageRangeItem | FilterAutocompleteItem;
 export {};

package/dist/components/Pagination/Pagination.d.ts

@@ -21,7 +21,6 @@ interface PaginationProps extends React.ComponentProps<typeof PaginationRoot> {
     rowCount: number;
     onPageChange: (newPage: number) => void;
     size?: 'sm' | 'md' | 'lg';
-    variant?: 'standard' | 'compact';
 }
 declare function Pagination(props: PaginationProps): React.JSX.Element;
 declare namespace Pagination {

package/dist/components/ProfileMenu/ProfileMenu.d.ts

@@ -26,7 +26,7 @@ interface BaseProfileMenuProps {
             src: string;
             alt: string;
         };
-        caption?: React.ReactNode;
+        caption?: string;
         chip?: string;
     };
     menuItems: ({

package/dist/components/inputs/FilterMenu.md

@@ -75,26 +75,6 @@ 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
 
 단일 선택이 가능한 라디오 버튼 그룹 필터입니다.

package/dist/components/inputs/FilterableCheckboxGroup.md

@@ -161,6 +161,18 @@ function MyComponent() {
 
 ```tsx
 <Stack spacing={2}>
+  <Stack direction="row" spacing={1}>
+    <button type="button" onClick={() => {
+      setOptions([...options, {
+        value: `new-${Date.now()}`,
+        label: `New Item ${options.length - 11}`
+      }]);
+    }} style={{
+      padding: '4px 12px',
+      cursor: 'pointer'
+    }}>
+    Add New Option
+  </button>
   <button type="button" onClick={() => {
     setKey(prev => prev + 1);
   }} style={{
@@ -169,11 +181,12 @@ function MyComponent() {
   }}>
   Force Re-render
 </button>
-<FilterableCheckboxGroup key={key} label="Sorting Demo" placeholder="Search..." helperText="Initial sort: Selected (C,B,A,3,2,1) first, then unselected (X,Y,Z,7,8,9)" options={sortingOptions} value={value} onChange={setValue} />
+</Stack>
+<FilterableCheckboxGroup key={key} label="Sorting Demo" placeholder="Search..." helperText="Click 'Add New Option' to test sorting when options change" options={options} value={value} onChange={setValue} />
 <Typography level="body-sm" sx={{
   whiteSpace: 'pre-line'
 }}>
-{`Selected: ${value.length > 0 ? value.join(', ') : 'None'}\n\nClick "Force Re-render" button to remount the component.\nOrder should remain the same (sorted only on initial mount).`}
+{`Selected: ${value.length > 0 ? value.join(', ') : 'None'}\n\nOptions count: ${options.length}\n\n- Add New Option: Add new item to test sorting when options change\n- Force Re-render: Remount component to test initial sorting\n\nAlphabet items (A-Z) appear first, then numbers (1-9).`}
 </Typography>
 </Stack>
 ```

package/dist/components/navigation/Pagination.md

@@ -2,17 +2,8 @@
 
 ## Introduction
 
-```tsx
-<Stack spacing={4}>
-  <Stack spacing={1}>
-    <div>Standard</div>
-    <Pagination {...args} variant="standard" />
-  </Stack>
-  <Stack spacing={1}>
-    <div>Compact</div>
-    <Pagination {...args} variant="compact" />
-  </Stack>
-</Stack>
+```text
+// Unable to derive source for Playground
 ```
 
 | Field                        | Description | Default |