@zendeskgarden/react-dropdowns 9.0.0-next.0 → 9.0.0-next.10

package/dist/typings/context/useComboboxContext.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { IUseComboboxReturnValue } from '@zendeskgarden/container-combobox';
+export declare const ComboboxContext: import("react").Context<{
+    activeValue: IUseComboboxReturnValue['activeValue'];
+    getOptionProps: IUseComboboxReturnValue['getOptionProps'];
+    getOptGroupProps: IUseComboboxReturnValue['getOptGroupProps'];
+    getTagProps: IUseComboboxReturnValue['getTagProps'];
+    isCompact?: boolean | undefined;
+    removeSelection: IUseComboboxReturnValue['removeSelection'];
+} | undefined>;
+declare const useComboboxContext: () => {
+    activeValue: IUseComboboxReturnValue['activeValue'];
+    getOptionProps: IUseComboboxReturnValue['getOptionProps'];
+    getOptGroupProps: IUseComboboxReturnValue['getOptGroupProps'];
+    getTagProps: IUseComboboxReturnValue['getTagProps'];
+    isCompact?: boolean | undefined;
+    removeSelection: IUseComboboxReturnValue['removeSelection'];
+};
+export default useComboboxContext;

package/dist/typings/context/useFieldContext.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { HTMLAttributes, LabelHTMLAttributes } from 'react';
+export declare const FieldContext: import("react").Context<{
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement> | undefined;
+    setLabelProps: (labelProps?: LabelHTMLAttributes<HTMLLabelElement>) => void;
+    hasHint: boolean;
+    setHasHint: (hasHint: boolean) => void;
+    hintProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    setHintProps: (hintProps?: HTMLAttributes<HTMLDivElement>) => void;
+    hasMessage: boolean;
+    setHasMessage: (hasMessage: boolean) => void;
+    messageProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    setMessageProps: (messageProps?: HTMLAttributes<HTMLDivElement>) => void;
+} | undefined>;
+declare const useFieldContext: () => {
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement> | undefined;
+    setLabelProps: (labelProps?: LabelHTMLAttributes<HTMLLabelElement>) => void;
+    hasHint: boolean;
+    setHasHint: (hasHint: boolean) => void;
+    hintProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    setHintProps: (hintProps?: HTMLAttributes<HTMLDivElement>) => void;
+    hasMessage: boolean;
+    setHasMessage: (hasMessage: boolean) => void;
+    messageProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    setMessageProps: (messageProps?: HTMLAttributes<HTMLDivElement>) => void;
+};
+export default useFieldContext;

package/dist/typings/context/useItemContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export declare const ItemContext: import("react").Context<{
+    isDisabled?: boolean | undefined;
+} | undefined>;
+declare const useItemContext: () => {
+    isDisabled?: boolean | undefined;
+};
+export default useItemContext;

package/dist/typings/context/useItemGroupContext.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { ISelectedItem } from '@zendeskgarden/container-menu';
+export declare const ItemGroupContext: import("react").Context<{
+    type?: ISelectedItem['type'];
+}>;
+declare const useItemGroupContext: () => {
+    type?: ISelectedItem['type'];
+};
+export default useItemGroupContext;

package/dist/typings/context/useMenuContext.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { IUseMenuReturnValue } from '@zendeskgarden/container-menu';
+export declare const MenuContext: import("react").Context<{
+    isCompact?: boolean | undefined;
+    focusedValue?: string | null | undefined;
+    getItemGroupProps: IUseMenuReturnValue['getItemGroupProps'];
+    getItemProps: IUseMenuReturnValue['getItemProps'];
+    getSeparatorProps: IUseMenuReturnValue['getSeparatorProps'];
+} | undefined>;
+declare const useMenuContext: () => {
+    isCompact?: boolean | undefined;
+    focusedValue?: string | null | undefined;
+    getItemGroupProps: IUseMenuReturnValue['getItemGroupProps'];
+    getItemProps: IUseMenuReturnValue['getItemProps'];
+    getSeparatorProps: IUseMenuReturnValue['getSeparatorProps'];
+};
+export default useMenuContext;

package/dist/typings/context/useOptionContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export declare const OptionContext: import("react").Context<{
+    isDisabled?: boolean | undefined;
+} | undefined>;
+declare const useOptionContext: () => {
+    isDisabled?: boolean | undefined;
+};
+export default useOptionContext;

package/dist/typings/elements/{Combobox → combobox}/Combobox.d.ts

