@zendeskgarden/react-dropdowns 9.5.4 → 9.7.0
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 +1 -0
- package/dist/esm/elements/combobox/Field.js +1 -0
- package/dist/esm/elements/combobox/Hint.js +1 -0
- package/dist/esm/elements/combobox/Label.js +1 -0
- package/dist/esm/elements/combobox/Listbox.js +1 -0
- package/dist/esm/elements/combobox/Message.js +1 -0
- package/dist/esm/elements/combobox/OptGroup.js +1 -0
- package/dist/esm/elements/combobox/Option.js +1 -0
- package/dist/esm/elements/combobox/OptionMeta.js +1 -0
- package/dist/esm/elements/combobox/Tag.js +1 -0
- package/dist/esm/elements/menu/Item.js +45 -25
- package/dist/esm/elements/menu/ItemGroup.js +1 -0
- package/dist/esm/elements/menu/ItemMeta.js +1 -0
- package/dist/esm/elements/menu/Menu.js +3 -1
- package/dist/esm/elements/menu/MenuList.js +1 -0
- package/dist/esm/elements/menu/Separator.js +1 -0
- package/dist/esm/elements/menu/utils.js +6 -0
- 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 +22 -0
- 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 +163 -126
- package/dist/typings/context/useMenuContext.d.ts +2 -0
- package/dist/typings/elements/menu/Item.d.ts +4 -0
- package/dist/typings/types/index.d.ts +5 -1
- package/dist/typings/views/index.d.ts +1 -0
- package/dist/typings/views/menu/StyledItemAnchor.d.ts +11 -0
- 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
|
-
/**
|
|
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.
|
|
3
|
+
"version": "9.7.0",
|
|
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.
|
|
26
|
+
"@zendeskgarden/container-menu": "^1.0.0",
|
|
27
27
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
28
|
-
"@zendeskgarden/react-buttons": "^9.
|
|
29
|
-
"@zendeskgarden/react-forms": "^9.
|
|
30
|
-
"@zendeskgarden/react-tags": "^9.
|
|
31
|
-
"@zendeskgarden/react-tooltips": "^9.
|
|
28
|
+
"@zendeskgarden/react-buttons": "^9.7.0",
|
|
29
|
+
"@zendeskgarden/react-forms": "^9.7.0",
|
|
30
|
+
"@zendeskgarden/react-tags": "^9.7.0",
|
|
31
|
+
"@zendeskgarden/react-tooltips": "^9.7.0",
|
|
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.
|
|
43
|
+
"@zendeskgarden/react-theming": "^9.7.0",
|
|
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": "565d21114d465d64f323a1960d8731f3bbcdefe5"
|
|
58
58
|
}
|