@zendeskgarden/react-dropdowns.legacy 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/Menu/Menu.js +5 -12
- package/dist/esm/elements/Multiselect/Multiselect.js +1 -4
- package/dist/esm/elements/Trigger/Trigger.js +1 -4
- package/dist/esm/styled/items/StyledAddItem.js +1 -1
- package/dist/esm/styled/items/StyledItem.js +1 -1
- package/dist/esm/styled/items/StyledItemIcon.js +1 -1
- package/dist/esm/styled/items/StyledItemMeta.js +1 -1
- package/dist/esm/styled/items/StyledNextIcon.js +1 -1
- package/dist/esm/styled/items/StyledNextItem.js +1 -1
- package/dist/esm/styled/items/StyledPreviousIcon.js +1 -1
- package/dist/esm/styled/items/StyledPreviousItem.js +1 -1
- package/dist/esm/styled/items/header/StyledHeaderIcon.js +1 -1
- package/dist/esm/styled/items/header/StyledHeaderItem.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaBody.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaFigure.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaItem.js +1 -1
- package/dist/esm/styled/menu/StyledMenu.js +1 -1
- package/dist/esm/styled/menu/StyledMenuWrapper.js +1 -1
- package/dist/esm/styled/menu/StyledSeparator.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectInput.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectItemWrapper.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectItemsContainer.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectMoreAnchor.js +1 -1
- package/dist/esm/styled/select/StyledFauxInput.js +1 -1
- package/dist/esm/styled/select/StyledInput.js +1 -1
- package/dist/esm/styled/select/StyledSelect.js +1 -1
- package/dist/index.cjs.js +30 -43
- package/dist/typings/elements/Trigger/Trigger.d.ts +0 -3
- package/package.json +4 -4
|
@@ -41,15 +41,15 @@ const Menu = forwardRef((props, menuRef) => {
|
|
|
41
41
|
const {
|
|
42
42
|
appendToNode,
|
|
43
43
|
children,
|
|
44
|
-
eventsEnabled,
|
|
44
|
+
eventsEnabled = true,
|
|
45
45
|
hasArrow,
|
|
46
|
-
isAnimated,
|
|
46
|
+
isAnimated = true,
|
|
47
47
|
isCompact,
|
|
48
|
-
maxHeight,
|
|
49
|
-
placement,
|
|
48
|
+
maxHeight = '400px',
|
|
49
|
+
placement = 'bottom-start',
|
|
50
50
|
popperModifiers,
|
|
51
51
|
style: menuStyle,
|
|
52
|
-
zIndex,
|
|
52
|
+
zIndex = 1000,
|
|
53
53
|
...other
|
|
54
54
|
} = props;
|
|
55
55
|
const {
|
|
@@ -148,12 +148,5 @@ Menu.propTypes = {
|
|
|
148
148
|
hasArrow: PropTypes.bool,
|
|
149
149
|
maxHeight: PropTypes.string
|
|
150
150
|
};
|
|
151
|
-
Menu.defaultProps = {
|
|
152
|
-
placement: 'bottom-start',
|
|
153
|
-
isAnimated: true,
|
|
154
|
-
eventsEnabled: true,
|
|
155
|
-
maxHeight: '400px',
|
|
156
|
-
zIndex: 1000
|
|
157
|
-
};
|
|
158
151
|
|
|
159
152
|
export { Menu };
|
|
@@ -44,7 +44,7 @@ const Multiselect = React__default.forwardRef((_ref, ref) => {
|
|
|
44
44
|
let {
|
|
45
45
|
renderItem,
|
|
46
46
|
placeholder,
|
|
47
|
-
maxItems,
|
|
47
|
+
maxItems = 4,
|
|
48
48
|
renderShowMore,
|
|
49
49
|
inputRef: externalInputRef = null,
|
|
50
50
|
start,
|
|
@@ -308,9 +308,6 @@ Multiselect.propTypes = {
|
|
|
308
308
|
maxItems: PropTypes.number,
|
|
309
309
|
validation: PropTypes.oneOf(['success', 'warning', 'error'])
|
|
310
310
|
};
|
|
311
|
-
Multiselect.defaultProps = {
|
|
312
|
-
maxItems: 4
|
|
313
|
-
};
|
|
314
311
|
Multiselect.displayName = 'Multiselect';
|
|
315
312
|
|
|
316
313
|
export { Multiselect };
|
|
@@ -36,7 +36,7 @@ import useDropdownContext from '../../utils/useDropdownContext.js';
|
|
|
36
36
|
const Trigger = _ref => {
|
|
37
37
|
let {
|
|
38
38
|
children,
|
|
39
|
-
refKey,
|
|
39
|
+
refKey = 'ref',
|
|
40
40
|
...triggerProps
|
|
41
41
|
} = _ref;
|
|
42
42
|
const {
|
|
@@ -178,8 +178,5 @@ Trigger.propTypes = {
|
|
|
178
178
|
children: PropTypes.any,
|
|
179
179
|
refKey: PropTypes.string
|
|
180
180
|
};
|
|
181
|
-
Trigger.defaultProps = {
|
|
182
|
-
refKey: 'ref'
|
|
183
|
-
};
|
|
184
181
|
|
|
185
182
|
export { Trigger };
|
|
@@ -11,7 +11,7 @@ import { StyledItem } from './StyledItem.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.add_item';
|
|
12
12
|
const StyledAddItem = styled(StyledItem).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: "StyledAddItem",
|
|
17
17
|
componentId: "sc-mlto71-0"
|
|
@@ -41,7 +41,7 @@ const getColorStyles = props => {
|
|
|
41
41
|
};
|
|
42
42
|
const StyledItem = styled.li.attrs(props => ({
|
|
43
43
|
'data-garden-id': COMPONENT_ID,
|
|
44
|
-
'data-garden-version': '9.11.
|
|
44
|
+
'data-garden-version': '9.11.2',
|
|
45
45
|
'aria-disabled': props.disabled
|
|
46
46
|
})).withConfig({
|
|
47
47
|
displayName: "StyledItem",
|
|
@@ -15,7 +15,7 @@ const getSizeStyles = props => {
|
|
|
15
15
|
};
|
|
16
16
|
const StyledItemIcon = styled.div.attrs({
|
|
17
17
|
'data-garden-id': COMPONENT_ID,
|
|
18
|
-
'data-garden-version': '9.11.
|
|
18
|
+
'data-garden-version': '9.11.2'
|
|
19
19
|
}).withConfig({
|
|
20
20
|
displayName: "StyledItemIcon",
|
|
21
21
|
componentId: "sc-pspm80-0"
|
|
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.item_meta';
|
|
11
11
|
const StyledItemMeta = styled.span.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: "StyledItemMeta",
|
|
16
16
|
componentId: "sc-1m3x8m1-0"
|
|
@@ -12,7 +12,7 @@ import { StyledItemIcon } from './StyledItemIcon.js';
|
|
|
12
12
|
const COMPONENT_ID = 'dropdowns.next_item';
|
|
13
13
|
const StyledNextItem = styled(StyledItem).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: "StyledNextItem",
|
|
18
18
|
componentId: "sc-1wrjlge-0"
|
|
@@ -11,7 +11,7 @@ import { StyledItem } from './StyledItem.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.previous_item';
|
|
12
12
|
const StyledPreviousItem = styled(StyledItem).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: "StyledPreviousItem",
|
|
17
17
|
componentId: "sc-1qv9jwe-0"
|
|
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.header_icon';
|
|
11
11
|
const StyledHeaderIcon = 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: "StyledHeaderIcon",
|
|
16
16
|
componentId: "sc-ow8s45-0"
|
|
@@ -17,7 +17,7 @@ const getHorizontalPadding = props => {
|
|
|
17
17
|
};
|
|
18
18
|
const StyledHeaderItem = styled(StyledItem).attrs({
|
|
19
19
|
'data-garden-id': COMPONENT_ID,
|
|
20
|
-
'data-garden-version': '9.11.
|
|
20
|
+
'data-garden-version': '9.11.2'
|
|
21
21
|
}).withConfig({
|
|
22
22
|
displayName: "StyledHeaderItem",
|
|
23
23
|
componentId: "sc-1xosinr-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.media_body';
|
|
11
11
|
const StyledMediaBody = 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: "StyledMediaBody",
|
|
16
16
|
componentId: "sc-133sssc-0"
|
|
@@ -20,7 +20,7 @@ _ref => {
|
|
|
20
20
|
return React__default.cloneElement(Children.only(children), props);
|
|
21
21
|
}).attrs({
|
|
22
22
|
'data-garden-id': COMPONENT_ID,
|
|
23
|
-
'data-garden-version': '9.11.
|
|
23
|
+
'data-garden-version': '9.11.2'
|
|
24
24
|
}).withConfig({
|
|
25
25
|
displayName: "StyledMediaFigure",
|
|
26
26
|
componentId: "sc-16vz3xj-0"
|
|
@@ -11,7 +11,7 @@ import { StyledItem } from '../StyledItem.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.media_item';
|
|
12
12
|
const StyledMediaItem = styled(StyledItem).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: "StyledMediaItem",
|
|
17
17
|
componentId: "sc-af4509-0"
|
|
@@ -11,7 +11,7 @@ import { getArrowPosition } from '../../utils/garden-placements.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu';
|
|
12
12
|
const StyledMenu = styled.ul.attrs(props => ({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.11.
|
|
14
|
+
'data-garden-version': '9.11.2',
|
|
15
15
|
className: props.$isAnimated ? 'is-animated' : undefined
|
|
16
16
|
})).withConfig({
|
|
17
17
|
displayName: "StyledMenu",
|
|
@@ -11,7 +11,7 @@ import { getMenuPosition } from '../../utils/garden-placements.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu_wrapper';
|
|
12
12
|
const StyledMenuWrapper = styled.div.attrs(props => ({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.11.
|
|
14
|
+
'data-garden-version': '9.11.2',
|
|
15
15
|
className: props.$isAnimated ? 'is-animated' : undefined
|
|
16
16
|
})).withConfig({
|
|
17
17
|
displayName: "StyledMenuWrapper",
|
|
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.separator';
|
|
11
11
|
const StyledSeparator = styled.li.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.2',
|
|
14
14
|
role: 'separator'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledSeparator",
|
|
@@ -25,7 +25,7 @@ const visibleStyling = _ref => {
|
|
|
25
25
|
};
|
|
26
26
|
const StyledMultiselectInput = styled(StyledInput).attrs({
|
|
27
27
|
'data-garden-id': COMPONENT_ID,
|
|
28
|
-
'data-garden-version': '9.11.
|
|
28
|
+
'data-garden-version': '9.11.2',
|
|
29
29
|
isBare: true
|
|
30
30
|
}).withConfig({
|
|
31
31
|
displayName: "StyledMultiselectInput",
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.multiselect_item_wrapper';
|
|
11
11
|
const StyledMultiselectItemWrapper = 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: "StyledMultiselectItemWrapper",
|
|
16
16
|
componentId: "sc-vgr7nd-0"
|
|
@@ -22,7 +22,7 @@ const sizeStyles = props => {
|
|
|
22
22
|
};
|
|
23
23
|
const StyledMultiselectItemsContainer = 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: "StyledMultiselectItemsContainer",
|
|
28
28
|
componentId: "sc-1dxwjyz-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
|
|
11
11
|
const StyledMultiselectMoreAnchor = 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: "StyledMultiselectMoreAnchor",
|
|
16
16
|
componentId: "sc-pkakky-0"
|
|
@@ -11,7 +11,7 @@ import { FauxInput } from '@zendeskgarden/react-forms';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.faux_input';
|
|
12
12
|
const StyledFauxInput = styled(FauxInput).attrs(props => ({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.11.
|
|
14
|
+
'data-garden-version': '9.11.2',
|
|
15
15
|
mediaLayout: true,
|
|
16
16
|
theme: props.theme
|
|
17
17
|
})).withConfig({
|
|
@@ -12,7 +12,7 @@ const COMPONENT_ID = 'dropdowns.input';
|
|
|
12
12
|
const hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
|
|
13
13
|
const StyledInput = styled(Input).attrs({
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '9.11.
|
|
15
|
+
'data-garden-version': '9.11.2',
|
|
16
16
|
isBare: true
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledInput",
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.select';
|
|
11
11
|
const StyledSelect = 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: "StyledSelect",
|
|
16
16
|
componentId: "sc-xf4qjv-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -289,7 +289,7 @@ function getMenuPosition(popperPlacement) {
|
|
|
289
289
|
const COMPONENT_ID$m = 'dropdowns.menu';
|
|
290
290
|
const StyledMenu = styled__default.default.ul.attrs(props => ({
|
|
291
291
|
'data-garden-id': COMPONENT_ID$m,
|
|
292
|
-
'data-garden-version': '9.11.
|
|
292
|
+
'data-garden-version': '9.11.2',
|
|
293
293
|
className: props.$isAnimated ? 'is-animated' : undefined
|
|
294
294
|
})).withConfig({
|
|
295
295
|
displayName: "StyledMenu",
|
|
@@ -303,7 +303,7 @@ const StyledMenu = styled__default.default.ul.attrs(props => ({
|
|
|
303
303
|
const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
|
|
304
304
|
const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
|
|
305
305
|
'data-garden-id': COMPONENT_ID$l,
|
|
306
|
-
'data-garden-version': '9.11.
|
|
306
|
+
'data-garden-version': '9.11.2',
|
|
307
307
|
className: props.$isAnimated ? 'is-animated' : undefined
|
|
308
308
|
})).withConfig({
|
|
309
309
|
displayName: "StyledMenuWrapper",
|
|
@@ -319,7 +319,7 @@ const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
|
|
|
319
319
|
const COMPONENT_ID$k = 'dropdowns.separator';
|
|
320
320
|
const StyledSeparator = styled__default.default.li.attrs({
|
|
321
321
|
'data-garden-id': COMPONENT_ID$k,
|
|
322
|
-
'data-garden-version': '9.11.
|
|
322
|
+
'data-garden-version': '9.11.2',
|
|
323
323
|
role: 'separator'
|
|
324
324
|
}).withConfig({
|
|
325
325
|
displayName: "StyledSeparator",
|
|
@@ -363,7 +363,7 @@ const getColorStyles = props => {
|
|
|
363
363
|
};
|
|
364
364
|
const StyledItem = styled__default.default.li.attrs(props => ({
|
|
365
365
|
'data-garden-id': COMPONENT_ID$j,
|
|
366
|
-
'data-garden-version': '9.11.
|
|
366
|
+
'data-garden-version': '9.11.2',
|
|
367
367
|
'aria-disabled': props.disabled
|
|
368
368
|
})).withConfig({
|
|
369
369
|
displayName: "StyledItem",
|
|
@@ -373,7 +373,7 @@ const StyledItem = styled__default.default.li.attrs(props => ({
|
|
|
373
373
|
const COMPONENT_ID$i = 'dropdowns.add_item';
|
|
374
374
|
const StyledAddItem = styled__default.default(StyledItem).attrs({
|
|
375
375
|
'data-garden-id': COMPONENT_ID$i,
|
|
376
|
-
'data-garden-version': '9.11.
|
|
376
|
+
'data-garden-version': '9.11.2'
|
|
377
377
|
}).withConfig({
|
|
378
378
|
displayName: "StyledAddItem",
|
|
379
379
|
componentId: "sc-mlto71-0"
|
|
@@ -385,7 +385,7 @@ const StyledAddItem = styled__default.default(StyledItem).attrs({
|
|
|
385
385
|
const COMPONENT_ID$h = 'dropdowns.item_meta';
|
|
386
386
|
const StyledItemMeta = styled__default.default.span.attrs({
|
|
387
387
|
'data-garden-id': COMPONENT_ID$h,
|
|
388
|
-
'data-garden-version': '9.11.
|
|
388
|
+
'data-garden-version': '9.11.2'
|
|
389
389
|
}).withConfig({
|
|
390
390
|
displayName: "StyledItemMeta",
|
|
391
391
|
componentId: "sc-1m3x8m1-0"
|
|
@@ -400,7 +400,7 @@ const getSizeStyles = props => {
|
|
|
400
400
|
};
|
|
401
401
|
const StyledItemIcon = styled__default.default.div.attrs({
|
|
402
402
|
'data-garden-id': COMPONENT_ID$g,
|
|
403
|
-
'data-garden-version': '9.11.
|
|
403
|
+
'data-garden-version': '9.11.2'
|
|
404
404
|
}).withConfig({
|
|
405
405
|
displayName: "StyledItemIcon",
|
|
406
406
|
componentId: "sc-pspm80-0"
|
|
@@ -412,7 +412,7 @@ const StyledItemIcon = styled__default.default.div.attrs({
|
|
|
412
412
|
const COMPONENT_ID$f = 'dropdowns.next_item';
|
|
413
413
|
const StyledNextItem = styled__default.default(StyledItem).attrs({
|
|
414
414
|
'data-garden-id': COMPONENT_ID$f,
|
|
415
|
-
'data-garden-version': '9.11.
|
|
415
|
+
'data-garden-version': '9.11.2'
|
|
416
416
|
}).withConfig({
|
|
417
417
|
displayName: "StyledNextItem",
|
|
418
418
|
componentId: "sc-1wrjlge-0"
|
|
@@ -441,7 +441,7 @@ const NextIconComponent = _ref => {
|
|
|
441
441
|
} = _ref;
|
|
442
442
|
return React__namespace.default.createElement(SvgChevronRightStroke, {
|
|
443
443
|
"data-garden-id": COMPONENT_ID$e,
|
|
444
|
-
"data-garden-version": '9.11.
|
|
444
|
+
"data-garden-version": '9.11.2',
|
|
445
445
|
className: className
|
|
446
446
|
});
|
|
447
447
|
};
|
|
@@ -456,7 +456,7 @@ const StyledNextIcon = styled__default.default(NextIconComponent).withConfig({
|
|
|
456
456
|
const COMPONENT_ID$d = 'dropdowns.previous_item';
|
|
457
457
|
const StyledPreviousItem = styled__default.default(StyledItem).attrs({
|
|
458
458
|
'data-garden-id': COMPONENT_ID$d,
|
|
459
|
-
'data-garden-version': '9.11.
|
|
459
|
+
'data-garden-version': '9.11.2'
|
|
460
460
|
}).withConfig({
|
|
461
461
|
displayName: "StyledPreviousItem",
|
|
462
462
|
componentId: "sc-1qv9jwe-0"
|
|
@@ -485,7 +485,7 @@ const PreviousIconComponent = _ref => {
|
|
|
485
485
|
} = _ref;
|
|
486
486
|
return React__namespace.default.createElement(SvgChevronLeftStroke, {
|
|
487
487
|
"data-garden-id": COMPONENT_ID$c,
|
|
488
|
-
"data-garden-version": '9.11.
|
|
488
|
+
"data-garden-version": '9.11.2',
|
|
489
489
|
className: className
|
|
490
490
|
});
|
|
491
491
|
};
|
|
@@ -500,7 +500,7 @@ const StyledPreviousIcon = styled__default.default(PreviousIconComponent).withCo
|
|
|
500
500
|
const COMPONENT_ID$b = 'dropdowns.header_icon';
|
|
501
501
|
const StyledHeaderIcon = styled__default.default.div.attrs({
|
|
502
502
|
'data-garden-id': COMPONENT_ID$b,
|
|
503
|
-
'data-garden-version': '9.11.
|
|
503
|
+
'data-garden-version': '9.11.2'
|
|
504
504
|
}).withConfig({
|
|
505
505
|
displayName: "StyledHeaderIcon",
|
|
506
506
|
componentId: "sc-ow8s45-0"
|
|
@@ -518,7 +518,7 @@ const getHorizontalPadding = props => {
|
|
|
518
518
|
};
|
|
519
519
|
const StyledHeaderItem = styled__default.default(StyledItem).attrs({
|
|
520
520
|
'data-garden-id': COMPONENT_ID$a,
|
|
521
|
-
'data-garden-version': '9.11.
|
|
521
|
+
'data-garden-version': '9.11.2'
|
|
522
522
|
}).withConfig({
|
|
523
523
|
displayName: "StyledHeaderItem",
|
|
524
524
|
componentId: "sc-1xosinr-0"
|
|
@@ -527,7 +527,7 @@ const StyledHeaderItem = styled__default.default(StyledItem).attrs({
|
|
|
527
527
|
const COMPONENT_ID$9 = 'dropdowns.media_body';
|
|
528
528
|
const StyledMediaBody = styled__default.default.div.attrs({
|
|
529
529
|
'data-garden-id': COMPONENT_ID$9,
|
|
530
|
-
'data-garden-version': '9.11.
|
|
530
|
+
'data-garden-version': '9.11.2'
|
|
531
531
|
}).withConfig({
|
|
532
532
|
displayName: "StyledMediaBody",
|
|
533
533
|
componentId: "sc-133sssc-0"
|
|
@@ -545,7 +545,7 @@ _ref => {
|
|
|
545
545
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
546
546
|
}).attrs({
|
|
547
547
|
'data-garden-id': COMPONENT_ID$8,
|
|
548
|
-
'data-garden-version': '9.11.
|
|
548
|
+
'data-garden-version': '9.11.2'
|
|
549
549
|
}).withConfig({
|
|
550
550
|
displayName: "StyledMediaFigure",
|
|
551
551
|
componentId: "sc-16vz3xj-0"
|
|
@@ -554,7 +554,7 @@ _ref => {
|
|
|
554
554
|
const COMPONENT_ID$7 = 'dropdowns.media_item';
|
|
555
555
|
const StyledMediaItem = styled__default.default(StyledItem).attrs({
|
|
556
556
|
'data-garden-id': COMPONENT_ID$7,
|
|
557
|
-
'data-garden-version': '9.11.
|
|
557
|
+
'data-garden-version': '9.11.2'
|
|
558
558
|
}).withConfig({
|
|
559
559
|
displayName: "StyledMediaItem",
|
|
560
560
|
componentId: "sc-af4509-0"
|
|
@@ -563,7 +563,7 @@ const StyledMediaItem = styled__default.default(StyledItem).attrs({
|
|
|
563
563
|
const COMPONENT_ID$6 = 'dropdowns.faux_input';
|
|
564
564
|
const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
|
|
565
565
|
'data-garden-id': COMPONENT_ID$6,
|
|
566
|
-
'data-garden-version': '9.11.
|
|
566
|
+
'data-garden-version': '9.11.2',
|
|
567
567
|
mediaLayout: true,
|
|
568
568
|
theme: props.theme
|
|
569
569
|
})).withConfig({
|
|
@@ -575,7 +575,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
|
|
|
575
575
|
const hiddenStyling = styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
|
|
576
576
|
const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
577
577
|
'data-garden-id': COMPONENT_ID$5,
|
|
578
|
-
'data-garden-version': '9.11.
|
|
578
|
+
'data-garden-version': '9.11.2',
|
|
579
579
|
isBare: true
|
|
580
580
|
}).withConfig({
|
|
581
581
|
displayName: "StyledInput",
|
|
@@ -585,7 +585,7 @@ const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
|
585
585
|
const COMPONENT_ID$4 = 'dropdowns.select';
|
|
586
586
|
const StyledSelect = styled__default.default.div.attrs({
|
|
587
587
|
'data-garden-id': COMPONENT_ID$4,
|
|
588
|
-
'data-garden-version': '9.11.
|
|
588
|
+
'data-garden-version': '9.11.2'
|
|
589
589
|
}).withConfig({
|
|
590
590
|
displayName: "StyledSelect",
|
|
591
591
|
componentId: "sc-xf4qjv-0"
|
|
@@ -608,7 +608,7 @@ const visibleStyling = _ref => {
|
|
|
608
608
|
};
|
|
609
609
|
const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
|
|
610
610
|
'data-garden-id': COMPONENT_ID$3,
|
|
611
|
-
'data-garden-version': '9.11.
|
|
611
|
+
'data-garden-version': '9.11.2',
|
|
612
612
|
isBare: true
|
|
613
613
|
}).withConfig({
|
|
614
614
|
displayName: "StyledMultiselectInput",
|
|
@@ -630,7 +630,7 @@ const sizeStyles = props => {
|
|
|
630
630
|
};
|
|
631
631
|
const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
|
|
632
632
|
'data-garden-id': COMPONENT_ID$2,
|
|
633
|
-
'data-garden-version': '9.11.
|
|
633
|
+
'data-garden-version': '9.11.2'
|
|
634
634
|
}).withConfig({
|
|
635
635
|
displayName: "StyledMultiselectItemsContainer",
|
|
636
636
|
componentId: "sc-1dxwjyz-0"
|
|
@@ -639,7 +639,7 @@ const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
|
|
|
639
639
|
const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
|
|
640
640
|
const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
|
|
641
641
|
'data-garden-id': COMPONENT_ID$1,
|
|
642
|
-
'data-garden-version': '9.11.
|
|
642
|
+
'data-garden-version': '9.11.2'
|
|
643
643
|
}).withConfig({
|
|
644
644
|
displayName: "StyledMultiselectItemWrapper",
|
|
645
645
|
componentId: "sc-vgr7nd-0"
|
|
@@ -648,7 +648,7 @@ const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
|
|
|
648
648
|
const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
|
|
649
649
|
const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
|
|
650
650
|
'data-garden-id': COMPONENT_ID,
|
|
651
|
-
'data-garden-version': '9.11.
|
|
651
|
+
'data-garden-version': '9.11.2'
|
|
652
652
|
}).withConfig({
|
|
653
653
|
displayName: "StyledMultiselectMoreAnchor",
|
|
654
654
|
componentId: "sc-pkakky-0"
|
|
@@ -660,7 +660,7 @@ const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
|
|
|
660
660
|
const Trigger = _ref => {
|
|
661
661
|
let {
|
|
662
662
|
children,
|
|
663
|
-
refKey,
|
|
663
|
+
refKey = 'ref',
|
|
664
664
|
...triggerProps
|
|
665
665
|
} = _ref;
|
|
666
666
|
const {
|
|
@@ -802,9 +802,6 @@ Trigger.propTypes = {
|
|
|
802
802
|
children: PropTypes__default.default.any,
|
|
803
803
|
refKey: PropTypes__default.default.string
|
|
804
804
|
};
|
|
805
|
-
Trigger.defaultProps = {
|
|
806
|
-
refKey: 'ref'
|
|
807
|
-
};
|
|
808
805
|
|
|
809
806
|
var _path$2;
|
|
810
807
|
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
@@ -1030,7 +1027,7 @@ const Multiselect = React__namespace.default.forwardRef((_ref, ref) => {
|
|
|
1030
1027
|
let {
|
|
1031
1028
|
renderItem,
|
|
1032
1029
|
placeholder,
|
|
1033
|
-
maxItems,
|
|
1030
|
+
maxItems = 4,
|
|
1034
1031
|
renderShowMore,
|
|
1035
1032
|
inputRef: externalInputRef = null,
|
|
1036
1033
|
start,
|
|
@@ -1294,9 +1291,6 @@ Multiselect.propTypes = {
|
|
|
1294
1291
|
maxItems: PropTypes__default.default.number,
|
|
1295
1292
|
validation: PropTypes__default.default.oneOf(['success', 'warning', 'error'])
|
|
1296
1293
|
};
|
|
1297
|
-
Multiselect.defaultProps = {
|
|
1298
|
-
maxItems: 4
|
|
1299
|
-
};
|
|
1300
1294
|
Multiselect.displayName = 'Multiselect';
|
|
1301
1295
|
|
|
1302
1296
|
const Select = React__namespace.default.forwardRef((_ref, ref) => {
|
|
@@ -1537,15 +1531,15 @@ const Menu = React.forwardRef((props, menuRef) => {
|
|
|
1537
1531
|
const {
|
|
1538
1532
|
appendToNode,
|
|
1539
1533
|
children,
|
|
1540
|
-
eventsEnabled,
|
|
1534
|
+
eventsEnabled = true,
|
|
1541
1535
|
hasArrow,
|
|
1542
|
-
isAnimated,
|
|
1536
|
+
isAnimated = true,
|
|
1543
1537
|
isCompact,
|
|
1544
|
-
maxHeight,
|
|
1545
|
-
placement,
|
|
1538
|
+
maxHeight = '400px',
|
|
1539
|
+
placement = 'bottom-start',
|
|
1546
1540
|
popperModifiers,
|
|
1547
1541
|
style: menuStyle,
|
|
1548
|
-
zIndex,
|
|
1542
|
+
zIndex = 1000,
|
|
1549
1543
|
...other
|
|
1550
1544
|
} = props;
|
|
1551
1545
|
const {
|
|
@@ -1644,13 +1638,6 @@ Menu.propTypes = {
|
|
|
1644
1638
|
hasArrow: PropTypes__default.default.bool,
|
|
1645
1639
|
maxHeight: PropTypes__default.default.string
|
|
1646
1640
|
};
|
|
1647
|
-
Menu.defaultProps = {
|
|
1648
|
-
placement: 'bottom-start',
|
|
1649
|
-
isAnimated: true,
|
|
1650
|
-
eventsEnabled: true,
|
|
1651
|
-
maxHeight: '400px',
|
|
1652
|
-
zIndex: 1000
|
|
1653
|
-
};
|
|
1654
1641
|
|
|
1655
1642
|
const Separator = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSeparator, Object.assign({
|
|
1656
1643
|
ref: ref
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-dropdowns.legacy",
|
|
3
|
-
"version": "9.11.
|
|
3
|
+
"version": "9.11.2",
|
|
4
4
|
"description": "Components relating to dropdowns in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-selection": "^2.0.0",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^1.0.14",
|
|
26
|
-
"@zendeskgarden/react-forms": "^9.11.
|
|
26
|
+
"@zendeskgarden/react-forms": "^9.11.2",
|
|
27
27
|
"downshift": "^7.0.0",
|
|
28
28
|
"polished": "^4.3.1",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/lodash.debounce": "4.0.9",
|
|
41
|
-
"@zendeskgarden/react-theming": "^9.11.
|
|
41
|
+
"@zendeskgarden/react-theming": "^9.11.2",
|
|
42
42
|
"@zendeskgarden/svg-icons": "7.1.1",
|
|
43
43
|
"lodash.debounce": "4.0.8"
|
|
44
44
|
},
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
54
|
"zendeskgarden:src": "src/index.ts",
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
|
|
56
56
|
}
|