@zendeskgarden/react-dropdowns 9.11.0 → 9.11.2

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 (38) hide show
  1. package/dist/esm/elements/combobox/Combobox.js +3 -9
  2. package/dist/esm/elements/menu/Menu.js +7 -6
  3. package/dist/esm/elements/menu/MenuList.js +3 -8
  4. package/dist/esm/views/combobox/StyledCombobox.js +1 -1
  5. package/dist/esm/views/combobox/StyledContainer.js +1 -1
  6. package/dist/esm/views/combobox/StyledField.js +1 -1
  7. package/dist/esm/views/combobox/StyledFloatingListbox.js +1 -1
  8. package/dist/esm/views/combobox/StyledHint.js +1 -1
  9. package/dist/esm/views/combobox/StyledInput.js +1 -1
  10. package/dist/esm/views/combobox/StyledInputGroup.js +1 -1
  11. package/dist/esm/views/combobox/StyledInputIcon.js +1 -1
  12. package/dist/esm/views/combobox/StyledLabel.js +1 -1
  13. package/dist/esm/views/combobox/StyledListbox.js +1 -1
  14. package/dist/esm/views/combobox/StyledListboxSeparator.js +1 -1
  15. package/dist/esm/views/combobox/StyledMessage.js +1 -1
  16. package/dist/esm/views/combobox/StyledOptGroup.js +1 -1
  17. package/dist/esm/views/combobox/StyledOption.js +1 -1
  18. package/dist/esm/views/combobox/StyledOptionContent.js +1 -1
  19. package/dist/esm/views/combobox/StyledOptionIcon.js +1 -1
  20. package/dist/esm/views/combobox/StyledOptionMeta.js +1 -1
  21. package/dist/esm/views/combobox/StyledOptionSelectionIcon.js +1 -1
  22. package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
  23. package/dist/esm/views/combobox/StyledTag.js +1 -1
  24. package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
  25. package/dist/esm/views/combobox/StyledTrigger.js +1 -1
  26. package/dist/esm/views/combobox/StyledValue.js +1 -1
  27. package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
  28. package/dist/esm/views/menu/StyledItem.js +1 -1
  29. package/dist/esm/views/menu/StyledItemAnchor.js +1 -1
  30. package/dist/esm/views/menu/StyledItemContent.js +1 -1
  31. package/dist/esm/views/menu/StyledItemGroup.js +1 -1
  32. package/dist/esm/views/menu/StyledItemIcon.js +1 -1
  33. package/dist/esm/views/menu/StyledItemMeta.js +1 -1
  34. package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
  35. package/dist/esm/views/menu/StyledMenu.js +1 -1
  36. package/dist/esm/views/menu/StyledSeparator.js +1 -1
  37. package/dist/index.cjs.js +46 -56
  38. package/package.json +7 -7
@@ -65,14 +65,14 @@ const Combobox = forwardRef((_ref, ref) => {
65
65
  isBare,
66
66
  isCompact,
67
67
  isDisabled,
68
- isEditable,
68
+ isEditable = true,
69
69
  isExpanded: _isExpanded,
70
70
  isMultiselectable,
71
71
  listboxAppendToNode,
72
72
  listboxAriaLabel,
73
- listboxMaxHeight,
73
+ listboxMaxHeight = '400px',
74
74
  listboxMinHeight,
75
- listboxZIndex,
75
+ listboxZIndex = 1000,
76
76
  maxHeight,
77
77
  maxTags = MAX_TAGS,
78
78
  onChange,
@@ -321,11 +321,5 @@ Combobox.propTypes = {
321
321
  startIcon: PropTypes.any,
322
322
  validation: PropTypes.oneOf(VALIDATION)
323
323
  };
324
- Combobox.defaultProps = {
325
- isEditable: true,
326
- listboxMaxHeight: '400px',
327
- listboxZIndex: 1000,
328
- maxTags: MAX_TAGS
329
- };
330
324
 
331
325
  export { Combobox };
@@ -31,6 +31,9 @@ const Menu = forwardRef((_ref2, ref) => {
31
31
  selectedItems,
32
32
  onChange,
33
33
  onMouseLeave,
34
+ maxHeight = '400px',
35
+ placement = 'bottom-start',
36
+ zIndex = 1000,
34
37
  ...props
35
38
  } = _ref2;
36
39
  const triggerRef = useRef(null);
@@ -100,7 +103,10 @@ const Menu = forwardRef((_ref2, ref) => {
100
103
  ref: mergeRefs([menuRef, ref]),
101
104
  isCompact: isCompact,
102
105
  isExpanded: isExpanded,
103
- triggerRef: triggerRef
106
+ triggerRef: triggerRef,
107
+ maxHeight: maxHeight,
108
+ placement: placement,
109
+ zIndex: zIndex
104
110
  }), children));
105
111
  });
106
112
  Menu.displayName = 'Menu';
