stratosphere-ui 1.0.6 → 1.0.7

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.
@@ -1,14 +1,13 @@
1
- /// <reference types="react" />
2
- import { MenuProps } from '@headlessui/react';
1
+ import { HTMLProps } from 'react';
3
2
  import { ButtonProps } from '../Button';
4
- import { DropdownMenuItemProps, MenuSize } from './DropdownMenuItem';
5
- export interface DropdownItem extends Omit<DropdownMenuItemProps, 'active' | 'disabled' | 'ref'> {
3
+ import { MenuItemProps, MenuSize } from '../Menu';
4
+ export interface DropdownItemProps extends Omit<MenuItemProps, 'disabled' | 'focus' | 'ref'> {
6
5
  id: string;
7
6
  }
8
- export interface DropdownMenuProps extends Omit<MenuProps<'div'>, 'as' | 'children' | 'className'> {
7
+ export interface DropdownMenuProps extends Omit<HTMLProps<HTMLDivElement>, 'as' | 'children' | 'className' | 'ref'> {
9
8
  buttonProps?: ButtonProps;
10
9
  className?: string;
11
- items: DropdownItem[];
10
+ items: DropdownItemProps[];
12
11
  menuClassName?: string;
13
12
  menuSize?: MenuSize;
14
13
  }
@@ -1,2 +1 @@
1
1
  export * from './DropdownMenu';
2
- export * from './DropdownMenuItem';
@@ -0,0 +1,10 @@
1
+ import { HTMLProps } from 'react';
2
+ export declare const MENU_SIZES: readonly ["xs", "sm", "md", "lg"];
3
+ export declare const MENU_LAYOUTS: readonly ["horizontal", "vertical"];
4
+ export type MenuSize = (typeof MENU_SIZES)[number];
5
+ export type MenuLayout = (typeof MENU_LAYOUTS)[number];
6
+ export interface MenuProps extends Omit<HTMLProps<HTMLUListElement>, 'size'> {
7
+ layout?: MenuLayout;
8
+ size?: MenuSize;
9
+ }
10
+ export declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,11 @@
1
+ import { HTMLProps, ReactNode } from 'react';
2
+ export interface MenuItemProps extends HTMLProps<HTMLAnchorElement> {
3
+ active?: boolean;
4
+ bordered?: boolean;
5
+ borderOnHover?: boolean;
6
+ disabled?: boolean;
7
+ focus?: boolean;
8
+ selected?: boolean;
9
+ subMenu?: ReactNode;
10
+ }
11
+ export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -0,0 +1,2 @@
1
+ export * from './Menu';
2
+ export * from './MenuItem';
@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
2
2
  import { FieldValues } from 'react-hook-form';
3
3
  import { GenericDataType } from '../../common';
4
4
  import { ButtonColor } from '../Button';
5
- import { MenuSize } from '../DropdownMenu';
6
5
  import { FormFieldProps, FormValueMode } from '../Form';
6
+ import { MenuSize } from '../Menu';
7
7
  export interface SelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'placeholder' | 'showDirty'> {
8
8
  buttonColor?: ButtonColor;
9
9
  className?: string;
@@ -3,8 +3,8 @@ import { FieldValues } from 'react-hook-form';
3
3
  import { GenericDataType } from '../../common';
4
4
  import { UseTypeaheadQueryOptions } from '../../hooks';
5
5
  import { BadgeColor } from '../Badge';
6
- import { MenuSize } from '../DropdownMenu';
7
6
  import { FormFieldProps, FormValueMode } from '../Form';
7
+ import { MenuSize } from '../Menu';
8
8
  export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends UseTypeaheadQueryOptions<DataItem>, FormFieldProps<Values> {
9
9
  badgeColor?: BadgeColor;
10
10
  className?: string;
@@ -12,6 +12,7 @@ export * from './Icons';
12
12
  export * from './Link';
13
13
  export * from './Loading';
14
14
  export * from './LoadingCard';
15
+ export * from './Menu';
15
16
  export * from './Modal';
16
17
  export * from './Pagination';
17
18
  export * from './PasswordInput';