@@ -7,8 +7,6 @@
 import React from 'react';
 import { IComboboxProps } from '../../types';
 /**
- * @deprecated use `@zendeskgarden/react-dropdowns.next` Combobox instead
- *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Combobox: React.ForwardRefExoticComponent<IComboboxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{Fields → combobox}/Field.d.ts

@@ -5,7 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+import { Hint } from './Hint';
+import { Label } from './Label';
+import { Message } from './Message';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Hint: typeof Hint;
+    Label: typeof Label;
+    Message: typeof Message;
+};

package/dist/typings/elements/{Fields → combobox}/Hint.d.ts

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Field.Hint` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Hint: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{Fields → combobox}/Label.d.ts

@@ -5,8 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ILabelProps } from '@zendeskgarden/react-forms';
+import { ILabelProps } from '../../types';
 /**
+ * @deprecated use `Field.Label` instead
+ *
  * @extends LabelHTMLAttributes<HTMLLabelElement>
  */
 export declare const Label: React.ForwardRefExoticComponent<ILabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/typings/elements/{Menu/Items/MediaBody.d.ts → combobox/Listbox.d.ts}

@@ -5,7 +5,5 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const MediaBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+import { IListboxProps } from '../../types';
+export declare const Listbox: React.ForwardRefExoticComponent<IListboxProps & React.RefAttributes<HTMLUListElement>>;

package/dist/typings/elements/{Fields → combobox}/Message.d.ts

@@ -5,8 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IMessageProps } from '@zendeskgarden/react-forms';
+import { IMessageProps } from '../../types';
 /**
+ * @deprecated use `Field.Message` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Message: React.ForwardRefExoticComponent<IMessageProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{Menu/Items/HeaderItem.d.ts → combobox/OptGroup.d.ts}

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IHeaderItemProps } from '../../../types';
+import { IOptGroupProps } from '../../types';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLLIElement>>;
+export declare const OptGroup: React.ForwardRefExoticComponent<IOptGroupProps & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/{Menu/Items/MediaItem.d.ts → combobox/Option.d.ts}

@@ -5,8 +5,11 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IItemProps } from '../../../types';
+import { IOptionProps } from '../../types';
+import { OptionMeta } from './OptionMeta';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const MediaItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;
+export declare const Option: React.ForwardRefExoticComponent<IOptionProps & React.RefAttributes<HTMLLIElement>> & {
+    Meta: typeof OptionMeta;
+};

package/dist/typings/elements/{Menu/Items/HeaderIcon.d.ts → combobox/OptionMeta.d.ts}

@@ -8,4 +8,4 @@ import React from 'react';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const HeaderIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const OptionMeta: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/combobox/Tag.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { ITagProps } from '../../types';
+import { TagAvatar } from './TagAvatar';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
+    Avatar: typeof TagAvatar;
+};

package/dist/typings/elements/combobox/TagAvatar.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+/**
+ * @extends HTMLAttributes<HTMLElement>
+ */
+export declare const TagAvatar: {
+    (props: import("react").HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/typings/elements/combobox/TagGroup.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React, { PropsWithChildren } from 'react';
+import { ITagGroupProps } from '../../types';
+export declare const TagGroup: {
+    ({ children, isDisabled, isExpanded, listboxZIndex, maxTags, optionTagProps, selection }: PropsWithChildren<ITagGroupProps>): React.JSX.Element;
+    displayName: string;
+};

package/dist/typings/elements/combobox/utils.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ReactNode } from 'react';
+import { IOption } from '@zendeskgarden/container-combobox';
+import { IOptionProps } from '../../types';
+/**
+ * Convert `Option` props to a valid object for `useCombobox`.
+ *
+ * @param props `Option` props.
+ *
+ * @returns A valid `IOption` object.
+ */
+export declare const toOption: (props: IOptionProps) => IOption;
+/**
+ * Convert an array of `Option` and `OptGroup` children to a valid `options`
+ * data structure for `useCombobox` (collect `tagProps` along the way).
+ *
+ * @param children The `children` prop from `Combobox`.
+ * @param optionTagProps A collection that maps option values to tag props.
+ *
+ * @returns A valid `IUseComboboxProps['options']` data structure.
+ */
+export declare const toOptions: (children: ReactNode, optionTagProps: Record<string, IOptionProps['tagProps']>) => (IOption | {
+    options: IOption[];
+    label?: string | undefined;
+})[];

package/dist/typings/elements/{Menu/Items → menu}/Item.d.ts

@@ -5,8 +5,11 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IItemProps } from '../../../types';
+import { IItemProps } from '../../types';
+import { ItemMeta } from './ItemMeta';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const Item: React.ForwardRefExoticComponent<IItemProps & React.RefAttributes<HTMLLIElement>>;
+export declare const Item: React.ForwardRefExoticComponent<IItemProps & React.RefAttributes<HTMLLIElement>> & {
+    Meta: typeof ItemMeta;
+};

package/dist/typings/elements/{Menu/Items/AddItem.d.ts → menu/ItemGroup.d.ts}

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IItemProps } from '../../../types';
+import { IItemGroupProps } from '../../types';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const AddItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;
+export declare const ItemGroup: React.ForwardRefExoticComponent<IItemGroupProps & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/{Menu/Items → menu}/ItemMeta.d.ts

