@react-types/listbox - npm Package Compare versions

README.md

package.json

		{
		"name": "@react-types/listbox",
		"version": "3.0.0-alpha.1",
		"version": "3.0.0-nightly-641446f65-240905",
		"description": "Spectrum UI components in React",
		@@ -9,9 +9,9 @@ "license": "Apache-2.0",
		"type": "git",
		"url": "https://github.com/adobe-private/react-spectrum-v3"
		"url": "https://github.com/adobe/react-spectrum"
		},
		"dependencies": {
		"@react-types/shared": "^3.0.0-rc.2"
		"@react-types/shared": "^3.0.0-nightly-641446f65-240905"
		},
		"peerDependencies": {
		"react": "^16.12.0"
		"react": "^16.8.0 \|\| ^17.0.0-rc.1 \|\| ^18.0.0 \|\| ^19.0.0"
		},
		@@ -21,3 +21,3 @@ "publishConfig": {
		},
		"gitHead": "207e6ee9076905c96638a7f81a367758872e1410"
		}
		"stableVersion": "3.5.1"
		}

src/index.d.ts

		@@ -13,12 +13,28 @@ /*

		import {CollectionBase, DOMProps, MultipleSelection, StyleProps} from '@react-types/shared';
		import {AriaLabelingProps, AsyncLoadable, CollectionBase, DOMProps, FocusEvents, FocusStrategy, Key, MultipleSelection, SelectionBehavior, StyleProps} from '@react-types/shared';
		import {ReactNode} from 'react';

		type FocusStrategy = 'first' \| 'last';

		export interface ListBoxProps<T> extends CollectionBase<T>, MultipleSelection {
		export interface ListBoxProps<T> extends CollectionBase<T>, MultipleSelection, FocusEvents {
		/** Whether to auto focus the listbox or an option. */
		autoFocus?: boolean \| FocusStrategy,
		/** Whether focus should wrap around when the end/start is reached. */
		shouldFocusWrap?: boolean
		}

		export interface SpectrumListBoxProps<T> extends ListBoxProps<T>, DOMProps, StyleProps {
		interface AriaListBoxPropsBase<T> extends ListBoxProps<T>, DOMProps, AriaLabelingProps {}
		export interface AriaListBoxProps<T> extends AriaListBoxPropsBase<T> {
		/**
		* An optional visual label for the listbox.
		*/
		label?: ReactNode,
		/** How multiple selection should behave in the collection. */
		selectionBehavior?: SelectionBehavior,
		/**
		* Handler that is called when a user performs an action on an item. The exact user event depends on
		* the collection's `selectionBehavior` prop and the interaction modality.
		*/
		onAction?: (key: Key) => void
		}

		export interface SpectrumListBoxProps<T> extends AriaListBoxPropsBase<T>, AsyncLoadable, StyleProps {
		}

LICENSE

New alerts