@zendeskgarden/react-dropdowns 9.0.0-next.1 → 9.0.0-next.3

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 (94) hide show
  1. package/README.md +73 -69
  2. package/dist/index.cjs.js +1634 -1712
  3. package/dist/index.esm.js +1633 -1700
  4. package/dist/typings/context/useComboboxContext.d.ts +25 -0
  5. package/dist/typings/context/useFieldContext.d.ts +32 -0
  6. package/dist/typings/context/useItemContext.d.ts +14 -0
  7. package/dist/typings/context/useItemGroupContext.d.ts +15 -0
  8. package/dist/typings/context/useMenuContext.d.ts +23 -0
  9. package/dist/typings/context/useOptionContext.d.ts +14 -0
  10. package/dist/typings/elements/{Combobox → combobox}/Combobox.d.ts +0 -2
  11. package/dist/typings/elements/{Fields → combobox}/Label.d.ts +1 -1
  12. package/dist/typings/elements/{Menu/Items/MediaBody.d.ts → combobox/Listbox.d.ts} +2 -4
  13. package/dist/typings/elements/{Fields → combobox}/Message.d.ts +1 -1
  14. package/dist/typings/elements/{Menu/Items/HeaderItem.d.ts → combobox/OptGroup.d.ts} +2 -2
  15. package/dist/typings/elements/{Menu/Items/MediaItem.d.ts → combobox/Option.d.ts} +5 -2
  16. package/dist/typings/elements/{Menu/Items/HeaderIcon.d.ts → combobox/OptionMeta.d.ts} +1 -1
  17. package/dist/typings/elements/combobox/Tag.d.ts +15 -0
  18. package/dist/typings/elements/combobox/TagAvatar.d.ts +14 -0
  19. package/dist/typings/elements/combobox/TagGroup.d.ts +12 -0
  20. package/dist/typings/elements/combobox/utils.d.ts +38 -0
  21. package/dist/typings/elements/{Menu/Items → menu}/Item.d.ts +5 -2
  22. package/dist/typings/elements/{Menu/Items/AddItem.d.ts → menu/ItemGroup.d.ts} +2 -2
  23. package/dist/typings/elements/{Menu/Items → menu}/ItemMeta.d.ts +2 -2
  24. package/dist/typings/elements/{Menu → menu}/Menu.d.ts +0 -2
  25. package/dist/typings/elements/menu/MenuList.d.ts +12 -0
  26. package/dist/typings/elements/{Menu → menu}/Separator.d.ts +1 -1
  27. package/dist/typings/elements/menu/utils.d.ts +29 -0
  28. package/dist/typings/index.d.ts +18 -25
  29. package/dist/typings/types/index.d.ts +242 -121
  30. package/dist/typings/{styled/items/StyledItemIcon.d.ts → views/combobox/StyledCombobox.d.ts} +4 -6
  31. package/dist/typings/{styled/multiselect/StyledMultiselectItemWrapper.d.ts → views/combobox/StyledContainer.d.ts} +1 -1
  32. package/dist/typings/{styled/select/StyledSelect.d.ts → views/combobox/StyledField.d.ts} +1 -1
  33. package/dist/typings/views/combobox/StyledFloatingListbox.d.ts +18 -0
  34. package/dist/typings/views/combobox/StyledHint.d.ts +11 -0
  35. package/dist/typings/views/combobox/StyledInput.d.ts +20 -0
  36. package/dist/typings/{styled/items/StyledAddItem.d.ts → views/combobox/StyledInputGroup.d.ts} +2 -4
  37. package/dist/typings/views/combobox/StyledInputIcon.d.ts +20 -0
  38. package/dist/typings/views/combobox/StyledLabel.d.ts +11 -0
  39. package/dist/typings/views/combobox/StyledListbox.d.ts +17 -0
  40. package/dist/typings/{styled/items/StyledNextItem.d.ts → views/combobox/StyledListboxSeparator.d.ts} +2 -4
  41. package/dist/typings/views/combobox/StyledMessage.d.ts +11 -0
  42. package/dist/typings/views/combobox/StyledOptGroup.d.ts +14 -0
  43. package/dist/typings/views/combobox/StyledOption.d.ts +18 -0
  44. package/dist/typings/views/combobox/StyledOptionContent.d.ts +10 -0
  45. package/dist/typings/views/combobox/StyledOptionIcon.d.ts +12 -0
  46. package/dist/typings/views/combobox/StyledOptionMeta.d.ts +14 -0
  47. package/dist/typings/views/combobox/StyledOptionTypeIcon.d.ts +17 -0
  48. package/dist/typings/views/combobox/StyledTag.d.ts +17 -0
  49. package/dist/typings/views/combobox/StyledTagsButton.d.ts +16 -0
  50. package/dist/typings/views/combobox/StyledTrigger.d.ts +24 -0
  51. package/dist/typings/views/combobox/StyledValue.d.ts +21 -0
  52. package/dist/typings/views/index.d.ts +38 -0
  53. package/dist/typings/views/menu/StyledButton.d.ts +20 -0
  54. package/dist/typings/views/menu/StyledFloatingMenu.d.ts +13 -0
  55. package/dist/typings/{styled/items/StyledPreviousItem.d.ts → views/menu/StyledItem.d.ts} +4 -4
  56. package/dist/typings/views/menu/StyledItemContent.d.ts +13 -0
  57. package/dist/typings/views/menu/StyledItemGroup.d.ts +13 -0
  58. package/dist/typings/views/menu/StyledItemIcon.d.ts +14 -0
  59. package/dist/typings/{styled/items → views/menu}/StyledItemMeta.d.ts +5 -10
  60. package/dist/typings/views/menu/StyledItemTypeIcon.d.ts +14 -0
  61. package/dist/typings/views/menu/StyledMenu.d.ts +19 -0
  62. package/dist/typings/{styled → views}/menu/StyledSeparator.d.ts +7 -4
  63. package/package.json +16 -14
  64. package/dist/typings/elements/Autocomplete/Autocomplete.d.ts +0 -14
  65. package/dist/typings/elements/Dropdown/Dropdown.d.ts +0 -26
  66. package/dist/typings/elements/Menu/Items/MediaFigure.d.ts +0 -11
  67. package/dist/typings/elements/Menu/Items/NextItem.d.ts +0 -12
  68. package/dist/typings/elements/Menu/Items/PreviousItem.d.ts +0 -12
  69. package/dist/typings/elements/Multiselect/Multiselect.d.ts +0 -14
  70. package/dist/typings/elements/Select/Select.d.ts +0 -14
  71. package/dist/typings/elements/Trigger/Trigger.d.ts +0 -24
  72. package/dist/typings/styled/index.d.ts +0 -29
  73. package/dist/typings/styled/items/StyledItem.d.ts +0 -20
  74. package/dist/typings/styled/items/StyledNextIcon.d.ts +0 -12
  75. package/dist/typings/styled/items/StyledPreviousIcon.d.ts +0 -12
  76. package/dist/typings/styled/items/header/StyledHeaderIcon.d.ts +0 -14
  77. package/dist/typings/styled/items/header/StyledHeaderItem.d.ts +0 -16
  78. package/dist/typings/styled/items/media/StyledMediaBody.d.ts +0 -17
  79. package/dist/typings/styled/items/media/StyledMediaFigure.d.ts +0 -287
  80. package/dist/typings/styled/items/media/StyledMediaItem.d.ts +0 -13
  81. package/dist/typings/styled/menu/StyledMenu.d.ts +0 -20
  82. package/dist/typings/styled/menu/StyledMenuWrapper.d.ts +0 -16
  83. package/dist/typings/styled/multiselect/StyledMultiselectInput.d.ts +0 -22
  84. package/dist/typings/styled/multiselect/StyledMultiselectItemsContainer.d.ts +0 -16
  85. package/dist/typings/styled/multiselect/StyledMultiselectMoreAnchor.d.ts +0 -15
  86. package/dist/typings/styled/select/StyledFauxInput.d.ts +0 -22
  87. package/dist/typings/styled/select/StyledInput.d.ts +0 -15
  88. package/dist/typings/utils/garden-placements.d.ts +0 -26
  89. package/dist/typings/utils/useDropdownContext.d.ts +0 -28
  90. package/dist/typings/utils/useFieldContext.d.ts +0 -17
  91. package/dist/typings/utils/useItemContext.d.ts +0 -16
  92. package/dist/typings/utils/useMenuContext.d.ts +0 -17
  93. /package/dist/typings/elements/{Fields → combobox}/Field.d.ts +0 -0
  94. /package/dist/typings/elements/{Fields → combobox}/Hint.d.ts +0 -0
