Upgrading @headlessui/react 0.1 to 0.2
Unknown0.1.3 → 0.2.0New2
UnknownUpgrade verdict
1 of 2 releases publish no notes, so breaking changes can't be ruled out.
In plain terms
- Some releases in this range publish no notes, so DepDelta can't rule out breaking changes.
- DepDelta found no commit log for them either.
Must act Unknown for releases without notes
Releases without notes may still need changes. Check their commits before upgrading.
API changes
Generated by DepDelta from published .d.ts files. Not mixed with prose notes.
- added:
enum Keys - added:
member Keys.ArrowDown = 'ArrowDown' - added:
member Keys.ArrowUp = 'ArrowUp' - added:
member Keys.Backspace = 'Backspace' - added:
member Keys.End = 'End' - added:
member Keys.Enter = 'Enter' - added:
member Keys.Escape = 'Escape' - added:
member Keys.Home = 'Home' - added:
member Keys.PageDown = 'PageDown' - added:
member Keys.PageUp = 'PageUp' - added:
member Keys.Space = ' ' - added:
member Keys.Tab = 'Tab'
- added:
function Listbox<TTag extends React.ElementType = typeof DEFAULT_LISTBOX_TAG, TType = string>(props: Props<TTag, ListboxRenderPropArg> & { value: TType; onChange(value: TType): void }): JSX.Element - added:
namespace Listbox - added:
var Listbox.Button: <TTag extends React.ElementType<any> = 'button'>(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: React.Ref<HTMLButtonElement>) => React.Rea… - added:
var Listbox.Label: <TTag extends React.ElementType<any> = 'label'>(props: Props<TTag, LabelRenderPropArg, LabelPropsWeControl>) => React.ReactElement<any, string | ((props: any)… - added:
var Listbox.Option: <TTag extends React.ElementType<any> = 'li', TType = string>(props: { as?: TTag | undefined; children?: string | number | boolean | {} | React.ReactElement<any… - added:
var Listbox.Options: <TTag extends React.ElementType<any> = 'ul'>(props: ListboxOptionsProp<TTag>, ref: React.Ref<HTMLUListElement>) => React.ReactElement<any, string | ((props: an…
- added:
function Switch<TTag extends React.ElementType = typeof DEFAULT_SWITCH_TAG>(props: Props<TTag, SwitchRenderPropArg, SwitchPropsWeControl | 'checked' | 'onChange' | 'className'> & { checked: boolean; onChange(checked: boolean): void; className?: ((bag: SwitchRenderPropArg) => string) | string }): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props:… - added:
namespace Switch - added:
var Switch.Group: <TTag extends React.ElementType<any> = React.ExoticComponent<{ children?: React.ReactNode }>>(props: Props<TTag, {}, ''>) => JSX.Element - added:
var Switch.Label: <TTag extends React.ElementType<any> = 'label'>(props: Props<TTag, LabelRenderPropArg, LabelPropsWeControl>) => React.ReactElement<any, string | ((props: any)…
- added:
function useComputed<T>(cb: () => T, dependencies: React.DependencyList): T
- changed:
function useId(): number → function useId(): string | undefined
- added:
export * from './components/listbox/listbox' - added:
export * from './components/switch/switch'
- removed:
enum MenuButtonState - removed:
member MenuButtonState.Closed = 1 - removed:
member MenuButtonState.Open = 0 - changed:
function assertMenu(menu: HTMLElement | null, options: MenuOptions): void → function assertMenu(options: { attributes?: Record<string, string | null>; textContent?: string; state: MenuState }, menu?: HTMLElement | null): void - changed:
function assertMenuButton(button: HTMLElement | null, options: MenuButtonOptions): void → function assertMenuButton(options: { attributes?: Record<string, string | null>; textContent?: string; state: MenuState }, button?: HTMLElement | null): void - changed:
function assertMenuButtonLinkedWithMenu(button: HTMLElement | null, menu: HTMLElement | null): void → function assertMenuButtonLinkedWithMenu(button?: HTMLElement | null, menu?: HTMLElement | null): void - changed:
function assertMenuItem(item: HTMLElement | null, options?: MenuItemOptions): void → function assertMenuItem(item: HTMLElement | null, options?: { tag?: string; attributes?: Record<string, string | null> }): void - changed:
function assertMenuLinkedWithMenuItem(menu: HTMLElement | null, item: HTMLElement | null): void → function assertMenuLinkedWithMenuItem(item: HTMLElement | null, menu?: HTMLElement | null): void - changed:
function assertNoActiveMenuItem(menu: HTMLElement | null): void → function assertNoActiveMenuItem(menu?: HTMLElement | null): void - added:
enum ListboxState - added:
enum SwitchState - added:
function assertActiveListboxOption(item: HTMLElement | null, listbox?: HTMLElement | null): void - added:
function assertLabelValue(element: HTMLElement | null, value: string): void - added:
function assertListbox(options: { attributes?: Record<string, string | null>; textContent?: string; state: ListboxState }, listbox?: HTMLElement | null): void - added:
function assertListboxButton(options: { attributes?: Record<string, string | null>; textContent?: string; state: ListboxState }, button?: HTMLElement | null): void - added:
function assertListboxButtonLinkedWithListbox(button?: HTMLElement | null, listbox?: HTMLElement | null): void - added:
function assertListboxButtonLinkedWithListboxLabel(button?: HTMLElement | null, label?: HTMLElement | null): void - added:
function assertListboxLabel(options: { attributes?: Record<string, string | null>; tag?: string; textContent?: string }, label?: HTMLElement | null): void - added:
function assertListboxLabelLinkedWithListbox(label?: HTMLElement | null, listbox?: HTMLElement | null): void - added:
function assertListboxOption(item: HTMLElement | null, options?: { tag?: string; attributes?: Record<string, string | null>; selected?: boolean }): void - added:
function assertNoActiveListboxOption(listbox?: HTMLElement | null): void - added:
function assertNoSelectedListboxOption(items?: HTMLElement[]): void - added:
function assertSwitch(options: { state: SwitchState; tag?: string; textContent?: string; label?: string }, switchElement?: HTMLElement | null): void - added:
function getListbox(): HTMLElement | null - added:
function getListboxButton(): HTMLElement | null - added:
function getListboxButtons(): HTMLElement[] - added:
function getListboxLabel(): HTMLElement | null - added:
function getListboxOptions(): HTMLElement[] - added:
function getListboxes(): HTMLElement[] - added:
function getMenu(): HTMLElement | null - added:
function getMenuButton(): HTMLElement | null - added:
function getMenuButtons(): HTMLElement[] - added:
function getMenuItems(): HTMLElement[] - added:
function getMenus(): HTMLElement[] - added:
function getSwitch(): HTMLElement | null - added:
function getSwitchLabel(): HTMLElement | null - added:
member ListboxState.Closed = 1 - added:
member ListboxState.Open = 0 - added:
member SwitchState.Off = 1 - added:
member SwitchState.On = 0
- removed:
function hover(element: Document | Element | Window | Node | null): Promise<void> - removed:
function unHover(element: Document | Element | Window | Node | null): Promise<void> - changed:
function mouseMove(element: Document | Element | Window | Node | null): Promise<void> → function mouseMove(element: Document | Element | Window | null): Promise<void> - added:
function mouseEnter(element: Document | Element | Window | null): Promise<void> - added:
function mouseLeave(element: Document | Element | Window | null): Promise<void>
- changed:
function suppressConsoleLogs<T extends unknown[]>(cb: (...args: T) => void, type?: FunctionPropertyNames<typeof global.console>): (...args: T) => Promise<void> → function suppressConsoleLogs<T extends unknown[]>(cb: (...args: T) => unknown, type?: FunctionPropertyNames<typeof global.console>): (...args: T) => Promise<unknown>
- changed:
type Props<TTag, TSlot = any, TOmitableProps extends keyof any = any> = { as?: TTag; children?: React.ReactNode | ((bag: TSlot) => React.ReactElement) } & Omit<PropsOf<TTag>, TOmitableProps> → type Props<TTag, TSlot = {}, TOmitableProps extends keyof any = ''> = { as?: TTag; children?: React.ReactNode | ((bag: TSlot) => React.ReactElement) } & Omit<PropsOf<TTag>, TOmitableProps>
- changed:
function render<TTag extends React.ElementType, TBag>(props: Props<TTag, TBag>, bag: TBag, tag: React.ElementType): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> → function render<TTag extends React.ElementType, TBag>(props: Props<TTag, TBag, any>, bag: TBag, tag: React.ElementType): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>