@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.
Files changed (58) hide show
  1. package/LICENSE.md +176 -0
  2. package/README.md +100 -0
  3. package/dist/index.cjs.js +2082 -0
  4. package/dist/index.esm.js +2032 -0
  5. package/dist/typings/elements/Autocomplete/Autocomplete.d.ts +14 -0
  6. package/dist/typings/elements/Combobox/Combobox.d.ts +14 -0
  7. package/dist/typings/elements/Dropdown/Dropdown.d.ts +26 -0
  8. package/dist/typings/elements/Fields/Field.d.ts +11 -0
  9. package/dist/typings/elements/Fields/Hint.d.ts +11 -0
  10. package/dist/typings/elements/Fields/Label.d.ts +12 -0
  11. package/dist/typings/elements/Fields/Message.d.ts +12 -0
  12. package/dist/typings/elements/Menu/Items/AddItem.d.ts +12 -0
  13. package/dist/typings/elements/Menu/Items/HeaderIcon.d.ts +11 -0
  14. package/dist/typings/elements/Menu/Items/HeaderItem.d.ts +12 -0
  15. package/dist/typings/elements/Menu/Items/Item.d.ts +12 -0
  16. package/dist/typings/elements/Menu/Items/ItemMeta.d.ts +11 -0
  17. package/dist/typings/elements/Menu/Items/MediaBody.d.ts +11 -0
  18. package/dist/typings/elements/Menu/Items/MediaFigure.d.ts +11 -0
  19. package/dist/typings/elements/Menu/Items/MediaItem.d.ts +12 -0
  20. package/dist/typings/elements/Menu/Items/NextItem.d.ts +12 -0
  21. package/dist/typings/elements/Menu/Items/PreviousItem.d.ts +12 -0
  22. package/dist/typings/elements/Menu/Menu.d.ts +14 -0
  23. package/dist/typings/elements/Menu/Separator.d.ts +11 -0
  24. package/dist/typings/elements/Multiselect/Multiselect.d.ts +14 -0
  25. package/dist/typings/elements/Select/Select.d.ts +14 -0
  26. package/dist/typings/elements/Trigger/Trigger.d.ts +24 -0
  27. package/dist/typings/index.d.ts +31 -0
  28. package/dist/typings/styled/index.d.ts +29 -0
  29. package/dist/typings/styled/items/StyledAddItem.d.ts +13 -0
  30. package/dist/typings/styled/items/StyledItem.d.ts +20 -0
  31. package/dist/typings/styled/items/StyledItemIcon.d.ts +17 -0
  32. package/dist/typings/styled/items/StyledItemMeta.d.ts +18 -0
  33. package/dist/typings/styled/items/StyledNextIcon.d.ts +12 -0
  34. package/dist/typings/styled/items/StyledNextItem.d.ts +13 -0
  35. package/dist/typings/styled/items/StyledPreviousIcon.d.ts +12 -0
  36. package/dist/typings/styled/items/StyledPreviousItem.d.ts +13 -0
  37. package/dist/typings/styled/items/header/StyledHeaderIcon.d.ts +14 -0
  38. package/dist/typings/styled/items/header/StyledHeaderItem.d.ts +16 -0
  39. package/dist/typings/styled/items/media/StyledMediaBody.d.ts +17 -0
  40. package/dist/typings/styled/items/media/StyledMediaFigure.d.ts +287 -0
  41. package/dist/typings/styled/items/media/StyledMediaItem.d.ts +13 -0
  42. package/dist/typings/styled/menu/StyledMenu.d.ts +20 -0
  43. package/dist/typings/styled/menu/StyledMenuWrapper.d.ts +16 -0
  44. package/dist/typings/styled/menu/StyledSeparator.d.ts +10 -0
  45. package/dist/typings/styled/multiselect/StyledMultiselectInput.d.ts +22 -0
  46. package/dist/typings/styled/multiselect/StyledMultiselectItemWrapper.d.ts +10 -0
  47. package/dist/typings/styled/multiselect/StyledMultiselectItemsContainer.d.ts +16 -0
  48. package/dist/typings/styled/multiselect/StyledMultiselectMoreAnchor.d.ts +15 -0
  49. package/dist/typings/styled/select/StyledFauxInput.d.ts +22 -0
  50. package/dist/typings/styled/select/StyledInput.d.ts +15 -0
  51. package/dist/typings/styled/select/StyledSelect.d.ts +10 -0
  52. package/dist/typings/types/index.d.ts +150 -0
  53. package/dist/typings/utils/garden-placements.d.ts +26 -0
  54. package/dist/typings/utils/useDropdownContext.d.ts +28 -0
  55. package/dist/typings/utils/useFieldContext.d.ts +17 -0
  56. package/dist/typings/utils/useItemContext.d.ts +16 -0
  57. package/dist/typings/utils/useMenuContext.d.ts +17 -0
  58. 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";