@zendeskgarden/react-dropdowns 9.11.1 → 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.
- package/dist/esm/elements/combobox/Combobox.js +3 -9
- package/dist/esm/elements/menu/Menu.js +7 -6
- package/dist/esm/elements/menu/MenuList.js +3 -8
- package/dist/esm/views/combobox/StyledCombobox.js +1 -1
- package/dist/esm/views/combobox/StyledContainer.js +1 -1
- package/dist/esm/views/combobox/StyledField.js +1 -1
- package/dist/esm/views/combobox/StyledFloatingListbox.js +1 -1
- package/dist/esm/views/combobox/StyledHint.js +1 -1
- package/dist/esm/views/combobox/StyledInput.js +1 -1
- package/dist/esm/views/combobox/StyledInputGroup.js +1 -1
- package/dist/esm/views/combobox/StyledInputIcon.js +1 -1
- package/dist/esm/views/combobox/StyledLabel.js +1 -1
- package/dist/esm/views/combobox/StyledListbox.js +1 -1
- package/dist/esm/views/combobox/StyledListboxSeparator.js +1 -1
- package/dist/esm/views/combobox/StyledMessage.js +1 -1
- package/dist/esm/views/combobox/StyledOptGroup.js +1 -1
- package/dist/esm/views/combobox/StyledOption.js +1 -1
- package/dist/esm/views/combobox/StyledOptionContent.js +1 -1
- package/dist/esm/views/combobox/StyledOptionIcon.js +1 -1
- package/dist/esm/views/combobox/StyledOptionMeta.js +1 -1
- package/dist/esm/views/combobox/StyledOptionSelectionIcon.js +1 -1
- package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
- package/dist/esm/views/combobox/StyledTag.js +1 -1
- package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
- package/dist/esm/views/combobox/StyledTrigger.js +1 -1
- package/dist/esm/views/combobox/StyledValue.js +1 -1
- package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
- package/dist/esm/views/menu/StyledItem.js +1 -1
- package/dist/esm/views/menu/StyledItemAnchor.js +1 -1
- package/dist/esm/views/menu/StyledItemContent.js +1 -1
- package/dist/esm/views/menu/StyledItemGroup.js +1 -1
- package/dist/esm/views/menu/StyledItemIcon.js +1 -1
- package/dist/esm/views/menu/StyledItemMeta.js +1 -1
- package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
- package/dist/esm/views/menu/StyledMenu.js +1 -1
- package/dist/esm/views/menu/StyledSeparator.js +1 -1
- package/dist/index.cjs.js +46 -56
- 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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
29
|
-
"@zendeskgarden/react-forms": "^9.11.
|
|
30
|
-
"@zendeskgarden/react-tags": "^9.11.
|
|
31
|
-
"@zendeskgarden/react-tooltips": "^9.11.
|
|
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.
|
|
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": "
|
|
57
|
+
"gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
|
|
58
58
|
}
|