@strapi/ui-primitives 2.0.0-beta.4 → 2.0.0-beta.5

package/dist/helpers/events.d.ts

@@ -1 +1,4 @@
-export { composeEventHandlers } from '@radix-ui/primitive';
+declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;
+export { composeEventHandlers };

package/dist/hooks/useCallbackRef.d.ts

@@ -1 +1,6 @@
-export { useCallbackRef } from '@radix-ui/react-use-callback-ref';
+/**
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop or avoid re-executing effects when passed as a dependency
+ */
+declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T;
+export { useCallbackRef };

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export * from './helpers/events';
 export * from './hooks/useCallbackRef';
 export * from './hooks/useCollator';
 export * from './hooks/useFilter';
+export * from './hooks/usePrev';

package/dist/index.js

@@ -23,7 +23,6 @@ const reactCollection = require("@radix-ui/react-collection");
 const reactDirection = require("@radix-ui/react-direction");
 const reactUsePrevious = require("@radix-ui/react-use-previous");
 const reactVisuallyHidden = require("@radix-ui/react-visually-hidden");
-const reactUseCallbackRef = require("@radix-ui/react-use-callback-ref");
 function _interopNamespace(e) {
   if (e && e.__esModule)
     return e;
@@ -996,6 +995,13 @@ const Combobox$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Trigger: Trigger$1,
   Viewport: Viewport$1
 }, Symbol.toStringTag, { value: "Module" }));
+function useCallbackRef(callback) {
+  const callbackRef = React__namespace.useRef(callback);
+  React__namespace.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
 const OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 const SELECTION_KEYS = [" ", "Enter"];
 const SELECT_NAME = "Select";
@@ -2079,7 +2085,7 @@ const BubbleSelect = React__namespace.forwardRef(
 );
 BubbleSelect.displayName = "BubbleSelect";
 function useTypeaheadSearch(onSearchChange) {
-  const handleSearchChange = reactUseCallbackRef.useCallbackRef(onSearchChange);
+  const handleSearchChange = useCallbackRef(onSearchChange);
   const searchRef = React__namespace.useRef("");
   const timerRef = React__namespace.useRef(0);
   const handleTypeaheadSearch = React__namespace.useCallback(
@@ -2180,17 +2186,20 @@ const Select$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Viewport,
   createSelectScope
 }, Symbol.toStringTag, { value: "Module" }));
-Object.defineProperty(exports, "composeEventHandlers", {
-  enumerable: true,
-  get: () => primitive.composeEventHandlers
-});
-Object.defineProperty(exports, "useCallbackRef", {
-  enumerable: true,
-  get: () => reactUseCallbackRef.useCallbackRef
-});
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
 exports.Combobox = Combobox$1;
 exports.Select = Select$1;
+exports.composeEventHandlers = composeEventHandlers;
 exports.createCollection = createCollection;
+exports.useCallbackRef = useCallbackRef;
 exports.useCollator = useCollator;
 exports.useFilter = useFilter;
+exports.usePrev = usePrev;
 //# sourceMappingURL=index.js.map