@react-types/shared - npm Package Compare versions

Comparing version 3.0.0-nightly-9e79420c1-240919 to 3.0.0-nightly-a166aaab8-250418

package.json

 {
   "name": "@react-types/shared",
-  "version": "3.0.0-nightly-9e79420c1-240919",
+  "version": "3.0.0-nightly-a166aaab8-250418",
   "description": "Spectrum UI components in React",
@@ -12,8 +12,7 @@ "license": "Apache-2.0",
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "stableVersion": "3.24.1"
+  }
 }

src/collections.d.ts

@@ -32,3 +32,3 @@ /*
 
-export type ItemElement<T> = ReactElement<ItemProps<T>>;
+export type ItemElement<T> = ReactElement<ItemProps<T>> | null;
 export type ItemRenderer<T> = (item: T) => ItemElement<T>;
@@ -55,3 +55,3 @@ export type LoadingState = 'loading' | 'sorting' | 'loadingMore' | 'error' | 'idle' | 'filtering';
 
-export type SectionElement<T> = ReactElement<SectionProps<T>>;
+export type SectionElement<T> = ReactElement<SectionProps<T>> | null;
 
@@ -92,5 +92,5 @@ export type CollectionElement<T> = SectionElement<T> | ItemElement<T>;
   /** The key of the column to sort by. */
-  column?: Key,
+  column: Key,
   /** The direction to sort by. */
-  direction?: SortDirection
+  direction: SortDirection
 }
@@ -120,9 +120,9 @@
   /** Returns the first key, or `null` for none. */
-  getFirstKey?(key?: Key, global?: boolean): Key | null,
+  getFirstKey?(key?: Key | null, global?: boolean): Key | null,
 
   /** Returns the last key, or `null` for none. */
-  getLastKey?(key?: Key, global?: boolean): Key | null,
+  getLastKey?(key?: Key | null, global?: boolean): Key | null,
 
   /** Returns the next key after `fromKey` that matches the given search string, or `null` for none. */
-  getKeyForSearch?(search: string, fromKey?: Key): Key | null
+  getKeyForSearch?(search: string, fromKey?: Key | null): Key | null
 }
@@ -187,3 +187,6 @@
   /** Returns a string representation of the item's contents. */
-  getTextValue?(key: Key): string
+  getTextValue?(key: Key): string,
+
+  /** Filters the collection using the given function. */
+  UNSTABLE_filter?(filterFn: (nodeValue: string) => boolean): Collection<T>
 }
@@ -214,3 +217,3 @@
   /** The index of this node within its parent. */
-  index?: number,
+  index: number,
   /** A function that should be called to wrap the rendered node. */
@@ -227,5 +230,5 @@ wrapper?: (element: ReactElement) => ReactElement,
   /** @private */
-  shouldInvalidate?: (context: unknown) => boolean,
+  shouldInvalidate?: (context: any) => boolean,
   /** A function that renders this node to a React Element in the DOM. */
   render?: (node: Node<any>) => ReactElement
 }

src/dnd.d.ts

@@ -271,3 +271,3 @@ /*
 
-export type DragPreviewRenderer = (items: DragItem[], callback: (node: HTMLElement) => void) => void;
+export type DragPreviewRenderer = (items: DragItem[], callback: (node: HTMLElement | null) => void) => void;
 
@@ -274,0 +274,0 @@ export interface DraggableCollectionProps {

src/dom.d.ts

@@ -169,3 +169,13 @@ /*
    */
-  inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'
+  inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search',
+
+  /**
+   * An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete).
+   */
+  autoCorrect?: string,
+
+  /**
+   * An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck).
+   */
+  spellCheck?: string
 }
@@ -172,0 +182,0 @@

src/events.d.ts

@@ -13,4 +13,6 @@ /*
 
+import {FocusableElement} from './dom';
 import {
   FocusEvent,
+  MouseEvent,
   KeyboardEvent as ReactKeyboardEvent,
@@ -116,3 +118,9 @@ SyntheticEvent
    */
-  onPressUp?: (e: PressEvent) => void
+  onPressUp?: (e: PressEvent) => void,
+  /**
+   * **Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`
+   * provided for compatibility with other libraries. `onPress` provides 
+   * additional event details for non-mouse interactions.
+   */
+  onClick?: (e: MouseEvent<FocusableElement>) => void
 }
@@ -119,0 +127,0 @@

src/refs.d.ts

@@ -16,3 +16,3 @@ /*
 export interface DOMRefValue<T extends HTMLElement = HTMLElement> {
-  UNSAFE_getDOMNode(): T
+  UNSAFE_getDOMNode(): T | null
 }
@@ -19,0 +19,0 @@

src/style.d.ts

@@ -212,16 +212,7 @@ /*
 export interface BoxAlignmentStyleProps {
-  /**
-   * The distribution of space around items along the main axis. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content).
-   * @default 'stretch'
-   */
+  /** The distribution of space around items along the main axis. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content). */
   justifyContent?: Responsive<'start' | 'end' | 'center' | 'left' | 'right' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center'>,
-  /**
-   * The distribution of space around child items along the cross axis. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content).
-   * @default 'start'
-   */
+  /** The distribution of space around child items along the cross axis. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content).*/
   alignContent?: Responsive<'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center'>,
-  /**
-   * The alignment of children within their container. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items).
-   * @default 'stretch'
-   */
+  /** The alignment of children within their container. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items). */
   alignItems?: Responsive<'start' | 'end' | 'center' | 'stretch' | 'self-start' | 'self-end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center'>,
@@ -228,0 +219,0 @@ /** The space to display between both rows and columns. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap). */

No alert changes

Improved metrics

Total package byte prevSize

75881

1.21%

Lines of code

1814

0.5%

No dependency changes