@zendeskgarden/react-dropdowns.legacy 9.0.0-next.6 → 9.0.0-next.8

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 (60) hide show
  1. package/dist/esm/elements/Autocomplete/Autocomplete.js +144 -0
  2. package/dist/esm/elements/Combobox/Combobox.js +106 -0
  3. package/dist/esm/elements/Dropdown/Dropdown.js +178 -0
  4. package/dist/esm/elements/Fields/Field.js +35 -0
  5. package/dist/esm/elements/Fields/Hint.js +15 -0
  6. package/dist/esm/elements/Fields/Label.js +46 -0
  7. package/dist/esm/elements/Fields/Message.js +19 -0
  8. package/dist/esm/elements/Menu/Items/AddItem.js +66 -0
  9. package/dist/esm/elements/Menu/Items/HeaderIcon.js +44 -0
  10. package/dist/esm/elements/Menu/Items/HeaderItem.js +44 -0
  11. package/dist/esm/elements/Menu/Items/Item.js +140 -0
  12. package/dist/esm/elements/Menu/Items/ItemMeta.js +49 -0
  13. package/dist/esm/elements/Menu/Items/MediaBody.js +44 -0
  14. package/dist/esm/elements/Menu/Items/MediaFigure.js +42 -0
  15. package/dist/esm/elements/Menu/Items/MediaItem.js +44 -0
  16. package/dist/esm/elements/Menu/Items/NextItem.js +90 -0
  17. package/dist/esm/elements/Menu/Items/PreviousItem.js +87 -0
  18. package/dist/esm/elements/Menu/Menu.js +160 -0
  19. package/dist/esm/elements/Menu/Separator.js +37 -0
  20. package/dist/esm/elements/Multiselect/Multiselect.js +316 -0
  21. package/dist/esm/elements/Select/Select.js +195 -0
  22. package/dist/esm/elements/Trigger/Trigger.js +185 -0
  23. package/dist/esm/index.js +29 -0
  24. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-lg-stroke.svg.js +28 -0
  25. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +25 -0
  26. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js +25 -0
  27. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js +25 -0
  28. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/plus-stroke.svg.js +26 -0
  29. package/dist/esm/styled/items/StyledAddItem.js +23 -0
  30. package/dist/esm/styled/items/StyledItem.js +44 -0
  31. package/dist/esm/styled/items/StyledItemIcon.js +27 -0
  32. package/dist/esm/styled/items/StyledItemMeta.js +22 -0
  33. package/dist/esm/styled/items/StyledNextIcon.js +31 -0
  34. package/dist/esm/styled/items/StyledNextItem.js +24 -0
  35. package/dist/esm/styled/items/StyledPreviousIcon.js +31 -0
  36. package/dist/esm/styled/items/StyledPreviousItem.js +23 -0
  37. package/dist/esm/styled/items/header/StyledHeaderIcon.js +22 -0
  38. package/dist/esm/styled/items/header/StyledHeaderItem.js +29 -0
  39. package/dist/esm/styled/items/media/StyledMediaBody.js +22 -0
  40. package/dist/esm/styled/items/media/StyledMediaFigure.js +34 -0
  41. package/dist/esm/styled/items/media/StyledMediaItem.js +23 -0
  42. package/dist/esm/styled/menu/StyledMenu.js +28 -0
  43. package/dist/esm/styled/menu/StyledMenuWrapper.js +30 -0
  44. package/dist/esm/styled/menu/StyledSeparator.js +23 -0
  45. package/dist/esm/styled/multiselect/StyledMultiselectInput.js +33 -0
  46. package/dist/esm/styled/multiselect/StyledMultiselectItemWrapper.js +22 -0
  47. package/dist/esm/styled/multiselect/StyledMultiselectItemsContainer.js +34 -0
  48. package/dist/esm/styled/multiselect/StyledMultiselectMoreAnchor.js +22 -0
  49. package/dist/esm/styled/select/StyledFauxInput.js +25 -0
  50. package/dist/esm/styled/select/StyledInput.js +25 -0
  51. package/dist/esm/styled/select/StyledSelect.js +22 -0
  52. package/dist/esm/types/index.js +10 -0
  53. package/dist/esm/utils/garden-placements.js +77 -0
  54. package/dist/esm/utils/useDropdownContext.js +18 -0
  55. package/dist/esm/utils/useFieldContext.js +18 -0
  56. package/dist/esm/utils/useItemContext.js +18 -0
  57. package/dist/esm/utils/useMenuContext.js +18 -0
  58. package/dist/index.cjs.js +51 -67
  59. package/package.json +6 -6
  60. package/dist/index.esm.js +0 -2032
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { useContext } from 'react';
8
+
9
+ const ItemContext = React__default.createContext(undefined);
10
+ const useItemContext = () => {
11
+ const context = useContext(ItemContext);
12
+ if (!context) {
13
+ throw new Error('This component must be rendered within an `Item` component.');
14
+ }
15
+ return context;
16
+ };
17
+
18
+ export { ItemContext, useItemContext as default };
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { useContext } from 'react';
8
+
9
+ const MenuContext = React__default.createContext(undefined);
10
+ const useMenuContext = () => {
11
+ const menuContext = useContext(MenuContext);
12
+ if (!menuContext) {
13
+ throw new Error('This component must be rendered within a `Menu` component.');
14
+ }
15
+ return menuContext;
16
+ };
17
+
18
+ export { MenuContext, useMenuContext as default };
package/dist/index.cjs.js CHANGED
@@ -1,10 +1,9 @@
1
1
  /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
