@zendeskgarden/react-dropdowns 9.6.0 → 9.7.1

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 (57) hide show
  1. package/dist/esm/elements/combobox/Combobox.js +1 -0
  2. package/dist/esm/elements/combobox/Field.js +1 -0
  3. package/dist/esm/elements/combobox/Hint.js +1 -0
  4. package/dist/esm/elements/combobox/Label.js +1 -0
  5. package/dist/esm/elements/combobox/Listbox.js +1 -0
  6. package/dist/esm/elements/combobox/Message.js +1 -0
  7. package/dist/esm/elements/combobox/OptGroup.js +1 -0
  8. package/dist/esm/elements/combobox/Option.js +1 -0
  9. package/dist/esm/elements/combobox/OptionMeta.js +1 -0
  10. package/dist/esm/elements/combobox/Tag.js +1 -0
  11. package/dist/esm/elements/menu/Item.js +45 -25
  12. package/dist/esm/elements/menu/ItemGroup.js +1 -0
  13. package/dist/esm/elements/menu/ItemMeta.js +1 -0
  14. package/dist/esm/elements/menu/Menu.js +3 -1
  15. package/dist/esm/elements/menu/MenuList.js +1 -0
  16. package/dist/esm/elements/menu/Separator.js +1 -0
  17. package/dist/esm/elements/menu/utils.js +6 -0
  18. package/dist/esm/views/combobox/StyledCombobox.js +1 -1
  19. package/dist/esm/views/combobox/StyledContainer.js +1 -1
  20. package/dist/esm/views/combobox/StyledField.js +1 -1
  21. package/dist/esm/views/combobox/StyledFloatingListbox.js +1 -1
  22. package/dist/esm/views/combobox/StyledHint.js +1 -1
  23. package/dist/esm/views/combobox/StyledInput.js +1 -1
  24. package/dist/esm/views/combobox/StyledInputGroup.js +1 -1
  25. package/dist/esm/views/combobox/StyledInputIcon.js +1 -1
  26. package/dist/esm/views/combobox/StyledLabel.js +1 -1
  27. package/dist/esm/views/combobox/StyledListbox.js +1 -1
  28. package/dist/esm/views/combobox/StyledListboxSeparator.js +1 -1
  29. package/dist/esm/views/combobox/StyledMessage.js +1 -1
  30. package/dist/esm/views/combobox/StyledOptGroup.js +1 -1
  31. package/dist/esm/views/combobox/StyledOption.js +1 -1
  32. package/dist/esm/views/combobox/StyledOptionContent.js +1 -1
  33. package/dist/esm/views/combobox/StyledOptionIcon.js +1 -1
  34. package/dist/esm/views/combobox/StyledOptionMeta.js +1 -1
  35. package/dist/esm/views/combobox/StyledOptionSelectionIcon.js +1 -1
  36. package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
  37. package/dist/esm/views/combobox/StyledTag.js +1 -1
  38. package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
  39. package/dist/esm/views/combobox/StyledTrigger.js +1 -1
  40. package/dist/esm/views/combobox/StyledValue.js +1 -1
  41. package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
  42. package/dist/esm/views/menu/StyledItem.js +1 -1
  43. package/dist/esm/views/menu/StyledItemAnchor.js +22 -0
  44. package/dist/esm/views/menu/StyledItemContent.js +1 -1
  45. package/dist/esm/views/menu/StyledItemGroup.js +1 -1
  46. package/dist/esm/views/menu/StyledItemIcon.js +1 -1
  47. package/dist/esm/views/menu/StyledItemMeta.js +1 -1
  48. package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
  49. package/dist/esm/views/menu/StyledMenu.js +1 -1
  50. package/dist/esm/views/menu/StyledSeparator.js +1 -1
  51. package/dist/index.cjs.js +163 -126
  52. package/dist/typings/context/useMenuContext.d.ts +2 -0
  53. package/dist/typings/elements/menu/Item.d.ts +4 -0
  54. package/dist/typings/types/index.d.ts +5 -1
  55. package/dist/typings/views/index.d.ts +1 -0
  56. package/dist/typings/views/menu/StyledItemAnchor.d.ts +11 -0
  57. package/package.json +8 -8
@@ -7,6 +7,10 @@
7
7
  import React from 'react';
8
8
  import { IItemProps } from '../../types';
9
9
  import { ItemMeta } from './ItemMeta';
10
+ /**
11
+ * 1. role='img' on `svg` is valid WAI-ARIA usage in this context.
12
+ * https://dequeuniversity.com/rules/axe/4.2/svg-img-alt
13
+ */
10
14
  declare const ItemComponent: React.ForwardRefExoticComponent<IItemProps & React.RefAttributes<HTMLLIElement>>;
11
15
  /**
12
16
  * @extends LiHTMLAttributes<HTMLLIElement>
@@ -252,10 +252,14 @@ export interface IItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'value
252
252
  icon?: ReactElement;
253
253
  /** Indicates that the item is not interactive */
254
254
  isDisabled?: boolean;
255
+ /** Opens the `href` externally */
256
+ isExternal?: boolean;
255
257
  /** Determines the initial selection state for the item */
256
258
  isSelected?: boolean;
257
- /** Sets the text label of the item (defaults to `value`) */
259
+ /** Provides the text label of the item (defaults to `value`) */
258
260
  label?: string;
261
+ /** Sets the item as an anchor */
262
+ href?: string;
259
263
  /** Associates the item in a radio item group */
260
264
  name?: string;
261
265
  /** Determines the item type */
@@ -30,6 +30,7 @@ export * from './combobox/StyledValue';
30
30
  export * from './menu/StyledMenu';
31
31
  export * from './menu/StyledFloatingMenu';
32
32
  export * from './menu/StyledItem';
33
+ export * from './menu/StyledItemAnchor';
33
34
  export * from './menu/StyledItemContent';
34
35
  export * from './menu/StyledItemGroup';
35
36
  export * from './menu/StyledItemIcon';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ export declare const StyledItemAnchor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
8
+ ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
9
+ }>, never>, keyof import("../combobox/StyledOption").IStyledOptionProps> & import("../combobox/StyledOption").IStyledOptionProps, Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
10
+ ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
11
+ }>, never>, never>> & string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "9.6.0",
3
+ "version": "9.7.1",
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>",
@@ -23,12 +23,12 @@
23
23
  "dependencies": {
24
24
  "@floating-ui/react-dom": "^2.0.0",
25
25
  "@zendeskgarden/container-combobox": "^2.0.0",
26
- "@zendeskgarden/container-menu": "^0.5.1",
26
+ "@zendeskgarden/container-menu": "^1.0.0",
27
27
  "@zendeskgarden/container-utilities": "^2.0.0",
28
- "@zendeskgarden/react-buttons": "^9.6.0",
29
- "@zendeskgarden/react-forms": "^9.6.0",
30
- "@zendeskgarden/react-tags": "^9.6.0",
31
- "@zendeskgarden/react-tooltips": "^9.6.0",
28
+ "@zendeskgarden/react-buttons": "^9.7.1",
29
+ "@zendeskgarden/react-forms": "^9.7.1",
30
+ "@zendeskgarden/react-tags": "^9.7.1",
31
+ "@zendeskgarden/react-tooltips": "^9.7.1",
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.6.0",
43
+ "@zendeskgarden/react-theming": "^9.7.1",
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": "33fcfeab6a350bd9e73c0aebbc1652be5d8043bc"
57
+ "gitHead": "df6d9dc7ac384673ecbf8fd5adb954fab8681974"
58
58
  }