@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

package/types/dropdown/dropdown-icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface DropdownIconProps {
+    fill?: string;
+    size?: string | number;
+    height?: string | number;
+    width?: string | number;
+}
+declare const DropdownIcon: React.FC<DropdownIconProps>;
+export default DropdownIcon;

package/types/dropdown/dropdown-item.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode, Key } from 'react';
+import { Node } from '@react-types/shared';
+import { TreeState } from '@react-stately/tree';
+import type { FocusableProps } from '@react-types/shared';
+import { CSS } from '../theme/stitches.config';
+import type { SimpleColors, NormalWeights, DropdownVariants } from '../utils/prop-types';
+interface Props<T> extends FocusableProps {
+    item: Node<T>;
+    state: TreeState<T>;
+    color?: SimpleColors;
+    variant?: DropdownVariants;
+    textColor?: SimpleColors;
+    isVirtualized?: boolean;
+    withDivider?: boolean;
+    command?: string;
+    description?: string;
+    icon?: ReactNode;
+    dividerWeight?: NormalWeights;
+    as?: keyof JSX.IntrinsicElements;
+    onAction?: (key: Key) => void;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<object>>;
+export declare type DropdownItemProps<T = object> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const DropdownItem: {
+    <T extends object>({ as, css, item, state, color, icon, command, description, textColor, variant, autoFocus, isVirtualized, withDivider, dividerWeight, onAction, className }: DropdownItemProps<T>): JSX.Element;
+    displayName: string;
+    toString(): string;
+};
+export default DropdownItem;

package/types/dropdown/dropdown-menu.d.ts

@@ -0,0 +1,30 @@
+import React, { RefAttributes, PropsWithoutRef } from 'react';
+import { DOMProps, AriaLabelingProps } from '@react-types/shared';
+import { AriaMenuProps } from '@react-types/menu';
+import { CSS } from '../theme/stitches.config';
+import type { SimpleColors, DropdownVariants } from '../utils/prop-types';
+interface Props<T> extends AriaMenuProps<T>, DOMProps, AriaLabelingProps {
+    as?: keyof JSX.IntrinsicElements;
+    /**
+     * The color of the dropdown items on (focused, hovered)
+     * @default 'default'
+     */
+    color?: SimpleColors;
+    /**
+     * The dropdowm item variation
+     * @default 'flat'
+     */
+    variant?: DropdownVariants;
+    /**
+     * The text color of the dropdown items on (focused, hovered)
+     * @default 'default'
+     */
+    textColor?: SimpleColors;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<object>>;
+export declare type DropdownMenuProps<T = object> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare type DropdownComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+declare const _default: DropdownComponent<HTMLUListElement, DropdownMenuProps<object>>;
+export default _default;

package/types/dropdown/dropdown-section.d.ts

@@ -0,0 +1,29 @@
+import React, { Key } from 'react';
+import type { TreeState } from '@react-stately/tree';
+import type { Node } from '@react-types/shared';
+import type { CSS } from '../theme/stitches.config';
+import type { SimpleColors, DropdownVariants } from '../utils/prop-types';
+interface Props<T> {
+    item: Node<T>;
+    state: TreeState<T>;
+    color?: SimpleColors;
+    variant?: DropdownVariants;
+    textColor?: SimpleColors;
+    /**
+     * Shows a divider between sections
+     * @default true
+     */
+    withDivider?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    css?: CSS;
+    className?: string;
+    onAction?: (key: Key) => void;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<object>>;
+export declare type DropdownSectionProps<T> = Props<T> & NativeAttrs;
+declare const DropdownSection: {
+    <T extends object>(props: DropdownSectionProps<T>): JSX.Element;
+    displayName: string;
+    toString(): string;
+};
+export default DropdownSection;

package/types/dropdown/dropdown-trigger.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/**
+ * DropdownTrigger opens the popover's content. It must be an interactive element
+ * such as `button` or `a`.
+ */
+declare const DropdownTrigger: {
+    (props: React.PropsWithChildren<{}>): JSX.Element;
+    displayName: string;
+    toString(): string;
+};
+export default DropdownTrigger;

package/types/dropdown/dropdown-types.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes } from 'react';
+import { useMenuItem, useMenuSection } from '@react-aria/menu';
+import type { FocusRingAria } from '@react-aria/focus';
+export declare type MenuItemAria = ReturnType<typeof useMenuItem>;
+export declare type MenuSectionAria = ReturnType<typeof useMenuSection>;
+export interface IFocusRingAria extends FocusRingAria {
+    focusProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+}
+export interface IMenuItemAria extends MenuItemAria {
+    /** Props for the main text element inside the menu item. */
+    labelProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+    /** Props for the description text element inside the menu item, if any. */
+    descriptionProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+    /** Props for the keyboard shortcut text element inside the item, if any. */
+    keyboardShortcutProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+}
+export interface IMenuSectionAria extends MenuSectionAria {
+    /** Props for the wrapper list item. */
+    itemProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+    /** Props for the heading element, if any. */
+    headingProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+    /** Props for the group element. */
+    groupProps: Omit<HTMLAttributes<HTMLElement>, 'css'>;
+}

package/types/dropdown/dropdown.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { Section } from '@react-stately/collections';
+import DropdownItemBase from './base/dropdown-item-base';
+import DropdownTrigger from './dropdown-trigger';
+import DropdownMenu from './dropdown-menu';
+import DropdownButton from './dropdown-button';
+import { UseDropdownProps } from './use-dropdown';
+interface Props extends UseDropdownProps {
+    /**
+     * The content of the dropdown. It is usually the `Dropdown.Trigger`,
+     * and `Dropdown.Menu`
+     */
+    children: ReactNode[];
+}
+export declare type DropdownProps = Props;
+declare type DropdownComponent<P = {}> = React.FC<P> & {
+    Trigger: typeof DropdownTrigger;
+    Button: typeof DropdownButton;
+    Menu: typeof DropdownMenu;
+    Item: typeof DropdownItemBase;
+    Section: typeof Section;
+};
+declare const _default: DropdownComponent<Props>;
+export default _default;