@react-types/shared 3.7.0 → 3.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-types/shared",
-  "version": "3.7.0",
+  "version": "3.10.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "types": "src/index.d.ts",
@@ -14,5 +14,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "83b70255d97b3068988f8972e9c9a39a7352926e"
+  "gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
 }

package/src/collections.d.ts

@@ -130,6 +130,9 @@ export interface Collection<T> extends Iterable<T> {
   /** Get an item by its key. */
   getItem(key: Key): T,
 
+  /** Get an item by the index of its key. */
+  at(idx: number): T,
+
   /** Get the key that comes before the given key in the collection. */
   getKeyBefore(key: Key): Key | null,
 

package/src/dom.d.ts

@@ -10,7 +10,12 @@
  * governing permissions and limitations under the License.
  */
 
-import {ClipboardEventHandler, CompositionEventHandler, FormEventHandler, ReactEventHandler} from 'react';
+import {
+  ClipboardEventHandler,
+  CompositionEventHandler,
+  FormEventHandler,
+  ReactEventHandler
+} from 'react';
 
 export interface AriaLabelingProps {
   /**
@@ -125,7 +130,7 @@ export interface TextInputDOMProps extends DOMProps {
    * Handler that is called when a text composition system starts a new text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event).
    */
   onCompositionStart?: CompositionEventHandler<HTMLInputElement>,
-  
+
   /**
    * Handler that is called when a text composition system completes or cancels the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event).
    */

package/src/events.d.ts

@@ -40,7 +40,14 @@ export interface PressEvent {
   /** Whether the ctrl keyboard modifier was held during the press event. */
   ctrlKey: boolean,
   /** Whether the meta keyboard modifier was held during the press event. */
-  metaKey: boolean
+  metaKey: boolean,
+  /** Whether the alt keyboard modifier was held during the press event. */
+  altKey: boolean
+}
+
+export interface LongPressEvent extends Omit<PressEvent, 'type'> {
+  /** The type of long press event being fired. */
+  type: 'longpressstart' | 'longpressend' | 'longpress'
 }
 
 export interface HoverEvent {

package/src/inputs.d.ts

@@ -10,6 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
+
 export type ValidationState = 'valid' | 'invalid';
 
 export interface Validation {
@@ -29,13 +31,13 @@ export interface InputBase {
   isReadOnly?: boolean
 }
 
-export interface ValueBase<T> {
+export interface ValueBase<T, C = T> {
   /** The current value (controlled). */
   value?: T,
   /** The default value (uncontrolled). */
   defaultValue?: T,
   /** Handler that is called when the value changes. */
-  onChange?: (value: T) => void
+  onChange?: (value: C) => void
 }
 
 export interface TextInputBase {
@@ -58,3 +60,18 @@ export interface RangeInputBase<T> {
   /** The amount that the input value changes with each increment or decrement "tick". */
   step?: T // ??
 }
+
+export interface HelpTextProps {
+  /** A description for the field. Provides a hint such as specific requirements for what to choose. */
+  description?: ReactNode,
+  /** An error message for the field. */
+  errorMessage?: ReactNode
+}
+
+// Spectrum specific types. Extends `Validation` so that the `validationState` prop is available.
+export interface SpectrumHelpTextProps extends HelpTextProps, Validation {
+  /** Whether the description is displayed with lighter text. */
+  isDisabled?: boolean,
+  /** Whether an error icon is rendered. */
+  showErrorIcon?: boolean
+}

package/src/selection.d.ts

@@ -24,6 +24,7 @@ export interface SingleSelection {
 }
 
 export type SelectionMode = 'none' | 'single' | 'multiple';
+export type SelectionBehavior = 'toggle' | 'replace';
 export type Selection = 'all' | Set<Key>;
 export interface MultipleSelection {
   /** The type of selection that is allowed in the collection. */
@@ -40,4 +41,9 @@ export interface MultipleSelection {
   disabledKeys?: Iterable<Key>
 }
 
+export interface SpectrumSelectionProps {
+  /** How selection should be displayed. */
+  selectionStyle?: 'checkbox' | 'highlight'
+}
+
 export type FocusStrategy = 'first' | 'last';

package/src/style.d.ts

@@ -18,7 +18,7 @@ type ResponsiveProp<T> = {
   S?: T,
   M?: T,
   L?: T,
-  [custom: string]: T
+  [custom: string]: T | undefined
 }
 type Responsive<T> = T | ResponsiveProp<T>