@plaidlabs/ui 0.1.4 → 0.1.6
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/components/complex/dropdown/Dropdown.d.ts +4 -1
- package/dist/components/complex/dropdown/Dropdown.stories.d.ts +7 -12
- package/dist/components/complex/dropdown/dropdown.css.d.ts +2 -0
- package/dist/index.js +1269 -1265
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -22,5 +22,8 @@ export interface DropdownProps extends Omit<AriaButtonProps, 'children'> {
|
|
|
22
22
|
selectedMenuItemId?: string;
|
|
23
23
|
selectedMenuItemIds?: string[];
|
|
24
24
|
onSelectedMenuItemIdsChange?: (ids: string[]) => void;
|
|
25
|
+
renderMenuFooter?: (context: {
|
|
26
|
+
close: () => void;
|
|
27
|
+
}) => React.ReactNode;
|
|
25
28
|
}
|
|
26
|
-
export default function Dropdown({ size, isSelected, isDisabled, className, selectionMode, children, subText, subTextLayout, menuItems, onSubItemClick, isDefaultExpanded, selectedMenuItemId, selectedMenuItemIds, onSelectedMenuItemIdsChange, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export default function Dropdown({ size, isSelected, isDisabled, className, selectionMode, children, subText, subTextLayout, menuItems, onSubItemClick, isDefaultExpanded, selectedMenuItemId, selectedMenuItemIds, onSelectedMenuItemIdsChange, renderMenuFooter, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -95,19 +95,14 @@ export declare const Disabled: Story;
|
|
|
95
95
|
*/
|
|
96
96
|
export declare const Sizes: Story;
|
|
97
97
|
/**
|
|
98
|
-
* 6.
|
|
99
|
-
*/
|
|
100
|
-
export declare const MenuWithSubText: Story;
|
|
101
|
-
/**
|
|
102
|
-
* 7. Interactive (최대 케이스 / 실제 사용 예)
|
|
103
|
-
* - 선택 상태 관리
|
|
104
|
-
* - Title 레이아웃
|
|
105
|
-
* - 메뉴 + 체크 아이콘
|
|
106
|
-
*/
|
|
107
|
-
export declare const Interactive: Story;
|
|
108
|
-
/**
|
|
109
|
-
* 8. Multiple 선택
|
|
98
|
+
* 6. Multiple 선택
|
|
110
99
|
* - 선택 유지
|
|
111
100
|
* - 체크 아이콘 다중 표시
|
|
112
101
|
*/
|
|
113
102
|
export declare const Multiple: Story;
|
|
103
|
+
/**
|
|
104
|
+
* 7. 메뉴 푸터 (옵션 리스트 아래 버튼)
|
|
105
|
+
* - renderMenuFooter로 리스트 하단에 버튼/컴포넌트 추가
|
|
106
|
+
* - context.close()로 클릭 시 드롭다운 닫기
|
|
107
|
+
*/
|
|
108
|
+
export declare const WithMenuFooter: Story;
|
|
@@ -59,5 +59,7 @@ export declare const checkWrapper: string;
|
|
|
59
59
|
export declare const disclosureRoot: string;
|
|
60
60
|
export declare const disclosurePanel: string;
|
|
61
61
|
export declare const disclosurePanelOpen: string;
|
|
62
|
+
export declare const subMenuOuter: string;
|
|
62
63
|
export declare const subMenuInner: string;
|
|
63
64
|
export declare const subMenuList: string;
|
|
65
|
+
export declare const menuFooter: string;
|