downshift 9.4.0-alpha.2 → 9.4.0

package/dist/hooks/utils/useMouseAndTouchTracker.d.ts

@@ -6,10 +6,10 @@ import { Environment } from '../../downshift.types';
  * @param environment The environment to add the event listeners to, for instance window.
  * @param handleBlur The function that is called if mouseDown or touchEnd occured outside the downshiftElements.
  * @param downshiftRefs The refs for the elements that should not trigger a blur action from mouseDown or touchEnd.
- * @returns The mouse and touch events information.
+ * @returns A ref holding the mouse and touch events information. Read `.current` only inside event handlers/effects.
  */
-export declare function useMouseAndTouchTracker(environment: Environment | undefined, handleBlur: () => void, downshiftRefs: React.RefObject<HTMLElement>[]): {
+export declare function useMouseAndTouchTracker(environment: Environment | undefined, handleBlur: () => void, downshiftRefs: React.RefObject<HTMLElement>[]): React.MutableRefObject<{
     isMouseDown: boolean;
     isTouchMove: boolean;
     isTouchEnd: boolean;
-};
+}>;

package/dist/hooks/utils/useScrollIntoView.d.ts

@@ -1,11 +1,12 @@
+import * as React from 'react';
 /**
  * Utility hook that scrolls an item from a menu into view.
  * @param scrollIntoView The function that does the scroll.
  * @param highlightedIndex The index of the item that should be scrolled.
  * @param isOpen If the menu is open or not.
- * @param menuElement The menu element.
- * @param itemElements The object containing item elements.
+ * @param menuRef The ref to the menu element.
+ * @param itemsRef The ref to the object containing item elements.
  * @param getItemId The function to get the item id from index.
  * @returns Function that when called prevents the scroll.
  */
-export declare function useScrollIntoView(scrollIntoView: (node: HTMLElement, menuNode: HTMLElement) => void, highlightedIndex: number, isOpen: boolean, menuElement: HTMLElement | null, itemElements: Record<string, HTMLElement>, getItemId: (index: number) => string): () => void;
+export declare function useScrollIntoView(scrollIntoView: (node: HTMLElement, menuNode: HTMLElement) => void, highlightedIndex: number, isOpen: boolean, menuRef: React.MutableRefObject<HTMLElement | null>, itemsRef: React.MutableRefObject<Record<string, HTMLElement>>, getItemId: (index: number) => string): () => void;

package/dist/utils/getHighlightedIndex.d.ts

@@ -8,4 +8,4 @@
  * @param circular If the search reaches the end, if it can search again starting from the other end.
  * @returns The next highlightedIndex.
  */
-export declare function getHighlightedIndex<Item>(start: number, offset: number, items: Item[], isItemDisabled: (item: Item, index: number) => boolean, circular?: boolean): number;
+export declare function getHighlightedIndex<Item>(start: number, offset: number, items: Item[], isItemDisabled: (item: Item, index: number) => boolean, circular?: boolean): any;

package/dist/utils/getNonDisabledIndex.d.ts

@@ -8,4 +8,4 @@
  * @param circular If the search reaches the end, if it can search again starting from the other end.
  * @returns The next non-disabled index.
  */
-export declare function getNonDisabledIndex<Item>(start: number, backwards: boolean, items: Item[], isItemDisabled: (item: Item, index: number) => boolean, circular?: boolean): number;
+export declare function getNonDisabledIndex<Item>(start: number, backwards: boolean, items: Item[], isItemDisabled: (item: Item, index: number) => boolean, circular?: boolean): any;

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export { generateId, setIdCounter, resetIdCounter } from './generateId';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { useLatestRef } from './useLatestRef';
 export { handleRefs } from './handleRefs';
 export { callAllEventHandlers } from './callAllEventHandlers';

package/dist/utils/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useIsomorphicLayoutEffect: typeof React.useEffect;

package/dist/utils/useLatestRef.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function useLatestRef<T>(val: T): React.MutableRefObject<T>;
+export declare function useLatestRef<T>(value: T): React.MutableRefObject<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "downshift",
-  "version": "9.4.0-alpha.2",
+  "version": "9.4.0",
   "description": "🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.",
   "main": "dist/downshift.cjs.cjs",
   "react-native": "dist/downshift.native.cjs.cjs",
@@ -39,9 +39,16 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "unset ELECTRON_RUN_AS_NODE && kcd-scripts pre-commit"
+      "pre-commit": "kcd-scripts pre-commit"
     }
   },
+  "lint-staged": {
+    "*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|gql|graphql|mdx|vue)": [
+      "kcd-scripts format",
+      "kcd-scripts lint",
+      "kcd-scripts test --findRelatedTests --passWithNoTests"
+    ]
+  },
   "files": [
     "dist",
     "typings",
@@ -115,6 +122,7 @@
     "cross-env": "^10.1.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "flow-bin": "^0.299.0",
     "flow-coverage-report": "^0.8.0",
     "get-pkg-repo": "5.0.0",
@@ -124,6 +132,7 @@
     "preact": "^10.28.2",
     "prism-react-renderer": "^2.4.1",
     "react": "^18.3.1",
+    "react-compiler-runtime": "^1.0.0",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "react-native": "^0.76.0",
@@ -132,6 +141,9 @@
     "start-server-and-test": "^2.1.3",
     "typescript": "^5.9.3"
   },
+  "overrides": {
+    "eslint-plugin-react-hooks": "^7.1.1"
+  },
   "eslintConfig": {
     "parserOptions": {
       "ecmaVersion": 2023,
@@ -165,6 +177,7 @@
     },
     "extends": "./node_modules/kcd-scripts/eslint.js",
     "rules": {
+      "react-hooks/refs": "error",
       "react/jsx-indent": "off",
       "react/prop-types": "off",
       "max-lines-per-function": "off",