@@ -0,0 +1,14 @@
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 { ThemeProps, DefaultTheme } from 'styled-components';
8
+ export interface IStyledOptionMetaProps extends ThemeProps<DefaultTheme> {
9
+ isDisabled?: boolean;
10
+ }
11
+ export declare const StyledOptionMeta: import("styled-components").StyledComponent<"div", DefaultTheme, {
12
+ 'data-garden-id': string;
13
+ 'data-garden-version': string;
14
+ } & IStyledOptionMetaProps, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,17 @@
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
+ /// <reference types="react" />
8
+ import { ThemeProps, DefaultTheme } from 'styled-components';
9
+ import { OptionType } from '../../types';
10
+ export interface IStyledOptionTypeIconProps extends ThemeProps<DefaultTheme> {
11
+ isCompact?: boolean;
12
+ type?: OptionType | 'header';
13
+ }
14
+ export declare const StyledOptionTypeIcon: import("styled-components").StyledComponent<({ children, isCompact, theme, type, ...props }: any) => import("react").FunctionComponentElement<SVGElement>, DefaultTheme, {
15
+ 'data-garden-id': string;
16
+ 'data-garden-version': string;
17
+ } & IStyledOptionTypeIconProps, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,17 @@
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
+ /// <reference types="react" />
8
+ export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tags").ITagProps & import("react").RefAttributes<HTMLDivElement>> & {
9
+ Avatar: {
10
+ (props: import("react").HTMLAttributes<HTMLElement>): import("react").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
14
+ }, import("styled-components").DefaultTheme, {
15
+ 'data-garden-id': string;
16
+ 'data-garden-version': string;
17
+ }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,16 @@
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 { DefaultTheme, ThemeProps } from 'styled-components';
8
+ interface IStyledTagsButtonProps extends ThemeProps<DefaultTheme> {
9
+ isCompact?: boolean;
10
+ }
11
+ export declare const StyledTagsButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
12
+ as: string;
13
+ 'data-garden-id': string;
14
+ 'data-garden-version': string;
15
+ } & IStyledTagsButtonProps, "as" | "data-garden-id" | "data-garden-version">;
16
+ export {};
@@ -0,0 +1,24 @@
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 { ThemeProps, DefaultTheme } from 'styled-components';
8
+ import { Validation } from '../../types';
9
+ interface IStyledTriggerProps extends ThemeProps<DefaultTheme> {
10
+ isAutocomplete?: boolean;
11
+ isBare?: boolean;
12
+ isCompact?: boolean;
13
+ isEditable?: boolean;
14
+ isLabelHovered?: boolean;
15
+ isMultiselectable?: boolean;
16
+ maxHeight?: string;
17
+ focusInset?: boolean;
18
+ validation?: Validation;
19
+ }
20
+ export declare const StyledTrigger: import("styled-components").StyledComponent<"div", DefaultTheme, {
21
+ 'data-garden-id': string;
22
+ 'data-garden-version': string;
23
+ } & IStyledTriggerProps, "data-garden-id" | "data-garden-version">;
24
+ export {};
@@ -0,0 +1,21 @@
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 { ThemeProps, DefaultTheme } from 'styled-components';
8
+ interface IStyledValueProps extends ThemeProps<DefaultTheme> {
9
+ isAutocomplete?: boolean;
10
+ isBare?: boolean;
11
+ isCompact?: boolean;
12
+ isDisabled?: boolean;
13
+ isEditable?: boolean;
14
+ isMultiselectable?: boolean;
15
+ isPlaceholder?: boolean;
16
+ }
17
+ export declare const StyledValue: import("styled-components").StyledComponent<"div", DefaultTheme, {
18
+ 'data-garden-id': string;
19
+ 'data-garden-version': string;
20
+ } & IStyledValueProps, "data-garden-id" | "data-garden-version">;
21
+ export {};
@@ -0,0 +1,38 @@
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 * from './combobox/StyledCombobox';
8
+ export * from './combobox/StyledContainer';
9
+ export * from './combobox/StyledField';
10
+ export * from './combobox/StyledFloatingListbox';
11
+ export * from './combobox/StyledHint';
12
+ export * from './combobox/StyledInput';
13
+ export * from './combobox/StyledInputGroup';
14
+ export * from './combobox/StyledInputIcon';
15
+ export * from './combobox/StyledLabel';
16
+ export * from './combobox/StyledListbox';
17
+ export * from './combobox/StyledListboxSeparator';
18
+ export * from './combobox/StyledMessage';
19
+ export * from './combobox/StyledOptGroup';
20
+ export * from './combobox/StyledOption';
21
+ export * from './combobox/StyledOptionContent';
22
+ export * from './combobox/StyledOptionIcon';
23
+ export * from './combobox/StyledOptionMeta';
24
+ export * from './combobox/StyledOptionTypeIcon';
25
+ export * from './combobox/StyledTag';
26
+ export * from './combobox/StyledTagsButton';
27
+ export * from './combobox/StyledTrigger';
28
+ export * from './combobox/StyledValue';
29
+ export * from './menu/StyledMenu';
30
+ export * from './menu/StyledFloatingMenu';
31
+ export * from './menu/StyledItem';
32
+ export * from './menu/StyledItemContent';
33
+ export * from './menu/StyledItemGroup';
34
+ export * from './menu/StyledItemIcon';
35
+ export * from './menu/StyledItemMeta';
36
+ export * from './menu/StyledItemTypeIcon';
37
+ export * from './menu/StyledButton';
38
+ export * from './menu/StyledSeparator';
@@ -0,0 +1,20 @@
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
+ /// <reference types="react" />
8
+ export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
9
+ EndIcon: {
10
+ (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ StartIcon: {
14
+ (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
15
+ displayName: string;
16
+ };
17
+ }, import("styled-components").DefaultTheme, {
18
+ 'data-garden-id': string;
19
+ 'data-garden-version': string;
20
+ }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,13 @@
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 StyledFloatingMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
8
+ 'data-garden-id': string;
9
+ 'data-garden-version': string;
10
+ } & import("../combobox/StyledFloatingListbox").IStyledFloatingListboxProps & {
11
+ 'data-garden-id': string;
12
+ 'data-garden-version': string;
13
+ }, "data-garden-id" | "data-garden-version">;
@@ -4,10 +4,10 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- /**
8
- * Accepts all `<li>` props
9
- */
10
- export declare const StyledPreviousItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("./StyledItem").IStyledItemProps & {
7
+ export declare const StyledItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
8
+ 'data-garden-id': string;
9
+ 'data-garden-version': string;
10
+ } & import("../combobox/StyledOption").IStyledOptionProps & {
11
11
  'data-garden-id': string;
12
12
  'data-garden-version': string;
13
13
  }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,13 @@
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 StyledItemContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
8
+ 'data-garden-id': string;
9
+ 'data-garden-version': string;
10
+ } & {
11
+ 'data-garden-id': string;
12
+ 'data-garden-version': string;
13
+ }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,13 @@
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 StyledItemGroup: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
8
+ 'data-garden-id': string;
9
+ 'data-garden-version': string;
10
+ } & import("../combobox/StyledOptGroup").IStyledOptGroupProps & {
11
+ 'data-garden-id': string;
12
+ 'data-garden-version': string;
13
+ }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,14 @@
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
+ /// <reference types="react" />
8
+ export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").FunctionComponentElement<SVGElement>, import("styled-components").DefaultTheme, {
9
+ 'data-garden-id': string;
10
+ 'data-garden-version': string;
11
+ } & {
12
+ 'data-garden-id': string;
13
+ 'data-garden-version': string;
14
+ }, "data-garden-id" | "data-garden-version">;
@@ -4,15 +4,10 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- interface IStyledItemMetaProps {
8
- isCompact?: boolean;
9
- isDisabled?: boolean;
10
- }
11
- /**
12
- * Accepts all `<span>` props
13
- */
14
- export declare const StyledItemMeta: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
7
+ export declare const StyledItemMeta: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
8
+ 'data-garden-id': string;
9
+ 'data-garden-version': string;
10
+ } & import("../combobox/StyledOptionMeta").IStyledOptionMetaProps & {
15
11
  'data-garden-id': string;
16
12
  'data-garden-version': string;
17
- } & IStyledItemMetaProps, "data-garden-id" | "data-garden-version">;
18
- export {};
13
+ }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,14 @@
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
+ /// <reference types="react" />
8
+ export declare const StyledItemTypeIcon: import("styled-components").StyledComponent<({ children, isCompact, theme, type, ...props }: any) => import("react").FunctionComponentElement<SVGElement>, import("styled-components").DefaultTheme, {
9
+ 'data-garden-id': string;
10
+ 'data-garden-version': string;
11
+ } & import("../combobox/StyledOptionTypeIcon").IStyledOptionTypeIconProps & {
12
+ 'data-garden-id': string;
13
+ 'data-garden-version': string;
14
+ }, "data-garden-id" | "data-garden-version">;
@@ -0,0 +1,19 @@
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 { ArrowPosition } from '@zendeskgarden/react-theming';
8
+ import { IStyledListboxProps } from '../combobox/StyledListbox';
9
+ interface IStyledMenuProps extends IStyledListboxProps {
10
+ arrowPosition?: ArrowPosition;
11
+ }
12
+ export declare const StyledMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
13
+ 'data-garden-id': string;
14
+ 'data-garden-version': string;
15
+ } & IStyledListboxProps & {
16
+ 'data-garden-id': string;
17
+ 'data-garden-version': string;
18
+ } & IStyledMenuProps, "data-garden-id" | "data-garden-version">;
19
+ export {};
@@ -4,7 +4,10 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- /**
8
- * Accepts all `<li>` props
9
- */
10
- export declare const StyledSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, any, string | number | symbol>;
7
+ export declare const StyledSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
8
+ 'data-garden-id': string;
9
+ 'data-garden-version': string;
10
+ } & {
11
+ 'data-garden-id': string;
12
+ 'data-garden-version': string;
13
+ }, "data-garden-id" | "data-garden-version">;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "9.0.0-next.1",
4
- "description": "Components relating to dropdowns in the Garden Design System",
3
+ "version": "9.0.0-next.3",
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>",
7
7
  "homepage": "https://garden.zendesk.com/",
