@zendeskgarden/react-dropdowns.legacy 9.0.0-next.3
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/LICENSE.md +176 -0
- package/README.md +100 -0
- package/dist/index.cjs.js +2082 -0
- package/dist/index.esm.js +2032 -0
- package/dist/typings/elements/Autocomplete/Autocomplete.d.ts +14 -0
- package/dist/typings/elements/Combobox/Combobox.d.ts +14 -0
- package/dist/typings/elements/Dropdown/Dropdown.d.ts +26 -0
- package/dist/typings/elements/Fields/Field.d.ts +11 -0
- package/dist/typings/elements/Fields/Hint.d.ts +11 -0
- package/dist/typings/elements/Fields/Label.d.ts +12 -0
- package/dist/typings/elements/Fields/Message.d.ts +12 -0
- package/dist/typings/elements/Menu/Items/AddItem.d.ts +12 -0
- package/dist/typings/elements/Menu/Items/HeaderIcon.d.ts +11 -0
- package/dist/typings/elements/Menu/Items/HeaderItem.d.ts +12 -0
- package/dist/typings/elements/Menu/Items/Item.d.ts +12 -0
- package/dist/typings/elements/Menu/Items/ItemMeta.d.ts +11 -0
- package/dist/typings/elements/Menu/Items/MediaBody.d.ts +11 -0
- package/dist/typings/elements/Menu/Items/MediaFigure.d.ts +11 -0
- package/dist/typings/elements/Menu/Items/MediaItem.d.ts +12 -0
- package/dist/typings/elements/Menu/Items/NextItem.d.ts +12 -0
- package/dist/typings/elements/Menu/Items/PreviousItem.d.ts +12 -0
- package/dist/typings/elements/Menu/Menu.d.ts +14 -0
- package/dist/typings/elements/Menu/Separator.d.ts +11 -0
- package/dist/typings/elements/Multiselect/Multiselect.d.ts +14 -0
- package/dist/typings/elements/Select/Select.d.ts +14 -0
- package/dist/typings/elements/Trigger/Trigger.d.ts +24 -0
- package/dist/typings/index.d.ts +31 -0
- package/dist/typings/styled/index.d.ts +29 -0
- package/dist/typings/styled/items/StyledAddItem.d.ts +13 -0
- package/dist/typings/styled/items/StyledItem.d.ts +20 -0
- package/dist/typings/styled/items/StyledItemIcon.d.ts +17 -0
- package/dist/typings/styled/items/StyledItemMeta.d.ts +18 -0
- package/dist/typings/styled/items/StyledNextIcon.d.ts +12 -0
- package/dist/typings/styled/items/StyledNextItem.d.ts +13 -0
- package/dist/typings/styled/items/StyledPreviousIcon.d.ts +12 -0
- package/dist/typings/styled/items/StyledPreviousItem.d.ts +13 -0
- package/dist/typings/styled/items/header/StyledHeaderIcon.d.ts +14 -0
- package/dist/typings/styled/items/header/StyledHeaderItem.d.ts +16 -0
- package/dist/typings/styled/items/media/StyledMediaBody.d.ts +17 -0
- package/dist/typings/styled/items/media/StyledMediaFigure.d.ts +287 -0
- package/dist/typings/styled/items/media/StyledMediaItem.d.ts +13 -0
- package/dist/typings/styled/menu/StyledMenu.d.ts +20 -0
- package/dist/typings/styled/menu/StyledMenuWrapper.d.ts +16 -0
- package/dist/typings/styled/menu/StyledSeparator.d.ts +10 -0
- package/dist/typings/styled/multiselect/StyledMultiselectInput.d.ts +22 -0
- package/dist/typings/styled/multiselect/StyledMultiselectItemWrapper.d.ts +10 -0
- package/dist/typings/styled/multiselect/StyledMultiselectItemsContainer.d.ts +16 -0
- package/dist/typings/styled/multiselect/StyledMultiselectMoreAnchor.d.ts +15 -0
- package/dist/typings/styled/select/StyledFauxInput.d.ts +22 -0
- package/dist/typings/styled/select/StyledInput.d.ts +15 -0
- package/dist/typings/styled/select/StyledSelect.d.ts +10 -0
- package/dist/typings/types/index.d.ts +150 -0
- package/dist/typings/utils/garden-placements.d.ts +26 -0
- package/dist/typings/utils/useDropdownContext.d.ts +28 -0
- package/dist/typings/utils/useFieldContext.d.ts +17 -0
- package/dist/typings/utils/useItemContext.d.ts +16 -0
- package/dist/typings/utils/useMenuContext.d.ts +17 -0
- package/package.json +56 -0
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="trusted-types" />
|
|
8
|
+
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
9
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
10
|
+
interface IStyledMediaFigureProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
isCompact?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* 1. Override default Avatar styling
|
|
15
|
+
*/
|
|
16
|
+
export declare const StyledMediaFigure: import("styled-components").StyledComponent<({ children, isCompact, theme, ...props }: PropsWithChildren<IStyledMediaFigureProps & ThemeProps<DefaultTheme>>) => React.DetailedReactHTMLElement<{
|
|
17
|
+
defaultChecked?: boolean | undefined;
|
|
18
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
19
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
20
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
21
|
+
accessKey?: string | undefined;
|
|
22
|
+
autoFocus?: boolean | undefined;
|
|
23
|
+
className?: string | undefined;
|
|
24
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
25
|
+
contextMenu?: string | undefined;
|
|
26
|
+
dir?: string | undefined;
|
|
27
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
28
|
+
hidden?: boolean | undefined;
|
|
29
|
+
id?: string | undefined;
|
|
30
|
+
lang?: string | undefined;
|
|
31
|
+
nonce?: string | undefined;
|
|
32
|
+
slot?: string | undefined;
|
|
33
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
34
|
+
style?: React.CSSProperties | undefined;
|
|
35
|
+
tabIndex?: number | undefined;
|
|
36
|
+
title?: string | undefined;
|
|
37
|
+
translate?: "yes" | "no" | undefined;
|
|
38
|
+
radioGroup?: string | undefined;
|
|
39
|
+
role?: React.AriaRole | undefined;
|
|
40
|
+
about?: string | undefined;
|
|
41
|
+
content?: string | undefined;
|
|
42
|
+
datatype?: string | undefined;
|
|
43
|
+
inlist?: any;
|
|
44
|
+
prefix?: string | undefined;
|
|
45
|
+
property?: string | undefined;
|
|
46
|
+
rel?: string | undefined;
|
|
47
|
+
resource?: string | undefined;
|
|
48
|
+
rev?: string | undefined;
|
|
49
|
+
typeof?: string | undefined;
|
|
50
|
+
vocab?: string | undefined;
|
|
51
|
+
autoCapitalize?: string | undefined;
|
|
52
|
+
autoCorrect?: string | undefined;
|
|
53
|
+
autoSave?: string | undefined;
|
|
54
|
+
color?: string | undefined;
|
|
55
|
+
itemProp?: string | undefined;
|
|
56
|
+
itemScope?: boolean | undefined;
|
|
57
|
+
itemType?: string | undefined;
|
|
58
|
+
itemID?: string | undefined;
|
|
59
|
+
itemRef?: string | undefined;
|
|
60
|
+
results?: number | undefined;
|
|
61
|
+
security?: string | undefined;
|
|
62
|
+
unselectable?: "on" | "off" | undefined;
|
|
63
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
64
|
+
is?: string | undefined;
|
|
65
|
+
"aria-activedescendant"?: string | undefined;
|
|
66
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
67
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
68
|
+
"aria-braillelabel"?: string | undefined;
|
|
69
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
70
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
71
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
72
|
+
"aria-colcount"?: number | undefined;
|
|
73
|
+
"aria-colindex"?: number | undefined;
|
|
74
|
+
"aria-colindextext"?: string | undefined;
|
|
75
|
+
"aria-colspan"?: number | undefined;
|
|
76
|
+
"aria-controls"?: string | undefined;
|
|
77
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
|
|
78
|
+
"aria-describedby"?: string | undefined;
|
|
79
|
+
"aria-description"?: string | undefined;
|
|
80
|
+
"aria-details"?: string | undefined;
|
|
81
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
82
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
83
|
+
"aria-errormessage"?: string | undefined;
|
|
84
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
85
|
+
"aria-flowto"?: string | undefined;
|
|
86
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
87
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
88
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
89
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
90
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
91
|
+
"aria-label"?: string | undefined;
|
|
92
|
+
"aria-labelledby"?: string | undefined;
|
|
93
|
+
"aria-level"?: number | undefined;
|
|
94
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
95
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
96
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
97
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
98
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
99
|
+
"aria-owns"?: string | undefined;
|
|
100
|
+
"aria-placeholder"?: string | undefined;
|
|
101
|
+
"aria-posinset"?: number | undefined;
|
|
102
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
103
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
104
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
105
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
106
|
+
"aria-roledescription"?: string | undefined;
|
|
107
|
+
"aria-rowcount"?: number | undefined;
|
|
108
|
+
"aria-rowindex"?: number | undefined;
|
|
109
|
+
"aria-rowindextext"?: string | undefined;
|
|
110
|
+
"aria-rowspan"?: number | undefined;
|
|
111
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
112
|
+
"aria-setsize"?: number | undefined;
|
|
113
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
114
|
+
"aria-valuemax"?: number | undefined;
|
|
115
|
+
"aria-valuemin"?: number | undefined;
|
|
116
|
+
"aria-valuenow"?: number | undefined;
|
|
117
|
+
"aria-valuetext"?: string | undefined;
|
|
118
|
+
dangerouslySetInnerHTML?: {
|
|
119
|
+
__html: string | TrustedHTML;
|
|
120
|
+
} | undefined;
|
|
121
|
+
onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
122
|
+
onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
123
|
+
onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
124
|
+
onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
125
|
+
onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
126
|
+
onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
127
|
+
onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
128
|
+
onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
129
|
+
onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
130
|
+
onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
131
|
+
onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
132
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
133
|
+
onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
134
|
+
onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
135
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
136
|
+
onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
137
|
+
onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
138
|
+
onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
139
|
+
onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
140
|
+
onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
141
|
+
onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
142
|
+
onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
143
|
+
onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
144
|
+
onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
145
|
+
onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
146
|
+
onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
147
|
+
onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
148
|
+
onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
149
|
+
onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
150
|
+
onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
151
|
+
onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
152
|
+
onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
153
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
154
|
+
onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
155
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
156
|
+
onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
157
|
+
onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
158
|
+
onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
159
|
+
onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
160
|
+
onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
161
|
+
onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
162
|
+
onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
163
|
+
onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
164
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
165
|
+
onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
166
|
+
onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
167
|
+
onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
168
|
+
onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
169
|
+
onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
170
|
+
onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
171
|
+
onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
172
|
+
onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
173
|
+
onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
174
|
+
onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
175
|
+
onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
176
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
177
|
+
onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
178
|
+
onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
179
|
+
onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
180
|
+
onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
181
|
+
onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
182
|
+
onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
183
|
+
onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
184
|
+
onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
185
|
+
onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
186
|
+
onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
187
|
+
onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
188
|
+
onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
189
|
+
onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
190
|
+
onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
191
|
+
onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
192
|
+
onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
193
|
+
onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
194
|
+
onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
195
|
+
onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
196
|
+
onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
197
|
+
onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
198
|
+
onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
199
|
+
onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
200
|
+
onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
201
|
+
onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
202
|
+
onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
203
|
+
onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
204
|
+
onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
205
|
+
onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
206
|
+
onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
222
|
+
onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
223
|
+
onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
224
|
+
onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
225
|
+
onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
226
|
+
onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
227
|
+
onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
228
|
+
onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
229
|
+
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
230
|
+
onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
231
|
+
onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
232
|
+
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
233
|
+
onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
234
|
+
onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
235
|
+
onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
236
|
+
onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
237
|
+
onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
238
|
+
onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
239
|
+
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
240
|
+
onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
241
|
+
onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
242
|
+
onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
243
|
+
onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
244
|
+
onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
245
|
+
onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
246
|
+
onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
247
|
+
onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
248
|
+
onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
249
|
+
onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
250
|
+
onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
251
|
+
onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
252
|
+
onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
253
|
+
onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
254
|
+
onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
255
|
+
onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
256
|
+
onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
257
|
+
onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
258
|
+
onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
259
|
+
onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
260
|
+
onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
261
|
+
onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
262
|
+
onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
263
|
+
onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
264
|
+
onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
265
|
+
onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
266
|
+
onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
267
|
+
onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
268
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
269
|
+
onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
270
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
271
|
+
onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
272
|
+
onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
273
|
+
onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
274
|
+
onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
275
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
276
|
+
onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
277
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
278
|
+
onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
279
|
+
onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
280
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
281
|
+
onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
282
|
+
onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
283
|
+
}, HTMLElement>, DefaultTheme, {
|
|
284
|
+
'data-garden-id': string;
|
|
285
|
+
'data-garden-version': string;
|
|
286
|
+
} & IStyledMediaFigureProps, "data-garden-id" | "data-garden-version">;
|
|
287
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export interface IStyledMediaItem {
|
|
8
|
+
isCompact?: boolean;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Accepts all `<li>` props
|
|
12
|
+
*/
|
|
13
|
+
export declare const StyledMediaItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("../StyledItem").IStyledItemProps & IStyledMediaItem, never>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { PopperPlacement } from '../../types';
|
|
8
|
+
interface IStyledMenuProps {
|
|
9
|
+
isCompact?: boolean;
|
|
10
|
+
isAnimated?: boolean;
|
|
11
|
+
hasArrow?: boolean;
|
|
12
|
+
placement?: PopperPlacement;
|
|
13
|
+
maxHeight?: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* 1. Override arrow parent positioning to ensure arrow is visible beyond block
|
|
17
|
+
* overflow boundaries.
|
|
18
|
+
*/
|
|
19
|
+
export declare const StyledMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, IStyledMenuProps, never>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { PopperPlacement } from '../../types';
|
|
8
|
+
interface IStyledMenuWrapperProps {
|
|
9
|
+
hasArrow?: boolean;
|
|
10
|
+
placement?: PopperPlacement;
|
|
11
|
+
isHidden?: boolean;
|
|
12
|
+
zIndex?: number;
|
|
13
|
+
isAnimated?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledMenuWrapperProps, never>;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Accepts all `<li>` props
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, any, string | number | symbol>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
import { DefaultTheme } from 'styled-components';
|
|
9
|
+
interface IStyledMultiselectInputProps {
|
|
10
|
+
isCompact: boolean;
|
|
11
|
+
isVisible: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const StyledMultiselectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/forms/dist/typings").IInputProps & import("react").RefAttributes<HTMLInputElement>>, DefaultTheme, {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
isBare: true;
|
|
17
|
+
} & import("../select/StyledInput").IStyledInputProps & {
|
|
18
|
+
'data-garden-id': string;
|
|
19
|
+
'data-garden-version': string;
|
|
20
|
+
isBare: true;
|
|
21
|
+
} & IStyledMultiselectInputProps, "isBare" | "data-garden-id" | "data-garden-version">;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledMultiselectItemWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledMultiselectItemsContainerProps {
|
|
9
|
+
isCompact?: boolean;
|
|
10
|
+
isBare?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledMultiselectItemsContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
13
|
+
'data-garden-id': string;
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & IStyledMultiselectItemsContainerProps, "data-garden-id" | "data-garden-version">;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
interface IStyledMultiselectMoreAnchorProps {
|
|
8
|
+
isCompact?: boolean;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledMultiselectMoreAnchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
} & IStyledMultiselectMoreAnchorProps, "data-garden-id" | "data-garden-version">;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export declare const StyledFauxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
9
|
+
EndIcon: {
|
|
10
|
+
(props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
StartIcon: {
|
|
14
|
+
(props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
}, import("styled-components").DefaultTheme, {
|
|
18
|
+
'data-garden-id': string;
|
|
19
|
+
'data-garden-version': string;
|
|
20
|
+
mediaLayout: boolean;
|
|
21
|
+
theme: import("styled-components").DefaultTheme;
|
|
22
|
+
}, "theme" | "data-garden-id" | "data-garden-version" | "mediaLayout">;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export interface IStyledInputProps {
|
|
9
|
+
isHidden?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IInputProps & import("react").RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
isBare: true;
|
|
15
|
+
} & IStyledInputProps, "isBare" | "data-garden-id" | "data-garden-version">;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLAttributes, LiHTMLAttributes, PropsWithChildren } from 'react';
|
|
8
|
+
import { ControllerStateAndHelpers, StateChangeOptions } from 'downshift';
|
|
9
|
+
import { Modifiers } from 'popper.js';
|
|
10
|
+
import { IFauxInputProps } from '@zendeskgarden/react-forms';
|
|
11
|
+
export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
|
|
12
|
+
export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
|
|
13
|
+
export type GardenPlacement = (typeof PLACEMENT)[number];
|
|
14
|
+
export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
|
|
15
|
+
export interface IDropdownProps extends PropsWithChildren {
|
|
16
|
+
/** Opens the dropdown */
|
|
17
|
+
isOpen?: boolean;
|
|
18
|
+
/** Identifies the currently selected item */
|
|
19
|
+
selectedItem?: any;
|
|
20
|
+
/** Identifies the currently selected items */
|
|
21
|
+
selectedItems?: any[];
|
|
22
|
+
/** Highlights an element at a selected index */
|
|
23
|
+
highlightedIndex?: number;
|
|
24
|
+
/** Sets the value of the input element*/
|
|
25
|
+
inputValue?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Handles item selection
|
|
28
|
+
*
|
|
29
|
+
* @param {any|null} selectedItem The selected item
|
|
30
|
+
* @param {Object} stateAndHelpers [Downshift state and helpers](https://github.com/downshift-js/downshift#onselect)
|
|
31
|
+
* */
|
|
32
|
+
onSelect?: (selectedItem: any | null, stateAndHelpers: ControllerStateAndHelpers<any>) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Handles state change
|
|
35
|
+
*
|
|
36
|
+
* @param {Object} options [Downshift internal state changes](https://github.com/downshift-js/downshift#onstatechange)
|
|
37
|
+
* @param {Object} stateAndHelpers [Downshift state and helpers](https://github.com/downshift-js/downshift#onstatechange)
|
|
38
|
+
* */
|
|
39
|
+
onStateChange?: (options: StateChangeOptions<any>, stateAndHelpers: ControllerStateAndHelpers<any>) => void;
|
|
40
|
+
/**
|
|
41
|
+
* Handles input value change
|
|
42
|
+
*
|
|
43
|
+
* @param {string} inputValue Value of the input element
|
|
44
|
+
* @param {Object} stateAndHelpers [Downshift state and helpers](https://github.com/downshift-js/downshift#oninputvaluechange)
|
|
45
|
+
* */
|
|
46
|
+
onInputValueChange?: (inputValue: string, stateAndHelpers: ControllerStateAndHelpers<any>) => void;
|
|
47
|
+
/** Passes customization props to the [Downshift](https://www.downshift-js.com/) component */
|
|
48
|
+
downshiftProps?: Record<string, any>;
|
|
49
|
+
}
|
|
50
|
+
export interface ITriggerProps extends HTMLAttributes<HTMLElement> {
|
|
51
|
+
/** Passes the ref callback to components with non-standard ref props (i.e. `innerRef`) */
|
|
52
|
+
refKey?: string;
|
|
53
|
+
}
|
|
54
|
+
export interface ISelectProps extends Omit<IFauxInputProps, 'isFocused' | 'isHovered' | 'readOnly'> {
|
|
55
|
+
/** Defines the icon rendered before the element's content */
|
|
56
|
+
start?: any;
|
|
57
|
+
}
|
|
58
|
+
export interface IAutocompleteProps extends ISelectProps {
|
|
59
|
+
/** Provides ref access to the underlying input element */
|
|
60
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
61
|
+
}
|
|
62
|
+
export interface IComboboxProps extends IAutocompleteProps {
|
|
63
|
+
/** Defines text that appears in the element when no items are selected */
|
|
64
|
+
placeholder?: string;
|
|
65
|
+
/** Defines the icon rendered in the end position */
|
|
66
|
+
end?: any;
|
|
67
|
+
}
|
|
68
|
+
export interface IMultiselectProps extends IAutocompleteProps {
|
|
69
|
+
/** Defines text that appears in the element when no items are selected */
|
|
70
|
+
placeholder?: string;
|
|
71
|
+
/** Determines the maximum number of items displayed while collapsed */
|
|
72
|
+
maxItems?: number;
|
|
73
|
+
/**
|
|
74
|
+
* Overrides the "+ N more" text displayed when the total number of items exceeds `maxItems`
|
|
75
|
+
*
|
|
76
|
+
* @param {number} value The number of hidden items
|
|
77
|
+
* @returns {string} a replacement for the "+ N more" text
|
|
78
|
+
*/
|
|
79
|
+
renderShowMore?: (value: number) => string;
|
|
80
|
+
/**
|
|
81
|
+
* Renders each item element. Designed to be used with [Tag](/components/tags).
|
|
82
|
+
*
|
|
83
|
+
* @param {Object} options Rendered item options
|
|
84
|
+
* @param {any} options.value The item value
|
|
85
|
+
* @param {Function} options.removeValue Remove item callback
|
|
86
|
+
* @returns {React.ReactElement} the item element
|
|
87
|
+
*/
|
|
88
|
+
renderItem: (options: {
|
|
89
|
+
value: any;
|
|
90
|
+
removeValue: () => void;
|
|
91
|
+
}) => React.ReactElement;
|
|
92
|
+
}
|
|
93
|
+
export interface IMenuProps extends HTMLAttributes<HTMLUListElement> {
|
|
94
|
+
/**
|
|
95
|
+
* Passes configuration options to the [Popper instance](https://popper.js.org/docs/v2/modifiers/)
|
|
96
|
+
*/
|
|
97
|
+
popperModifiers?: Modifiers;
|
|
98
|
+
/**
|
|
99
|
+
* Allows the menu to reposition during browser resize events
|
|
100
|
+
*/
|
|
101
|
+
eventsEnabled?: boolean;
|
|
102
|
+
/**
|
|
103
|
+
* Sets the `z-index` of the menu
|
|
104
|
+
*/
|
|
105
|
+
zIndex?: number;
|
|
106
|
+
/**
|
|
107
|
+
* Adjusts the placement of the menu
|
|
108
|
+
*/
|
|
109
|
+
placement?: GardenPlacement;
|
|
110
|
+
/**
|
|
111
|
+
* Animates the menu
|
|
112
|
+
*/
|
|
113
|
+
isAnimated?: boolean;
|
|
114
|
+
/**
|
|
115
|
+
* Applies compact styling
|
|
116
|
+
*/
|
|
117
|
+
isCompact?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Attaches an arrow that points towards the menu trigger
|
|
120
|
+
*/
|
|
121
|
+
hasArrow?: boolean;
|
|
122
|
+
/**
|
|
123
|
+
* Sets the `max-height` of the menu
|
|
124
|
+
*/
|
|
125
|
+
maxHeight?: string;
|
|
126
|
+
/**
|
|
127
|
+
* Appends the menu to the element provided
|
|
128
|
+
*/
|
|
129
|
+
appendToNode?: HTMLElement;
|
|
130
|
+
}
|
|
131
|
+
export interface IItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
132
|
+
/** Sets the value that is returned upon selection */
|
|
133
|
+
value?: any;
|
|
134
|
+
/** Indicates that the element is not interactive */
|
|
135
|
+
disabled?: boolean;
|
|
136
|
+
/** Applies danger styling */
|
|
137
|
+
isDanger?: boolean;
|
|
138
|
+
/**
|
|
139
|
+
* @ignore Sets the wrapping component for the item
|
|
140
|
+
*/
|
|
141
|
+
component?: any;
|
|
142
|
+
/**
|
|
143
|
+
* @ignore Hides the select icon for the item
|
|
144
|
+
*/
|
|
145
|
+
hasIcon?: boolean;
|
|
146
|
+
}
|
|
147
|
+
export interface IHeaderItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
148
|
+
/** Applies icon styling */
|
|
149
|
+
hasIcon?: boolean;
|
|
150
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { GardenPlacement, PopperPlacement } from '../types';
|
|
8
|
+
/**
|
|
9
|
+
* Convert Garden RTL aware placement to Popper.JS valid placement
|
|
10
|
+
*/
|
|
11
|
+
export declare function getPopperPlacement(gardenPlacement: GardenPlacement): PopperPlacement;
|
|
12
|
+
/**
|
|
13
|
+
* Convert Garden RTL aware placement to RTL equivalent Popper.JS placement
|
|
14
|
+
* @param {String} gardenPlacement
|
|
15
|
+
*/
|
|
16
|
+
export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement): PopperPlacement;
|
|
17
|
+
/**
|
|
18
|
+
* Convert Popper.JS placement to corresponding arrow position
|
|
19
|
+
* @param {String} popperPlacement
|
|
20
|
+
*/
|
|
21
|
+
export declare function getArrowPosition(popperPlacement?: PopperPlacement): "top" | "bottom" | "right" | "left" | "top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom";
|
|
22
|
+
/**
|
|
23
|
+
* Convert Popper.JS placement to corresponding menu position
|
|
24
|
+
* @param {String} popperPlacement
|
|
25
|
+
*/
|
|
26
|
+
export declare function getMenuPosition(popperPlacement?: PopperPlacement): "top" | "bottom" | "right" | "left";
|