@@ -123,10 +129,5 @@ Menu.propTypes = {
123
129
  selectedItems: PropTypes.arrayOf(PropTypes.any),
124
130
  zIndex: PropTypes.number
125
131
  };
126
- Menu.defaultProps = {
127
- maxHeight: '400px',
128
- placement: 'bottom-start',
129
- zIndex: 1000
130
- };
131
132
 
132
133
  export { Menu };
@@ -53,11 +53,11 @@ const MenuList = forwardRef((_ref, ref) => {
53
53
  isCompact,
54
54
  isExpanded,
55
55
  fallbackPlacements: _fallbackPlacements,
56
- maxHeight,
56
+ maxHeight = '400px',
57
57
  minHeight,
58
- placement: _placement,
58
+ placement: _placement = PLACEMENT_DEFAULT,
59
59
  triggerRef,
60
- zIndex,
60
+ zIndex = 1000,
61
61
  children,
62
62
  ...props
63
63
  } = _ref;
@@ -162,10 +162,5 @@ MenuList.propTypes = {
162
162
  triggerRef: PropTypes.any,
163
163
  zIndex: PropTypes.number
164
164
  };
165
- MenuList.defaultProps = {
166
- maxHeight: '400px',
167
- placement: PLACEMENT_DEFAULT,
168
- zIndex: 1000
169
- };
170
165
 
171
166
  export { MenuList };
@@ -18,7 +18,7 @@ const sizeStyles = props => {
18
18
  };
19
19
  const StyledCombobox = styled.div.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.11.0'
21
+ 'data-garden-version': '9.11.2'
22
22
  }).withConfig({
23
23
  displayName: "StyledCombobox",
24
24
  componentId: "sc-13eybg8-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.container';
11
11
  const StyledContainer = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledContainer",
16
16
  componentId: "sc-14i9jid-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.field';
11
11
  const StyledField = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledField",
16
16
  componentId: "sc-zc57xl-0"
@@ -10,7 +10,7 @@ import { menuStyles, componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.floating';
11
11
  const StyledFloatingListbox = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledFloatingListbox",
16
16
  componentId: "sc-1cp6spf-0"
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.combobox.hint';
12
12
  const StyledHint = styled(Field.Hint).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledHint",
17
17
  componentId: "sc-106qvqx-0"
@@ -35,7 +35,7 @@ const sizeStyles = props => {
35
35
  };
36
36
  const StyledInput = styled.input.attrs({
37
37
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.11.0'
38
+ 'data-garden-version': '9.11.2'
39
39
  }).withConfig({
40
40
  displayName: "StyledInput",
41
41
  componentId: "sc-1lkqdg-0"
@@ -14,7 +14,7 @@ const sizeStyles = props => {
14
14
  };
15
15
  const StyledInputGroup = styled.div.attrs({
16
16
  'data-garden-id': COMPONENT_ID,
17
- 'data-garden-version': '9.11.0'
17
+ 'data-garden-version': '9.11.2'
18
18
  }).withConfig({
19
19
  displayName: "StyledInputGroup",
20
20
  componentId: "sc-yx3q7u-0"
@@ -50,7 +50,7 @@ const sizeStyles = props => {
50
50
  };
51
51
  const StyledInputIcon = styled(StyledBaseIcon).attrs({
52
52
  'data-garden-id': COMPONENT_ID,
53
- 'data-garden-version': '9.11.0'
53
+ 'data-garden-version': '9.11.2'
54
54
  }).withConfig({
55
55
  displayName: "StyledInputIcon",
56
56
  componentId: "sc-gqbs1s-0"
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.combobox.label';
12
12
  const StyledLabel = styled(Field.Label).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledLabel",
17
17
  componentId: "sc-az6now-0"
@@ -18,7 +18,7 @@ const sizeStyles = props => {
18
18
  };
19
19
  const StyledListbox = styled.ul.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.11.0'
21
+ 'data-garden-version': '9.11.2'
22
22
  }).withConfig({
23
23
  displayName: "StyledListbox",
24
24
  componentId: "sc-1k13ba7-0"
@@ -25,7 +25,7 @@ const sizeStyles = props => {
25
25
  };
26
26
  const StyledListboxSeparator = styled.li.attrs({
27
27
  'data-garden-id': COMPONENT_ID,
28
- 'data-garden-version': '9.11.0'
28
+ 'data-garden-version': '9.11.2'
29
29
  }).withConfig({
30
30
  displayName: "StyledListboxSeparator",
31
31
  componentId: "sc-1p6toh2-0"
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.combobox.message';
12
12
  const StyledMessage = styled(Field.Message).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledMessage",
17
17
  componentId: "sc-jux8m5-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.optgroup';
11
11
  const StyledOptGroup = styled.ul.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledOptGroup",
16
16
  componentId: "sc-1kavqsx-0"
@@ -57,7 +57,7 @@ const sizeStyles = props => {
57
57
  };
58
58
  const StyledOption = styled.li.attrs({
59
59
  'data-garden-id': COMPONENT_ID,
60
- 'data-garden-version': '9.11.0'
60
+ 'data-garden-version': '9.11.2'
61
61
  }).withConfig({
62
62
  displayName: "StyledOption",
63
63
  componentId: "sc-jl4wn6-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.option.content';
11
11
  const StyledOptionContent = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledOptionContent",
16
16
  componentId: "sc-121ujpu-0"
@@ -39,7 +39,7 @@ const sizeStyles = props => {
39
39
  };
40
40
  const StyledOptionIcon = styled(StyledBaseIcon).attrs({
41
41
  'data-garden-id': COMPONENT_ID,
42
- 'data-garden-version': '9.11.0'
42
+ 'data-garden-version': '9.11.2'
43
43
  }).withConfig({
44
44
  displayName: "StyledOptionIcon",
45
45
  componentId: "sc-qsab3y-0"
@@ -27,7 +27,7 @@ const sizeStyles = props => {
27
27
  };
28
28
  const StyledOptionMeta = styled.div.attrs({
29
29
  'data-garden-id': COMPONENT_ID,
30
- 'data-garden-version': '9.11.0'
30
+ 'data-garden-version': '9.11.2'
31
31
  }).withConfig({
32
32
  displayName: "StyledOptionMeta",
33
33
  componentId: "sc-j6pu10-0"
@@ -36,7 +36,7 @@ const sizeStyles = _ref2 => {
36
36
  };
37
37
  const StyledOptionSelectionIcon = styled(StyledBaseIcon).attrs({
38
38
  'data-garden-id': COMPONENT_ID,
39
- 'data-garden-version': '9.11.0'
39
+ 'data-garden-version': '9.11.2'
40
40
  }).withConfig({
41
41
  displayName: "StyledOptionSelectionIcon",
42
42
  componentId: "sc-12wj24m-0"
@@ -46,7 +46,7 @@ const sizeStyles = props => {
46
46
  };
47
47
  const StyledOptionTypeIcon = styled(StyledBaseIcon).attrs({
48
48
  'data-garden-id': COMPONENT_ID,
49
- 'data-garden-version': '9.11.0'
49
+ 'data-garden-version': '9.11.2'
50
50
  }).withConfig({
51
51
  displayName: "StyledOptionTypeIcon",
52
52
  componentId: "sc-xpink2-0"
@@ -12,7 +12,7 @@ import { Tag } from '@zendeskgarden/react-tags';
12
12
  const COMPONENT_ID = 'dropdowns.combobox.tag';
13
13
  const StyledTag = styled(Tag).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.11.0'
15
+ 'data-garden-version': '9.11.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledTag",
18
18
  componentId: "sc-1alam0r-0"
@@ -22,7 +22,7 @@ const colorStyles = _ref => {
22
22
  const StyledTagsButton = styled(StyledValue).attrs({
23
23
  as: 'button',
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.11.0'
25
+ 'data-garden-version': '9.11.2'
26
26
  }).withConfig({
27
27
  displayName: "StyledTagsButton",
28
28
  componentId: "sc-6q5w33-0"
@@ -113,7 +113,7 @@ const sizeStyles = props => {
113
113
  };
114
114
  const StyledTrigger = styled.div.attrs({
115
115
  'data-garden-id': COMPONENT_ID,
116
- 'data-garden-version': '9.11.0'
116
+ 'data-garden-version': '9.11.2'
117
117
  }).withConfig({
118
118
  displayName: "StyledTrigger",
119
119
  componentId: "sc-116nftk-0"
@@ -22,7 +22,7 @@ const colorStyles = _ref => {
22
22
  };
23
23
  const StyledValue = styled.div.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.11.0'
25
+ 'data-garden-version': '9.11.2'
26
26
  }).withConfig({
27
27
  displayName: "StyledValue",
28
28
  componentId: "sc-t719sx-0"
@@ -11,7 +11,7 @@ import { StyledFloatingListbox } from '../combobox/StyledFloatingListbox.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.floating';
12
12
  const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledFloatingMenu",
17
17
  componentId: "sc-1rc7ahb-0"
@@ -11,7 +11,7 @@ import { StyledOption } from '../combobox/StyledOption.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item';
12
12
  const StyledItem = styled(StyledOption).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledItem",
17
17
  componentId: "sc-1jp99dq-0"
@@ -12,7 +12,7 @@ import { StyledOption } from '../combobox/StyledOption.js';
12
12
  const COMPONENT_ID = 'dropdowns.menu.item_anchor';
13
13
  const StyledItemAnchor = styled(StyledOption).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.11.0',
15
+ 'data-garden-version': '9.11.2',
16
16
  as: 'a'
17
17
  }).withConfig({
18
18
  displayName: "StyledItemAnchor",
@@ -11,7 +11,7 @@ import { StyledOptionContent } from '../combobox/StyledOptionContent.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item.content';
12
12
  const StyledItemContent = styled(StyledOptionContent).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemContent",
17
17
  componentId: "sc-1opglsb-0"
@@ -11,7 +11,7 @@ import { StyledOptGroup } from '../combobox/StyledOptGroup.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item_group';
12
12
  const StyledItemGroup = styled(StyledOptGroup).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemGroup",
17
17
  componentId: "sc-1umk3cg-0"
@@ -11,7 +11,7 @@ import { StyledOptionIcon } from '../combobox/StyledOptionIcon.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item.icon';
12
12
  const StyledItemIcon = styled(StyledOptionIcon).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemIcon",
17
17
  componentId: "sc-w9orqb-0"
@@ -11,7 +11,7 @@ import { StyledOptionMeta } from '../combobox/StyledOptionMeta.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item.meta';
12
12
  const StyledItemMeta = styled(StyledOptionMeta).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemMeta",
17
17
  componentId: "sc-1unw3x1-0"
@@ -12,7 +12,7 @@ import { StyledItem } from './StyledItem.js';
12
12
  const COMPONENT_ID = 'dropdowns.menu.item.type_icon';
13
13
  const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.11.0'
15
+ 'data-garden-version': '9.11.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledItemTypeIcon",
18
18
  componentId: "sc-1pll3nu-0"
@@ -11,7 +11,7 @@ import { StyledListbox } from '../combobox/StyledListbox.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu';
12
12
  const StyledMenu = styled(StyledListbox).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledMenu",
17
17
  componentId: "sc-f77ntu-0"
@@ -11,7 +11,7 @@ import { StyledListboxSeparator } from '../combobox/StyledListboxSeparator.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.separator';
12
12
  const StyledSeparator = styled(StyledListboxSeparator).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledSeparator",
17
17
  componentId: "sc-8kqwen-0"
package/dist/index.cjs.js CHANGED
@@ -83,7 +83,7 @@ const useFieldContext = () => {
83
83
  const COMPONENT_ID$w = 'dropdowns.combobox.label';
84
84
  const StyledLabel = styled__default.default(reactForms.Field.Label).attrs({
85
85
  'data-garden-id': COMPONENT_ID$w,
86
- 'data-garden-version': '9.11.0'
86
+ 'data-garden-version': '9.11.2'
87
87
  }).withConfig({
88
88
  displayName: "StyledLabel",
89
89
  componentId: "sc-az6now-0"
@@ -92,7 +92,7 @@ const StyledLabel = styled__default.default(reactForms.Field.Label).attrs({
92
92
  const COMPONENT_ID$v = 'dropdowns.combobox.hint';
93
93
  const StyledHint = styled__default.default(reactForms.Field.Hint).attrs({
94
94
  'data-garden-id': COMPONENT_ID$v,
95
- 'data-garden-version': '9.11.0'
95
+ 'data-garden-version': '9.11.2'
96
96
  }).withConfig({
97
97
  displayName: "StyledHint",
98
98
  componentId: "sc-106qvqx-0"
@@ -101,7 +101,7 @@ const StyledHint = styled__default.default(reactForms.Field.Hint).attrs({
101
101
  const COMPONENT_ID$u = 'dropdowns.combobox.message';
102
102
  const StyledMessage = styled__default.default(reactForms.Field.Message).attrs({
103
103
  'data-garden-id': COMPONENT_ID$u,
104
- 'data-garden-version': '9.11.0'
104
+ 'data-garden-version': '9.11.2'
105
105
  }).withConfig({
106
106
  displayName: "StyledMessage",
107
107
  componentId: "sc-jux8m5-0"
@@ -115,7 +115,7 @@ const sizeStyles$b = props => {
115
115
  };
116
116
  const StyledCombobox = styled__default.default.div.attrs({
117
117
  'data-garden-id': COMPONENT_ID$t,
118
- 'data-garden-version': '9.11.0'
118
+ 'data-garden-version': '9.11.2'
119
119
  }).withConfig({
120
120
  displayName: "StyledCombobox",
121
121
  componentId: "sc-13eybg8-0"
@@ -124,7 +124,7 @@ const StyledCombobox = styled__default.default.div.attrs({
124
124
  const COMPONENT_ID$s = 'dropdowns.combobox.container';
125
125
  const StyledContainer = styled__default.default.div.attrs({
126
126
  'data-garden-id': COMPONENT_ID$s,
127
- 'data-garden-version': '9.11.0'
127
+ 'data-garden-version': '9.11.2'
128
128
  }).withConfig({
129
129
  displayName: "StyledContainer",
130
130
  componentId: "sc-14i9jid-0"
@@ -133,7 +133,7 @@ const StyledContainer = styled__default.default.div.attrs({
133
133
  const COMPONENT_ID$r = 'dropdowns.combobox.field';
134
134
  const StyledField = styled__default.default.div.attrs({
135
135
  'data-garden-id': COMPONENT_ID$r,
136
- 'data-garden-version': '9.11.0'
136
+ 'data-garden-version': '9.11.2'
137
137
  }).withConfig({
138
138
  displayName: "StyledField",
139
139
  componentId: "sc-zc57xl-0"
@@ -142,7 +142,7 @@ const StyledField = styled__default.default.div.attrs({
142
142
  const COMPONENT_ID$q = 'dropdowns.combobox.floating';
143
143
  const StyledFloatingListbox = styled__default.default.div.attrs({
144
144
  'data-garden-id': COMPONENT_ID$q,
145
- 'data-garden-version': '9.11.0'
145
+ 'data-garden-version': '9.11.2'
146
146
  }).withConfig({
147
147
  displayName: "StyledFloatingListbox",
148
148
  componentId: "sc-1cp6spf-0"
@@ -180,7 +180,7 @@ const sizeStyles$a = props => {
180
180
  };
181
181
  const StyledInput = styled__default.default.input.attrs({
182
182
  'data-garden-id': COMPONENT_ID$p,
183
- 'data-garden-version': '9.11.0'
183
+ 'data-garden-version': '9.11.2'
184
184
  }).withConfig({
185
185
  displayName: "StyledInput",
186
186
  componentId: "sc-1lkqdg-0"
@@ -193,7 +193,7 @@ const sizeStyles$9 = props => {
193
193
  };
194
194
  const StyledInputGroup = styled__default.default.div.attrs({
195
195
  'data-garden-id': COMPONENT_ID$o,
196
- 'data-garden-version': '9.11.0'
196
+ 'data-garden-version': '9.11.2'
197
197
  }).withConfig({
198
198
  displayName: "StyledInputGroup",
199
199
  componentId: "sc-yx3q7u-0"
@@ -303,7 +303,7 @@ const sizeStyles$8 = props => {
303
303
  };
304
304
  const StyledTrigger = styled__default.default.div.attrs({
305
305
  'data-garden-id': COMPONENT_ID$n,
306
- 'data-garden-version': '9.11.0'
306
+ 'data-garden-version': '9.11.2'
307
307
  }).withConfig({
308
308
  displayName: "StyledTrigger",
309
309
  componentId: "sc-116nftk-0"
@@ -349,7 +349,7 @@ const sizeStyles$7 = props => {
349
349
  };
350
350
  const StyledInputIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
351
351
  'data-garden-id': COMPONENT_ID$m,
352
- 'data-garden-version': '9.11.0'
352
+ 'data-garden-version': '9.11.2'
353
353
  }).withConfig({
354
354
  displayName: "StyledInputIcon",
355
355
  componentId: "sc-gqbs1s-0"
@@ -404,7 +404,7 @@ const sizeStyles$6 = props => {
404
404
  };
405
405
  const StyledOption = styled__default.default.li.attrs({
406
406
  'data-garden-id': COMPONENT_ID$l,
407
- 'data-garden-version': '9.11.0'
407
+ 'data-garden-version': '9.11.2'
408
408
  }).withConfig({
409
409
  displayName: "StyledOption",
410
410
  componentId: "sc-jl4wn6-0"
@@ -413,7 +413,7 @@ const StyledOption = styled__default.default.li.attrs({
413
413
  const COMPONENT_ID$k = 'dropdowns.combobox.option.content';
414
414
  const StyledOptionContent = styled__default.default.div.attrs({
415
415
  'data-garden-id': COMPONENT_ID$k,
416
- 'data-garden-version': '9.11.0'
416
+ 'data-garden-version': '9.11.2'
417
417
  }).withConfig({
418
418
  displayName: "StyledOptionContent",
419
419
  componentId: "sc-121ujpu-0"
@@ -422,7 +422,7 @@ const StyledOptionContent = styled__default.default.div.attrs({
422
422
  const COMPONENT_ID$j = 'dropdowns.combobox.optgroup';
423
423
  const StyledOptGroup = styled__default.default.ul.attrs({
424
424
  'data-garden-id': COMPONENT_ID$j,
425
- 'data-garden-version': '9.11.0'
425
+ 'data-garden-version': '9.11.2'
426
426
  }).withConfig({
427
427
  displayName: "StyledOptGroup",
428
428
  componentId: "sc-1kavqsx-0"
@@ -446,7 +446,7 @@ const sizeStyles$5 = props => {
446
446
  };
447
447
  const StyledListboxSeparator = styled__default.default.li.attrs({
448
448
  'data-garden-id': COMPONENT_ID$i,
449
- 'data-garden-version': '9.11.0'
449
+ 'data-garden-version': '9.11.2'
450
450
  }).withConfig({
451
451
  displayName: "StyledListboxSeparator",
452
452
  componentId: "sc-1p6toh2-0"
@@ -460,7 +460,7 @@ const sizeStyles$4 = props => {
460
460
  };
461
461
  const StyledListbox = styled__default.default.ul.attrs({
462
462
  'data-garden-id': COMPONENT_ID$h,
463
- 'data-garden-version': '9.11.0'
463
+ 'data-garden-version': '9.11.2'
464
464
  }).withConfig({
465
465
  displayName: "StyledListbox",
466
466
  componentId: "sc-1k13ba7-0"
@@ -497,7 +497,7 @@ const sizeStyles$3 = props => {
497
497
  };
498
498
  const StyledOptionIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
499
499
  'data-garden-id': COMPONENT_ID$g,
500
- 'data-garden-version': '9.11.0'
500
+ 'data-garden-version': '9.11.2'
501
501
  }).withConfig({
502
502
  displayName: "StyledOptionIcon",
503
503
  componentId: "sc-qsab3y-0"
@@ -523,7 +523,7 @@ const sizeStyles$2 = props => {
523
523
  };
524
524
  const StyledOptionMeta = styled__default.default.div.attrs({
525
525
  'data-garden-id': COMPONENT_ID$f,
526
- 'data-garden-version': '9.11.0'
526
+ 'data-garden-version': '9.11.2'
527
527
  }).withConfig({
528
528
  displayName: "StyledOptionMeta",
529
529
  componentId: "sc-j6pu10-0"
@@ -556,7 +556,7 @@ const sizeStyles$1 = _ref2 => {
556
556
  };
557
557
  const StyledOptionSelectionIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
558
558
  'data-garden-id': COMPONENT_ID$e,
559
- 'data-garden-version': '9.11.0'
559
+ 'data-garden-version': '9.11.2'
560
560
  }).withConfig({
561
561
  displayName: "StyledOptionSelectionIcon",
562
562
  componentId: "sc-12wj24m-0"
@@ -599,7 +599,7 @@ const sizeStyles = props => {
599
599
  };
600
600
  const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
601
601
  'data-garden-id': COMPONENT_ID$d,
602
- 'data-garden-version': '9.11.0'
602
+ 'data-garden-version': '9.11.2'
603
603
  }).withConfig({
604
604
  displayName: "StyledOptionTypeIcon",
605
605
  componentId: "sc-xpink2-0"
@@ -608,7 +608,7 @@ const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon
608
608
  const COMPONENT_ID$c = 'dropdowns.combobox.tag';
609
609
  const StyledTag = styled__default.default(reactTags.Tag).attrs({
610
610
  'data-garden-id': COMPONENT_ID$c,
611
- 'data-garden-version': '9.11.0'
611
+ 'data-garden-version': '9.11.2'
612
612
  }).withConfig({
613
613
  displayName: "StyledTag",
614
614
  componentId: "sc-1alam0r-0"
@@ -631,7 +631,7 @@ const colorStyles$1 = _ref => {
631
631
  };
632
632
  const StyledValue = styled__default.default.div.attrs({
633
633
  'data-garden-id': COMPONENT_ID$b,
634
- 'data-garden-version': '9.11.0'
634
+ 'data-garden-version': '9.11.2'
635
635
  }).withConfig({
636
636
  displayName: "StyledValue",
637
637
  componentId: "sc-t719sx-0"
@@ -656,7 +656,7 @@ const colorStyles = _ref => {
656
656
  const StyledTagsButton = styled__default.default(StyledValue).attrs({
657
657
  as: 'button',
658
658
  'data-garden-id': COMPONENT_ID$a,
659
- 'data-garden-version': '9.11.0'
659
+ 'data-garden-version': '9.11.2'
660
660
  }).withConfig({
661
661
  displayName: "StyledTagsButton",
662
662
  componentId: "sc-6q5w33-0"
@@ -665,7 +665,7 @@ const StyledTagsButton = styled__default.default(StyledValue).attrs({
665
665
  const COMPONENT_ID$9 = 'dropdowns.menu';
666
666
  const StyledMenu = styled__default.default(StyledListbox).attrs({
667
667
  'data-garden-id': COMPONENT_ID$9,
668
- 'data-garden-version': '9.11.0'
668
+ 'data-garden-version': '9.11.2'
669
669
  }).withConfig({
670
670
  displayName: "StyledMenu",
671
671
  componentId: "sc-f77ntu-0"
@@ -678,7 +678,7 @@ const StyledMenu = styled__default.default(StyledListbox).attrs({
678
678
  const COMPONENT_ID$8 = 'dropdowns.menu.floating';
679
679
  const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs({
680
680
  'data-garden-id': COMPONENT_ID$8,
681
- 'data-garden-version': '9.11.0'
681
+ 'data-garden-version': '9.11.2'
682
682
  }).withConfig({
683
683
  displayName: "StyledFloatingMenu",
684
684
  componentId: "sc-1rc7ahb-0"
@@ -687,7 +687,7 @@ const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs(
687
687
  const COMPONENT_ID$7 = 'dropdowns.menu.item';
688
688
  const StyledItem = styled__default.default(StyledOption).attrs({
689
689
  'data-garden-id': COMPONENT_ID$7,
690
- 'data-garden-version': '9.11.0'
690
+ 'data-garden-version': '9.11.2'
691
691
  }).withConfig({
692
692
  displayName: "StyledItem",
693
693
  componentId: "sc-1jp99dq-0"
@@ -696,7 +696,7 @@ const StyledItem = styled__default.default(StyledOption).attrs({
696
696
  const COMPONENT_ID$6 = 'dropdowns.menu.item.type_icon';
697
697
  const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
698
698
  'data-garden-id': COMPONENT_ID$6,
699
- 'data-garden-version': '9.11.0'
699
+ 'data-garden-version': '9.11.2'
700
700
  }).withConfig({
701
701
  displayName: "StyledItemTypeIcon",
702
702
  componentId: "sc-1pll3nu-0"
@@ -705,7 +705,7 @@ const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
705
705
  const COMPONENT_ID$5 = 'dropdowns.menu.item_anchor';
706
706
  const StyledItemAnchor = styled__default.default(StyledOption).attrs({
707
707
  'data-garden-id': COMPONENT_ID$5,
708
- 'data-garden-version': '9.11.0',
708
+ 'data-garden-version': '9.11.2',
709
709
  as: 'a'
710
710
  }).withConfig({
711
711
  displayName: "StyledItemAnchor",
@@ -715,7 +715,7 @@ const StyledItemAnchor = styled__default.default(StyledOption).attrs({
715
715
  const COMPONENT_ID$4 = 'dropdowns.menu.item.content';
716
716
  const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
717
717
  'data-garden-id': COMPONENT_ID$4,
718
- 'data-garden-version': '9.11.0'
718
+ 'data-garden-version': '9.11.2'
719
719
  }).withConfig({
720
720
  displayName: "StyledItemContent",
721
721
  componentId: "sc-1opglsb-0"
@@ -724,7 +724,7 @@ const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
724
724
  const COMPONENT_ID$3 = 'dropdowns.menu.item_group';
725
725
  const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
726
726
  'data-garden-id': COMPONENT_ID$3,
727
- 'data-garden-version': '9.11.0'
727
+ 'data-garden-version': '9.11.2'
728
728
  }).withConfig({
729
729
  displayName: "StyledItemGroup",
730
730
  componentId: "sc-1umk3cg-0"
@@ -733,7 +733,7 @@ const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
733
733
  const COMPONENT_ID$2 = 'dropdowns.menu.item.icon';
734
734
  const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
735
735
  'data-garden-id': COMPONENT_ID$2,
736
- 'data-garden-version': '9.11.0'
736
+ 'data-garden-version': '9.11.2'
737
737
  }).withConfig({
738
738
  displayName: "StyledItemIcon",
739
739
  componentId: "sc-w9orqb-0"
@@ -742,7 +742,7 @@ const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
742
742
  const COMPONENT_ID$1 = 'dropdowns.menu.item.meta';
743
743
  const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
744
744
  'data-garden-id': COMPONENT_ID$1,
745
- 'data-garden-version': '9.11.0'
745
+ 'data-garden-version': '9.11.2'
746
746
  }).withConfig({
747
747
  displayName: "StyledItemMeta",
748
748
  componentId: "sc-1unw3x1-0"
@@ -751,7 +751,7 @@ const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
751
751
  const COMPONENT_ID = 'dropdowns.menu.separator';
752
752
  const StyledSeparator = styled__default.default(StyledListboxSeparator).attrs({
753
753
  'data-garden-id': COMPONENT_ID,
754
- 'data-garden-version': '9.11.0'
754
+ 'data-garden-version': '9.11.2'
755
755
  }).withConfig({
756
756
  displayName: "StyledSeparator",
757
757
  componentId: "sc-8kqwen-0"
@@ -989,14 +989,14 @@ const Combobox = React.forwardRef((_ref, ref) => {
989
989
  isBare,
990
990
  isCompact,
991
991
  isDisabled,
992
- isEditable,
992
+ isEditable = true,
993
993
  isExpanded: _isExpanded,
994
994
  isMultiselectable,
995
995
  listboxAppendToNode,
996
996
  listboxAriaLabel,
997
- listboxMaxHeight,
997
+ listboxMaxHeight = '400px',
998
998
  listboxMinHeight,
999
- listboxZIndex,
999
+ listboxZIndex = 1000,
1000
1000
  maxHeight,
1001
1001
  maxTags = MAX_TAGS,
1002
1002
  onChange,
@@ -1245,12 +1245,6 @@ Combobox.propTypes = {
1245
1245
  startIcon: PropTypes__default.default.any,
1246
1246
  validation: PropTypes__default.default.oneOf(reactForms.VALIDATION)
1247
1247
  };
1248
- Combobox.defaultProps = {
1249
- isEditable: true,
1250
- listboxMaxHeight: '400px',
1251
- listboxZIndex: 1000,
1252
- maxTags: MAX_TAGS
1253
- };
1254
1248
 
1255
1249
  const Hint = React.forwardRef((props, ref) => {
1256
1250
  const {
@@ -1658,11 +1652,11 @@ const MenuList = React.forwardRef((_ref, ref) => {
1658
1652
  isCompact,
1659
1653
  isExpanded,
1660
1654
  fallbackPlacements: _fallbackPlacements,
1661
- maxHeight,
1655
+ maxHeight = '400px',
1662
1656
  minHeight,
1663
- placement: _placement,
1657
+ placement: _placement = PLACEMENT_DEFAULT,
1664
1658
  triggerRef,
1665
- zIndex,
1659
+ zIndex = 1000,
1666
1660
  children,
1667
1661
  ...props
1668
1662
  } = _ref;
@@ -1767,11 +1761,6 @@ MenuList.propTypes = {
1767
1761
  triggerRef: PropTypes__default.default.any,
1768
1762
  zIndex: PropTypes__default.default.number
1769
1763
  };
1770
- MenuList.defaultProps = {
1771
- maxHeight: '400px',
1772
- placement: PLACEMENT_DEFAULT,
1773
- zIndex: 1000
1774
- };
1775
1764
 
1776
1765
  const Menu = React.forwardRef((_ref2, ref) => {
1777
1766
  let {
@@ -1787,6 +1776,9 @@ const Menu = React.forwardRef((_ref2, ref) => {
1787
1776
  selectedItems,
1788
1777
  onChange,
1789
1778
  onMouseLeave,
1779
+ maxHeight = '400px',
1780
+ placement = 'bottom-start',
1781
+ zIndex = 1000,
1790
1782
  ...props
1791
1783
  } = _ref2;
1792
1784
  const triggerRef = React.useRef(null);
@@ -1856,7 +1848,10 @@ const Menu = React.forwardRef((_ref2, ref) => {
1856
1848
  ref: reactMergeRefs.mergeRefs([menuRef, ref]),
1857
1849
  isCompact: isCompact,
1858
1850
  isExpanded: isExpanded,
1859
- triggerRef: triggerRef
1851
+ triggerRef: triggerRef,
1852
+ maxHeight: maxHeight,
1853
+ placement: placement,
1854
+ zIndex: zIndex
1860
1855
  }), children));
1861
1856
  });
1862
1857
  Menu.displayName = 'Menu';
@@ -1879,11 +1874,6 @@ Menu.propTypes = {
1879
1874
  selectedItems: PropTypes__default.default.arrayOf(PropTypes__default.default.any),
1880
1875
  zIndex: PropTypes__default.default.number
1881
1876
  };
1882
- Menu.defaultProps = {
1883
- maxHeight: '400px',
1884
- placement: 'bottom-start',
1885
- zIndex: 1000
1886
- };
1887
1877
 
1888
1878
  const ItemGroupContext = React.createContext({});
1889
1879
  const useItemGroupContext = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "9.11.0",
3
+ "version": "9.11.2",
4
4
  "description": "Components related to dropdowns in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -25,10 +25,10 @@
25
25
  "@zendeskgarden/container-combobox": "^2.0.5",
26
26
  "@zendeskgarden/container-menu": "^1.0.1",
27
27
  "@zendeskgarden/container-utilities": "^2.0.0",
28
- "@zendeskgarden/react-buttons": "^9.11.0",
29
- "@zendeskgarden/react-forms": "^9.11.0",
30
- "@zendeskgarden/react-tags": "^9.11.0",
31
- "@zendeskgarden/react-tooltips": "^9.11.0",
28
+ "@zendeskgarden/react-buttons": "^9.11.2",
29
+ "@zendeskgarden/react-forms": "^9.11.2",
30
+ "@zendeskgarden/react-tags": "^9.11.2",
31
+ "@zendeskgarden/react-tooltips": "^9.11.2",
32
32
  "polished": "^4.3.1",
33
33
  "prop-types": "^15.7.2",
34
34
  "react-merge-refs": "^2.0.0"
@@ -40,7 +40,7 @@
40
40
  "styled-components": "^5.3.1 || ^6.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@zendeskgarden/react-theming": "^9.11.0",
43
+ "@zendeskgarden/react-theming": "^9.11.2",
44
44
  "@zendeskgarden/svg-icons": "7.5.0"
45
45
  },
46
46
  "keywords": [
@@ -54,5 +54,5 @@
54
54
  "access": "public"
55
55
  },
56
56
  "zendeskgarden:src": "src/index.ts",
57
- "gitHead": "1bde0483c654e7fc3482c7b95741147a01073ef9"
57
+ "gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
58
58
  }