@@ -21,14 +21,17 @@
21
21
  "sideEffects": false,
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
- "@zendeskgarden/container-selection": "^2.0.0",
25
- "@zendeskgarden/container-utilities": "^1.0.14",
26
- "@zendeskgarden/react-forms": "^9.0.0-next.1",
27
- "downshift": "^7.0.0",
24
+ "@floating-ui/react-dom": "^2.0.0",
25
+ "@zendeskgarden/container-combobox": "^1.1.3",
26
+ "@zendeskgarden/container-menu": "^0.3.0",
27
+ "@zendeskgarden/container-utilities": "^2.0.0",
28
+ "@zendeskgarden/react-buttons": "^9.0.0-next.3",
29
+ "@zendeskgarden/react-forms": "^9.0.0-next.3",
30
+ "@zendeskgarden/react-tags": "^9.0.0-next.3",
31
+ "@zendeskgarden/react-tooltips": "^9.0.0-next.3",
28
32
  "polished": "^4.0.0",
29
- "prop-types": "^15.5.7",
30
- "react-merge-refs": "^2.0.0",
31
- "react-popper": "^1.3.4"
33
+ "prop-types": "^15.7.2",
34
+ "react-merge-refs": "^2.0.0"
32
35
  },
33
36
  "peerDependencies": {
34
37
  "@zendeskgarden/react-theming": "^8.67.0",
@@ -37,13 +40,12 @@
37
40
  "styled-components": "^5.1.0"
38
41
  },