@@ -6,6 +6,6 @@
  */
 import React from 'react';
 /**
- * @extends HTMLAttributes<HTMLSpanElement>
+ * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const ItemMeta: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ItemMeta: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{Menu → menu}/Menu.d.ts

@@ -7,8 +7,6 @@
 import React from 'react';
 import { IMenuProps } from '../../types';
 /**
- * @deprecated use `@zendeskgarden/react-dropdowns.next` Menu instead
- *
  * @extends HTMLAttributes<HTMLUListElement>
  */
 export declare const Menu: React.ForwardRefExoticComponent<IMenuProps & React.RefAttributes<HTMLUListElement>>;

package/dist/typings/elements/menu/MenuList.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IMenuListProps } from '../../types';
+/**
+ * @extends HTMLAttributes<HTMLUListElement>
+ */
+export declare const MenuList: React.ForwardRefExoticComponent<IMenuListProps & React.RefAttributes<HTMLUListElement>>;

package/dist/typings/elements/{Menu → menu}/Separator.d.ts

@@ -8,4 +8,4 @@ import React from 'react';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const Separator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+export declare const Separator: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/menu/utils.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { IItemGroupProps, IItemProps } from '../../types';
+import { IMenuItemBase, MenuItem } from '@zendeskgarden/container-menu';
+import { ReactNode } from 'react';
+/**
+ * Convert `Item` props to a valid object for `useMenu`.
+ *
+ * @param props `Item` props.
+ *
+ * @returns A valid `useMenu` item object.
+ */
+export declare const toItem: (props: IItemProps & {
+    selectionType?: IItemGroupProps['type'];
+}) => IMenuItemBase;
+/**
+ * Convert an array of `Item` and `ItemGroup` children to a valid `items`
+ * data structure for `useMenu`.
+ *
+ * @param children The `children` prop from `Combobox`.
+ * @param type The group type, if any.
+ *
+ * @returns A valid `IUseMenuProps['items']` data structure.
+ */
+export declare const toItems: (children: ReactNode, type?: 'radio' | 'checkbox') => MenuItem[];

package/dist/typings/index.d.ts

@@ -4,28 +4,21 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export { Dropdown } from './elements/Dropdown/Dropdown';
-export { Trigger } from './elements/Trigger/Trigger';
-export { Autocomplete } from './elements/Autocomplete/Autocomplete';
-export { Combobox } from './elements/Combobox/Combobox';
-export { Multiselect } from './elements/Multiselect/Multiselect';
-export { Select } from './elements/Select/Select';
-export { Field } from './elements/Fields/Field';
-export { Hint } from './elements/Fields/Hint';
-export { Label } from './elements/Fields/Label';
-export { Message } from './elements/Fields/Message';
-export { Menu } from './elements/Menu/Menu';
-export { Separator } from './elements/Menu/Separator';
-export { AddItem } from './elements/Menu/Items/AddItem';
-export { HeaderIcon } from './elements/Menu/Items/HeaderIcon';
-export { HeaderItem } from './elements/Menu/Items/HeaderItem';
-export { Item } from './elements/Menu/Items/Item';
-export { ItemMeta } from './elements/Menu/Items/ItemMeta';
-export { MediaBody } from './elements/Menu/Items/MediaBody';
-export { MediaFigure } from './elements/Menu/Items/MediaFigure';
-export { MediaItem } from './elements/Menu/Items/MediaItem';
-export { NextItem } from './elements/Menu/Items/NextItem';
-export { PreviousItem } from './elements/Menu/Items/PreviousItem';
-export type { IDropdownProps, ITriggerProps, ISelectProps, IAutocompleteProps, IComboboxProps, IMultiselectProps, IMenuProps, IItemProps, IHeaderItemProps, GardenPlacement as GARDEN_PLACEMENT, PopperPlacement as POPPER_PLACEMENT } from './types';
-export type { ILabelProps, IMessageProps } from '@zendeskgarden/react-forms';
-export { resetIdCounter } from 'downshift';
+export { Combobox } from './elements/combobox/Combobox';
+export { Field } from './elements/combobox/Field';
+export { Hint } from './elements/combobox/Hint';
+export { Label } from './elements/combobox/Label';
+export { Message } from './elements/combobox/Message';
+export { Option } from './elements/combobox/Option';
+export { OptGroup } from './elements/combobox/OptGroup';
+export { Tag } from './elements/combobox/Tag';
+export { Menu } from './elements/menu/Menu';
+export { ItemGroup } from './elements/menu/ItemGroup';
+export { Item } from './elements/menu/Item';
+export { Separator } from './elements/menu/Separator';
+export { VALIDATION } from '@zendeskgarden/react-forms';
+export type { 
+/** combobox */
+IComboboxProps, ILabelProps, IMessageProps, IOptionProps, IOptGroupProps, ITagProps, ISelectedOption, OptionValue, 
+/** menu */
+IItemProps, IItemGroupProps, IMenuProps, ISelectedItem } from './types';