@rescui/select 0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67 → 0.15.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66

package/lib/utils/merge-props.js

@@ -1,15 +1,24 @@
 import cn from 'classnames';
-/* eslint-disable @typescript-eslint/no-explicit-any,consistent-return */
+/**
+ * Assigns a value to a single ref — handles callback refs, object refs, null, and undefined.
+ * Returns the cleanup function if the callback ref returned one.
+ */
+
+function assignRef(ref, value) {
+  if (ref == null) {
+    return;
+  }
 
-function setRef(ref, value) {
   if (typeof ref === 'function') {
     return ref(value);
-  } else if (ref !== null) {
-    ref.current = value;
   }
+
+  ref.current = value;
 }
-/**
- * Merges multiple refs into one. Works with either callback or object refs.
+/**
+ * Merges multiple refs into a single callback ref.
+ * All provided refs are assigned in left-to-right order.
+ * Cleanup functions returned by callback refs are called on detach.
  */
 
 
@@ -18,89 +27,78 @@ function mergeRefs() {
     refs[_key] = arguments[_key];
   }
 
-  if (refs.length === 1 && refs[0]) {
-    return refs[0];
-  }
-
   return value => {
-    let hasCleanup = false;
-    const cleanups = refs.map(ref => {
-      const cleanup = setRef(ref, value);
-      hasCleanup = hasCleanup || typeof cleanup === 'function';
-      return cleanup;
-    });
-
-    if (hasCleanup) {
-      return () => {
-        cleanups.forEach((cleanup, i) => {
-          if (typeof cleanup === 'function') {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        });
-      };
+    const cleanups = refs.map(ref => assignRef(ref, value)); // return a combined cleanup only if at least one callback ref provided one.
+    // when React uses the cleanup API it will NOT call our merged ref with null on unmount,
+    // so we must manually null-out every ref that had no cleanup of its own.
+
+    if (cleanups.some(Boolean)) {
+      return () => cleanups.forEach((cleanup, i) => {
+        if (typeof cleanup === 'function') {
+          cleanup();
+        } else {
+          // simulate the ref(null) call that React skips when a cleanup is returned
+          assignRef(refs[i], null);
+        }
+      });
     }
   };
 }
 
-function chain() {
-  for (var _len2 = arguments.length, callbacks = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    callbacks[_key2] = arguments[_key2];
+function pushProp(target, key, value) {
+  if (key === 'ref') {
+    target.ref = target.ref ? mergeRefs(target.ref, value) : value;
+  } else if (key === 'className') {
+    target.className = cn(target.className, value);
+  } else if (key === 'style') {
+    target.style = { ...target.style,
+      ...value
+    };
+  } else if (typeof value === 'function') {
+    const oldFn = target[key];
+    target[key] = oldFn ? function () {
+      oldFn(...arguments);
+      value(...arguments);
+    } : value;
+  } else if (!(key in target) || value !== undefined) {
+    // for any other duplicate prop, the value from the later object takes precedence;
+    // undefined is ignored on duplicated so it cannot erase an existing value
+    target[key] = value;
   }
-
-  return function () {
-    for (const callback of callbacks) {
-      if (typeof callback === 'function') {
-        callback(...arguments);
-      }
-    }
-  };
 }
-/**
- * Merges multiple props objects together. Event handlers are chained,
- * classNames are combined, ids are deduplicated, and refs are merged.
- * For all other props, the last prop object overrides all previous ones.
- * @param args - Multiple sets of props to merge together.
+/**
+ * Combines multiple sets of props into a single object:
+ *  - conflicting `className` values are joined with a space
+ *  - conflicting `style` objects are shallow-merged (rightmost wins on conflict)
+ *  - conflicting function props (event handlers) are composed and called left to right
+ *  - conflicting `ref` props (object refs, callback refs, or null) are merged into a single
+ *    callback ref that assigns all of them; cleanup functions returned by callback refs are
+ *    collected and called together on detach
+ *  - any other conflicting prop is resolved by taking the value from the rightmost props object
+ * @param props One or more props objects to merge. Props further to the right take precedence.
  */
-// eslint-disable-next-line complexity
 
 
 function mergeProps() {
-  // Start with a base clone of the first argument. This is a lot faster than starting
-  // with an empty object and adding properties as we go.
-  const result = { ...(arguments.length <= 0 ? undefined : arguments[0])
-  };
+  for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    props[_key2] = arguments[_key2];
+  }
 
-  for (let i = 1; i < arguments.length; i++) {
-    const props = i < 0 || arguments.length <= i ? undefined : arguments[i];
+  if (props.length === 1) {
+    return props[0];
+  }
 
-    for (const key in props) {
-      if (!props.hasOwnProperty(key)) {
+  return props.reduce((merged, ps) => {
+    for (const key in ps) {
+      if (!ps.hasOwnProperty(key)) {
         continue;
       }
 
-      const a = result[key];
-      const b = props[key]; // Chain events
-
-      if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
-      key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >=
-      /* 'A' */
-      65 && key.charCodeAt(2) <=
-      /* 'Z' */
-      90) {
-        result[key] = chain(a, b); // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
-      } else if (key === 'className' && typeof a === 'string' && typeof b === 'string') {
-        result[key] = cn(a, b);
-      } else if (key === 'ref' && a && b) {
-        result.ref = mergeRefs(a, b); // Override others
-      } else {
-        result[key] = b !== undefined ? b : a;
-      }
+      pushProp(merged, key, ps[key]);
     }
-  }
 
-  return result;
+    return merged;
+  }, {});
 }
 
-export { chain, mergeProps, mergeRefs };
+export { mergeProps };

package/lib/utils/throttle.d.ts

@@ -1 +1 @@
-export declare function throttle<A extends unknown[], R>(func: (...args: A) => R, wait: number): (...args: A) => R;
+export declare function throttle<A extends unknown[], R>(func: (...args: A) => R, wait: number): (...args: A) => R;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+  "version": "0.15.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,10 +16,10 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/dropdown": "0.9.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
-    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
-    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
-    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.179+2f40ef205",
+    "@rescui/dropdown": "0.9.6-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
+    "@rescui/form-field": "0.1.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
+    "@rescui/tag": "0.13.6-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
+    "@rescui/use-resize-observer": "0.3.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.191+8f54dec0a",
     "classnames": "^2.2.6",
     "downshift": "^9.3.2",
     "scroll-into-view-if-needed": "3.1.0"
@@ -30,9 +30,9 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/colors": "0.3.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.79+8f54dec0a",
     "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/typography": "0.25.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
     "@rescui/visual-regression": "0.1.4",
     "sniffr": "^1.2.0"
   },
@@ -41,5 +41,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "2f40ef205f94c200019ec963e3fd0ca47fe1cdcb"
+  "gitHead": "8f54dec0a450da30835485cba2edfd0037cccd25"
 }

package/lib/hooks/use-backward-compatible-id.d.ts

@@ -1,4 +0,0 @@
-export declare const useBackwardCompatibleId: {
-    (): string | number;
-    counter: number;
-};

package/lib/hooks/use-backward-compatible-id.js

@@ -1,14 +0,0 @@
-import React, { useRef } from 'react';
-
-const useBackwardCompatibleId = () => {
-  const id = useRef(null);
-
-  if (id.current === null) {
-    id.current = useBackwardCompatibleId.counter++;
-  }
-
-  return (React.useId ? React.useId : () => id.current)();
-};
-
-useBackwardCompatibleId.counter = 0;
-export { useBackwardCompatibleId };