39
42
  "devDependencies": {
40
- "@types/lodash.debounce": "4.0.9",
41
- "@zendeskgarden/react-theming": "^9.0.0-next.1",
42
- "@zendeskgarden/svg-icons": "7.0.0",
43
- "lodash.debounce": "4.0.8"
43
+ "@zendeskgarden/react-theming": "^9.0.0-next.3",
44
+ "@zendeskgarden/svg-icons": "7.0.0"
44
45
  },
45
46
  "keywords": [
46
47
  "components",
48
+ "dropdowns",
47
49
  "garden",
48
50
  "react",
49
51
  "zendesk"
@@ -52,5 +54,5 @@
52
54
  "access": "public"
53
55
  },
54
56
  "zendeskgarden:src": "src/index.ts",
55
- "gitHead": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
57
+ "gitHead": "d5086e8a3ae0c8608361966954bf434ef03005ec"
56
58
  }
@@ -1,14 +0,0 @@
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 from 'react';
8
- import { IAutocompleteProps } from '../../types';
9
- /**
10
- * @deprecated use `@zendeskgarden/react-dropdowns.next` Combobox instead
11
- *
12
- * @extends HTMLAttributes<HTMLDivElement>
13
- */
14
- export declare const Autocomplete: React.ForwardRefExoticComponent<IAutocompleteProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,26 +0,0 @@
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, { PropsWithChildren } from 'react';
8
- import PropTypes from 'prop-types';
9
- import { IDropdownProps } from '../../types';
10
- export declare const REMOVE_ITEM_STATE_TYPE = "REMOVE_ITEM";
11
- /**
12
- * @deprecated use `@zendeskgarden/react-dropdowns.next` instead
13
- */
14
- export declare const Dropdown: {
15
- (props: PropsWithChildren<IDropdownProps>): React.JSX.Element;
16
- propTypes: {
17
- isOpen: PropTypes.Requireable<boolean>;
18
- selectedItem: PropTypes.Requireable<any>;
19
- selectedItems: PropTypes.Requireable<any[]>;
20
- highlightedIndex: PropTypes.Requireable<number>;
21
- inputValue: PropTypes.Requireable<string>;
22
- onSelect: PropTypes.Requireable<(...args: any[]) => any>;
23
- onStateChange: PropTypes.Requireable<(...args: any[]) => any>;
24
- downshiftProps: PropTypes.Requireable<object>;
25
- };
26
- };
@@ -1,11 +0,0 @@
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, { HTMLAttributes } from 'react';
8
- /**
9
- * @extends HTMLAttributes<Element>
10
- */
11
- export declare const MediaFigure: (props: HTMLAttributes<Element>) => React.JSX.Element;
@@ -1,12 +0,0 @@
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 from 'react';
8
- import { IItemProps } from '../../../types';
9
- /**
10
- * @extends LiHTMLAttributes<HTMLLIElement>
11
- */
12
- export declare const NextItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;
@@ -1,12 +0,0 @@
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 from 'react';
8
- import { IItemProps } from '../../../types';
9
- /**
10
- * @extends LiHTMLAttributes<HTMLLIElement>
11
- */
12
- export declare const PreviousItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;
@@ -1,14 +0,0 @@
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 from 'react';
8
- import { IMultiselectProps } from '../../types';
9
- /**
10
- * @deprecated use `@zendeskgarden/react-dropdowns.next` Combobox instead
11
- *
12
- * @extends HTMLAttributes<HTMLDivElement>
13
- */
14
- export declare const Multiselect: React.ForwardRefExoticComponent<IMultiselectProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,14 +0,0 @@
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 from 'react';
8
- import { ISelectProps } from '../../types';
9
- /**
10
- * @deprecated use `@zendeskgarden/react-dropdowns.next` Combobox instead
11
- *
12
- * @extends HTMLAttributes<HTMLDivElement>
13
- */
14
- export declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,24 +0,0 @@
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 from 'react';
8
- import PropTypes from 'prop-types';
9
- import { ITriggerProps } from '../../types';
10
- /**
11
- * @deprecated use `@zendeskgarden/react-dropdowns.next` Menu instead
12
- *
13
- * @extends HTMLAttributes<HTMLElement>
14
- */
15
- export declare const Trigger: {
16
- ({ children, refKey, ...triggerProps }: ITriggerProps): React.JSX.Element;
17
- propTypes: {
18
- children: PropTypes.Requireable<any>;
19
- refKey: PropTypes.Requireable<string>;
20
- };
21
- defaultProps: {
22
- refKey: string;
23
- };
24
- };
@@ -1,29 +0,0 @@
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 * from './menu/StyledMenu';
8
- export * from './menu/StyledMenuWrapper';
9
- export * from './menu/StyledSeparator';
10
- export * from './items/StyledAddItem';
11
- export * from './items/StyledItem';
12
- export * from './items/StyledItemMeta';
13
- export * from './items/StyledNextItem';
14
- export * from './items/StyledNextIcon';
15
- export * from './items/StyledPreviousItem';
16
- export * from './items/StyledPreviousIcon';
17
- export * from './items/StyledItemIcon';
18
- export * from './items/header/StyledHeaderIcon';
19
- export * from './items/header/StyledHeaderItem';
20
- export * from './items/media/StyledMediaBody';
21
- export * from './items/media/StyledMediaFigure';
22
- export * from './items/media/StyledMediaItem';
23
- export * from './select/StyledFauxInput';
24
- export * from './select/StyledInput';
25
- export * from './select/StyledSelect';
26
- export * from './multiselect/StyledMultiselectInput';
27
- export * from './multiselect/StyledMultiselectItemsContainer';
28
- export * from './multiselect/StyledMultiselectItemWrapper';
29
- export * from './multiselect/StyledMultiselectMoreAnchor';
@@ -1,20 +0,0 @@
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 { ThemeProps, DefaultTheme } from 'styled-components';
8
- export interface IStyledItemProps {
9
- isFocused?: boolean;
10
- isCompact?: boolean;
11
- isDanger?: boolean;
12
- disabled?: boolean;
13
- checked?: boolean;
14
- }
15
- export declare const getItemPaddingVertical: (props: IStyledItemProps & ThemeProps<DefaultTheme>) => string;
16
- /**
17
- * 1. Allows an item to contain a positioned sub-menu.
18
- * 2. Reset stacking context for sub-menu css-arrows.
19
- **/
20
- export declare const StyledItem: import("styled-components").StyledComponent<"li", DefaultTheme, IStyledItemProps, never>;
@@ -1,12 +0,0 @@
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 from 'react';
8
- interface IStyledNextIconProps {
9
- isDisabled?: boolean;
10
- }
11
- export declare const StyledNextIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IStyledNextIconProps, never>;
12
- export {};
@@ -1,12 +0,0 @@
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 from 'react';
8
- interface IStyledPreviousIconProps {
9
- isDisabled?: boolean;
10
- }
11
- export declare const StyledPreviousIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IStyledPreviousIconProps, never>;
12
- export {};
@@ -1,14 +0,0 @@
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
- interface IStyledHeaderIcon {
8
- isCompact?: boolean;
9
- }
10
- export declare const StyledHeaderIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
11
- 'data-garden-id': string;
12
- 'data-garden-version': string;
13
- } & IStyledHeaderIcon, "data-garden-id" | "data-garden-version">;
14
- export {};
@@ -1,16 +0,0 @@
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 { DefaultTheme } from 'styled-components';
8
- export interface IStyledHeaderItemProps {
9
- /** Applies icon styling */
10
- hasIcon?: boolean;
11
- isCompact?: boolean;
12
- }
13
- /**
14
- * Accepts all `<li>` props
15
- */
16
- export declare const StyledHeaderItem: import("styled-components").StyledComponent<"li", DefaultTheme, import("../StyledItem").IStyledItemProps & IStyledHeaderItemProps, never>;