-
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
8
7
  'use strict';
9
8
 
10
9
  var React = require('react');
@@ -45,21 +44,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
45
44
  var styled__default = /*#__PURE__*/_interopDefault(styled);
46
45
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
47
46
 
48
- function _extends$5() {
49
- _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
50
- for (var i = 1; i < arguments.length; i++) {
51
- var source = arguments[i];
52
- for (var key in source) {
53
- if (Object.prototype.hasOwnProperty.call(source, key)) {
54
- target[key] = source[key];
55
- }
56
- }
57
- }
58
- return target;
59
- };
60
- return _extends$5.apply(this, arguments);
61
- }
62
-
63
47
  const DropdownContext = React__namespace.default.createContext(undefined);
64
48
  const useDropdownContext = () => {
65
49
  const dropdownContext = React.useContext(DropdownContext);
@@ -142,7 +126,7 @@ const Dropdown = props => {
142
126
  ...downshift
143
127
  };
144
128
  };
145
- return React__namespace.default.createElement(reactPopper.Manager, null, React__namespace.default.createElement(Downshift__default.default, _extends$5({
129
+ return React__namespace.default.createElement(reactPopper.Manager, null, React__namespace.default.createElement(Downshift__default.default, Object.assign({
146
130
  suppressRefError: true
147
131
  ,
148
132
  isOpen: isOpen,
@@ -305,7 +289,7 @@ function getMenuPosition(popperPlacement) {
305
289
  const COMPONENT_ID$m = 'dropdowns.menu';
306
290
  const StyledMenu = styled__default.default.ul.attrs(props => ({
307
291
  'data-garden-id': COMPONENT_ID$m,
308
- 'data-garden-version': '9.0.0-next.6',
292
+ 'data-garden-version': '9.0.0-next.8',
309
293
  className: props.isAnimated && 'is-animated'
310
294
  })).withConfig({
311
295
  displayName: "StyledMenu",
@@ -322,7 +306,7 @@ StyledMenu.defaultProps = {
322
306
  const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
323
307
  const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
324
308
  'data-garden-id': COMPONENT_ID$l,
325
- 'data-garden-version': '9.0.0-next.6',
309
+ 'data-garden-version': '9.0.0-next.8',
326
310
  className: props.isAnimated && 'is-animated'
327
311
  })).withConfig({
328
312
  displayName: "StyledMenuWrapper",
@@ -341,7 +325,7 @@ StyledMenuWrapper.defaultProps = {
341
325
  const COMPONENT_ID$k = 'dropdowns.separator';
342
326
  const StyledSeparator = styled__default.default.li.attrs({
343
327
  'data-garden-id': COMPONENT_ID$k,
344
- 'data-garden-version': '9.0.0-next.6',
328
+ 'data-garden-version': '9.0.0-next.8',
345
329
  role: 'separator'
346
330
  }).withConfig({
347
331
  displayName: "StyledSeparator",
@@ -374,7 +358,7 @@ const getColorStyles = props => {
374
358
  };
375
359
  const StyledItem = styled__default.default.li.attrs(props => ({
376
360
  'data-garden-id': COMPONENT_ID$j,
377
- 'data-garden-version': '9.0.0-next.6',
361
+ 'data-garden-version': '9.0.0-next.8',
378
362
  'aria-disabled': props.disabled
379
363
  })).withConfig({
380
364
  displayName: "StyledItem",
@@ -387,7 +371,7 @@ StyledItem.defaultProps = {
387
371
  const COMPONENT_ID$i = 'dropdowns.add_item';
388
372
  const StyledAddItem = styled__default.default(StyledItem).attrs({
389
373
  'data-garden-id': COMPONENT_ID$i,
390
- 'data-garden-version': '9.0.0-next.6'
374
+ 'data-garden-version': '9.0.0-next.8'
391
375
  }).withConfig({
392
376
  displayName: "StyledAddItem",
393
377
  componentId: "sc-mlto71-0"
@@ -399,7 +383,7 @@ StyledAddItem.defaultProps = {
399
383
  const COMPONENT_ID$h = 'dropdowns.item_meta';
400
384
  const StyledItemMeta = styled__default.default.span.attrs({
401
385
  'data-garden-id': COMPONENT_ID$h,
402
- 'data-garden-version': '9.0.0-next.6'
386
+ 'data-garden-version': '9.0.0-next.8'
403
387
  }).withConfig({
404
388
  displayName: "StyledItemMeta",
405
389
  componentId: "sc-1m3x8m1-0"
@@ -414,7 +398,7 @@ const getSizeStyles = props => {
414
398
  };
415
399
  const StyledItemIcon = styled__default.default.div.attrs({
416
400
  'data-garden-id': COMPONENT_ID$g,
417
- 'data-garden-version': '9.0.0-next.6'
401
+ 'data-garden-version': '9.0.0-next.8'
418
402
  }).withConfig({
419
403
  displayName: "StyledItemIcon",
420
404
  componentId: "sc-pspm80-0"
@@ -426,7 +410,7 @@ StyledItemIcon.defaultProps = {
426
410
  const COMPONENT_ID$f = 'dropdowns.next_item';
427
411
  const StyledNextItem = styled__default.default(StyledItem).attrs({
428
412
  'data-garden-id': COMPONENT_ID$f,
429
- 'data-garden-version': '9.0.0-next.6'
413
+ 'data-garden-version': '9.0.0-next.8'
430
414
  }).withConfig({
431
415
  displayName: "StyledNextItem",
432
416
  componentId: "sc-1wrjlge-0"
@@ -458,7 +442,7 @@ const NextIconComponent = _ref => {
458
442
  } = _ref;
459
443
  return React__namespace.default.createElement(SvgChevronRightStroke, {
460
444
  "data-garden-id": COMPONENT_ID$e,
461
- "data-garden-version": '9.0.0-next.6',
445
+ "data-garden-version": '9.0.0-next.8',
462
446
  className: className
463
447
  });
464
448
  };
@@ -473,7 +457,7 @@ StyledNextIcon.defaultProps = {
473
457
  const COMPONENT_ID$d = 'dropdowns.previous_item';
474
458
  const StyledPreviousItem = styled__default.default(StyledItem).attrs({
475
459
  'data-garden-id': COMPONENT_ID$d,
476
- 'data-garden-version': '9.0.0-next.6'
460
+ 'data-garden-version': '9.0.0-next.8'
477
461
  }).withConfig({
478
462
  displayName: "StyledPreviousItem",
479
463
  componentId: "sc-1qv9jwe-0"
@@ -505,7 +489,7 @@ const PreviousIconComponent = _ref => {
505
489
  } = _ref;
506
490
  return React__namespace.default.createElement(SvgChevronLeftStroke, {
507
491
  "data-garden-id": COMPONENT_ID$c,
508
- "data-garden-version": '9.0.0-next.6',
492
+ "data-garden-version": '9.0.0-next.8',
509
493
  className: className
510
494
  });
511
495
  };
@@ -520,7 +504,7 @@ StyledPreviousIcon.defaultProps = {
520
504
  const COMPONENT_ID$b = 'dropdowns.header_icon';
521
505
  const StyledHeaderIcon = styled__default.default.div.attrs({
522
506
  'data-garden-id': COMPONENT_ID$b,
523
- 'data-garden-version': '9.0.0-next.6'
507
+ 'data-garden-version': '9.0.0-next.8'
524
508
  }).withConfig({
525
509
  displayName: "StyledHeaderIcon",
526
510
  componentId: "sc-ow8s45-0"
@@ -538,7 +522,7 @@ const getHorizontalPadding = props => {
538
522
  };
539
523
  const StyledHeaderItem = styled__default.default(StyledItem).attrs({
540
524
  'data-garden-id': COMPONENT_ID$a,
541
- 'data-garden-version': '9.0.0-next.6'
525
+ 'data-garden-version': '9.0.0-next.8'
542
526
  }).withConfig({
543
527
  displayName: "StyledHeaderItem",
544
528
  componentId: "sc-1xosinr-0"
@@ -550,7 +534,7 @@ StyledHeaderItem.defaultProps = {
550
534
  const COMPONENT_ID$9 = 'dropdowns.media_body';
551
535
  const StyledMediaBody = styled__default.default.div.attrs({
552
536
  'data-garden-id': COMPONENT_ID$9,
553
- 'data-garden-version': '9.0.0-next.6'
537
+ 'data-garden-version': '9.0.0-next.8'
554
538
  }).withConfig({
555
539
  displayName: "StyledMediaBody",
556
540
  componentId: "sc-133sssc-0"
@@ -573,7 +557,7 @@ _ref => {
573
557
  );
574
558
  }).attrs({
575
559
  'data-garden-id': COMPONENT_ID$8,
576
- 'data-garden-version': '9.0.0-next.6'
560
+ 'data-garden-version': '9.0.0-next.8'
577
561
  }).withConfig({
578
562
  displayName: "StyledMediaFigure",
579
563
  componentId: "sc-16vz3xj-0"
@@ -585,7 +569,7 @@ StyledMediaFigure.defaultProps = {
585
569
  const COMPONENT_ID$7 = 'dropdowns.media_item';
586
570
  const StyledMediaItem = styled__default.default(StyledItem).attrs({
587
571
  'data-garden-id': COMPONENT_ID$7,
588
- 'data-garden-version': '9.0.0-next.6'
572
+ 'data-garden-version': '9.0.0-next.8'
589
573
  }).withConfig({
590
574
  displayName: "StyledMediaItem",
591
575
  componentId: "sc-af4509-0"
@@ -597,7 +581,7 @@ StyledMediaItem.defaultProps = {
597
581
  const COMPONENT_ID$6 = 'dropdowns.faux_input';
598
582
  const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
599
583
  'data-garden-id': COMPONENT_ID$6,
600
- 'data-garden-version': '9.0.0-next.6',
584
+ 'data-garden-version': '9.0.0-next.8',
601
585
  mediaLayout: true,
602
586
  theme: props.theme
603
587
  })).withConfig({
@@ -612,7 +596,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
612
596
  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;"]);
613
597
  const StyledInput = styled__default.default(reactForms.Input).attrs({
614
598
  'data-garden-id': COMPONENT_ID$5,
615
- 'data-garden-version': '9.0.0-next.6',
599
+ 'data-garden-version': '9.0.0-next.8',
616
600
  isBare: true
617
601
  }).withConfig({
618
602
  displayName: "StyledInput",
@@ -625,7 +609,7 @@ StyledInput.defaultProps = {
625
609
  const COMPONENT_ID$4 = 'dropdowns.select';
626
610
  const StyledSelect = styled__default.default.div.attrs({
627
611
  'data-garden-id': COMPONENT_ID$4,
628
- 'data-garden-version': '9.0.0-next.6'
612
+ 'data-garden-version': '9.0.0-next.8'
629
613
  }).withConfig({
630
614
  displayName: "StyledSelect",
631
615
  componentId: "sc-xf4qjv-0"
@@ -646,7 +630,7 @@ const visibleStyling = props => {
646
630
  };
647
631
  const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
648
632
  'data-garden-id': COMPONENT_ID$3,
649
- 'data-garden-version': '9.0.0-next.6',
633
+ 'data-garden-version': '9.0.0-next.8',
650
634
  isBare: true
651
635
  }).withConfig({
652
636
  displayName: "StyledMultiselectInput",
@@ -671,7 +655,7 @@ const sizeStyles = props => {
671
655
  };
672
656
  const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
673
657
  'data-garden-id': COMPONENT_ID$2,
674
- 'data-garden-version': '9.0.0-next.6'
658
+ 'data-garden-version': '9.0.0-next.8'
675
659
  }).withConfig({
676
660
  displayName: "StyledMultiselectItemsContainer",
677
661
  componentId: "sc-1dxwjyz-0"
@@ -683,7 +667,7 @@ StyledMultiselectItemsContainer.defaultProps = {
683
667
  const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
684
668
  const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
685
669
  'data-garden-id': COMPONENT_ID$1,
686
- 'data-garden-version': '9.0.0-next.6'
670
+ 'data-garden-version': '9.0.0-next.8'
687
671
  }).withConfig({
688
672
  displayName: "StyledMultiselectItemWrapper",
689
673
  componentId: "sc-vgr7nd-0"
@@ -695,7 +679,7 @@ StyledMultiselectItemWrapper.defaultProps = {
695
679
  const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
696
680
  const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
697
681
  'data-garden-id': COMPONENT_ID,
698
- 'data-garden-version': '9.0.0-next.6'
682
+ 'data-garden-version': '9.0.0-next.8'
699
683
  }).withConfig({
700
684
  displayName: "StyledMultiselectMoreAnchor",
701
685
  componentId: "sc-pkakky-0"
@@ -934,7 +918,7 @@ const Autocomplete = React.forwardRef((_ref, ref) => {
934
918
  let {
935
919
  ref: popperReference
936
920
  } = _ref2;
937
- return React__namespace.default.createElement(StyledFauxInput, _extends$5({
921
+ return React__namespace.default.createElement(StyledFauxInput, Object.assign({
938
922
  isHovered: isContainerHovered,
939
923
  isFocused: isContainerFocused,
940
924
  tabIndex: null,
@@ -1056,7 +1040,7 @@ const Combobox = React.forwardRef((_ref, ref) => {
1056
1040
  reactMergeRefs.mergeRefs([wrapperRef, ref])(element);
1057
1041
  popperReferenceElementRef.current = element;
1058
1042
  };
1059
- return React__namespace.default.createElement(reactForms.MediaInput, _extends$5({}, inputProps, {
1043
+ return React__namespace.default.createElement(reactForms.MediaInput, Object.assign({}, inputProps, {
1060
1044
  wrapperProps: wrapperProps,
1061
1045
  wrapperRef: wrapperRefProp,
1062
1046
  ref: reactMergeRefs.mergeRefs([inputRef, inputRefProp])
@@ -1458,7 +1442,7 @@ const Select = React__namespace.default.forwardRef((_ref, ref) => {
1458
1442
  let {
1459
1443
  ref: popperReference
1460
1444
  } = _ref2;
1461
- return React__namespace.default.createElement(StyledFauxInput, _extends$5({
1445
+ return React__namespace.default.createElement(StyledFauxInput, Object.assign({
1462
1446
  isHovered: isContainerHovered,
1463
1447
  isFocused: isContainerFocused
1464
1448
  }, selectProps, {
@@ -1517,13 +1501,13 @@ const Field = React.forwardRef((props, fieldRef) => {
1517
1501
  }), [isLabelHovered, setIsLabelHovered]);
1518
1502
  return React__namespace.default.createElement(FieldContext.Provider, {
1519
1503
  value: value
1520
- }, React__namespace.default.createElement(reactForms.Field, _extends$5({
1504
+ }, React__namespace.default.createElement(reactForms.Field, Object.assign({
1521
1505
  ref: reactMergeRefs.mergeRefs([ref, fieldRef])
1522
1506
  }, props)));
1523
1507
  });
1524
1508
  Field.displayName = 'Field';
1525
1509
 
1526
- const Hint = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(reactForms.Hint, _extends$5({
1510
+ const Hint = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(reactForms.Hint, Object.assign({
1527
1511
  ref: ref
1528
1512
  }, props)));
1529
1513
  Hint.displayName = 'Hint';
@@ -1551,7 +1535,7 @@ const Label = React__namespace.default.forwardRef((_ref, ref) => {
1551
1535
  }),
1552
1536
  ...other
1553
1537
  });
1554
- return React__namespace.default.createElement(reactForms.Label, _extends$5({
1538
+ return React__namespace.default.createElement(reactForms.Label, Object.assign({
1555
1539
  ref: ref
1556
1540
  }, labelProps));
1557
1541
  });
@@ -1560,7 +1544,7 @@ Label.propTypes = {
1560
1544
  isRegular: PropTypes__default.default.bool
1561
1545
  };
1562
1546
 
1563
- const Message = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(reactForms.Message, _extends$5({
1547
+ const Message = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(reactForms.Message, Object.assign({
1564
1548
  ref: ref
1565
1549
  }, props)));
1566
1550
  Message.displayName = 'Message';
@@ -1670,7 +1654,7 @@ const Menu = React.forwardRef((props, menuRef) => {
1670
1654
  isHidden: !isOpen,
1671
1655
  isAnimated: menuProps.isAnimated,
1672
1656
  zIndex: zIndex
1673
- }, React__namespace.default.createElement(StyledMenu, _extends$5({
1657
+ }, React__namespace.default.createElement(StyledMenu, Object.assign({
1674
1658
  ref: menuRef,
1675
1659
  isCompact: isCompact,
1676
1660
  maxHeight: maxHeight,
@@ -1700,7 +1684,7 @@ Menu.defaultProps = {
1700
1684
  zIndex: 1000
1701
1685
  };
1702
1686
 
1703
- const Separator = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSeparator, _extends$5({
1687
+ const Separator = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSeparator, Object.assign({
1704
1688
  ref: ref
1705
1689
  }, props)));
1706
1690
  Separator.displayName = 'Separator';
@@ -1816,7 +1800,7 @@ const Item = React__namespace.default.forwardRef((_ref, forwardRef) => {
1816
1800
  if (disabled) {
1817
1801
  return React__namespace.default.createElement(ItemContext.Provider, {
1818
1802
  value: contextValue
1819
- }, React__namespace.default.createElement(Component, _extends$5({
1803
+ }, React__namespace.default.createElement(Component, Object.assign({
1820
1804
  ref: ref,
1821
1805
  disabled: disabled,
1822
1806
  isDanger: isDanger,
@@ -1861,7 +1845,7 @@ const AddItemComponent = React__namespace.default.forwardRef((_ref, ref) => {
1861
1845
  const {
1862
1846
  isCompact
1863
1847
  } = useMenuContext();
1864
- return React__namespace.default.createElement(StyledAddItem, _extends$5({
1848
+ return React__namespace.default.createElement(StyledAddItem, Object.assign({
1865
1849
  ref: ref,
1866
1850
  disabled: disabled
1867
1851
  }, props), React__namespace.default.createElement(StyledItemIcon, {
@@ -1870,7 +1854,7 @@ const AddItemComponent = React__namespace.default.forwardRef((_ref, ref) => {
1870
1854
  isDisabled: disabled
1871
1855
  }, React__namespace.default.createElement(SvgPlusStroke, null)), children);
1872
1856
  });
1873
- const AddItem = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(Item, _extends$5({
1857
+ const AddItem = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(Item, Object.assign({
1874
1858
  component: AddItemComponent,
1875
1859
  ref: ref
1876
1860
  }, props, {
@@ -1886,7 +1870,7 @@ const HeaderIcon = React__namespace.default.forwardRef((props, ref) => {
1886
1870
  const {
1887
1871
  isCompact
1888
1872
  } = useMenuContext();
1889
- return React__namespace.default.createElement(StyledHeaderIcon, _extends$5({
1873
+ return React__namespace.default.createElement(StyledHeaderIcon, Object.assign({
1890
1874
  ref: ref,
1891
1875
  isCompact: isCompact
1892
1876
  }, props));
@@ -1897,7 +1881,7 @@ const HeaderItem = React__namespace.default.forwardRef((props, ref) => {
1897
1881
  const {
1898
1882
  isCompact
1899
1883
  } = useMenuContext();
1900
- return React__namespace.default.createElement(StyledHeaderItem, _extends$5({
1884
+ return React__namespace.default.createElement(StyledHeaderItem, Object.assign({
1901
1885
  ref: ref,
1902
1886
  isCompact: isCompact
1903
1887
  }, props));
@@ -1911,7 +1895,7 @@ const ItemMeta = React__namespace.default.forwardRef((props, ref) => {
1911
1895
  const {
1912
1896
  isDisabled
1913
1897
  } = useItemContext();
1914
- return React__namespace.default.createElement(StyledItemMeta, _extends$5({
1898
+ return React__namespace.default.createElement(StyledItemMeta, Object.assign({
1915
1899
  ref: ref,
1916
1900
  isCompact: isCompact,
1917
1901
  isDisabled: isDisabled
@@ -1923,7 +1907,7 @@ const MediaBody = React__namespace.default.forwardRef((props, ref) => {
1923
1907
  const {
1924
1908
  isCompact
1925
1909
  } = useMenuContext();
1926
- return React__namespace.default.createElement(StyledMediaBody, _extends$5({
1910
+ return React__namespace.default.createElement(StyledMediaBody, Object.assign({
1927
1911
  ref: ref,
1928
1912
  isCompact: isCompact
1929
1913
  }, props));
@@ -1934,12 +1918,12 @@ const MediaFigure = props => {
1934
1918
  const {
1935
1919
  isCompact
1936
1920
  } = useMenuContext();
1937
- return React__namespace.default.createElement(StyledMediaFigure, _extends$5({
1921
+ return React__namespace.default.createElement(StyledMediaFigure, Object.assign({
1938
1922
  isCompact: isCompact
1939
1923
  }, props));
1940
1924
  };
1941
1925
 
1942
- const MediaItem = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(Item, _extends$5({
1926
+ const MediaItem = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(Item, Object.assign({
1943
1927
  component: StyledMediaItem,
1944
1928
  ref: ref
1945
1929
  }, props)));
@@ -1958,7 +1942,7 @@ const NextItemComponent = React__namespace.default.forwardRef((_ref, ref) => {
1958
1942
  const {
1959
1943
  isCompact
1960
1944
  } = useMenuContext();
1961
- return React__namespace.default.createElement(StyledNextItem, _extends$5({
1945
+ return React__namespace.default.createElement(StyledNextItem, Object.assign({
1962
1946
  ref: ref,
1963
1947
  disabled: disabled
1964
1948
  }, props), React__namespace.default.createElement(StyledItemIcon, {
@@ -1987,7 +1971,7 @@ const NextItem = React__namespace.default.forwardRef((_ref2, ref) => {
1987
1971
  if (!disabled) {
1988
1972
  nextItemsHashRef.current[itemToString(value)] = itemIndexRef.current;
1989
1973
  }
1990
- return React__namespace.default.createElement(Item, _extends$5({
1974
+ return React__namespace.default.createElement(Item, Object.assign({
1991
1975
  component: NextItemComponent,
1992
1976
  "aria-expanded": true,
1993
1977
  disabled: disabled,
@@ -2012,7 +1996,7 @@ const PreviousItemComponent = React__namespace.default.forwardRef((_ref, ref) =>
2012
1996
  const {
2013
1997
  isCompact
2014
1998
  } = useMenuContext();
2015
- return React__namespace.default.createElement(StyledPreviousItem, _extends$5({
1999
+ return React__namespace.default.createElement(StyledPreviousItem, Object.assign({
2016
2000
  ref: ref,
2017
2001
  disabled: disabled
2018
2002
  }, props), React__namespace.default.createElement(StyledItemIcon, {
@@ -2038,7 +2022,7 @@ const PreviousItem = React__namespace.default.forwardRef((_ref2, ref) => {
2038
2022
  if (!disabled) {
2039
2023
  previousIndexRef.current = itemIndexRef.current;
2040
2024
  }
2041
- return React__namespace.default.createElement(Item, _extends$5({
2025
+ return React__namespace.default.createElement(Item, Object.assign({
2042
2026
  component: PreviousItemComponent,
2043
2027
  "aria-expanded": true,
2044
2028
  value: value,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns.legacy",
3
- "version": "9.0.0-next.6",
3
+ "version": "9.0.0-next.8",
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>",
@@ -10,7 +10,7 @@
10
10
  "url": "https://github.com/zendeskgarden/react-components/issues"
11
11
  },
12
12
  "main": "dist/index.cjs.js",
13
- "module": "dist/index.esm.js",
13
+ "module": "dist/esm/index.js",
14
14
  "files": [
15
15
  "dist"
16
16
  ],
@@ -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.0.0-next.6",
26
+ "@zendeskgarden/react-forms": "^9.0.0-next.8",
27
27
  "downshift": "^7.0.0",
28
28
  "polished": "^4.0.0",
29
29
  "prop-types": "^15.5.7",
@@ -31,14 +31,14 @@
31
31
  "react-popper": "^1.3.4"
32
32
  },
33
33
  "peerDependencies": {
34
- "@zendeskgarden/react-theming": "^8.67.0",
34
+ "@zendeskgarden/react-theming": ">=9.0.0-next",
35
35
  "react": ">=16.8.0",
36
36
  "react-dom": ">=16.8.0",
37
37
  "styled-components": "^5.3.1"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/lodash.debounce": "4.0.9",
41
- "@zendeskgarden/react-theming": "^9.0.0-next.6",
41
+ "@zendeskgarden/react-theming": "^9.0.0-next.8",
42
42
  "@zendeskgarden/svg-icons": "7.0.0",
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": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
55
+ "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
56
56
  }