@wix/site-ui 1.30.0 → 1.31.0

package/dist/5864.js

@@ -0,0 +1,86 @@
+import { triggerPress } from "./2418.js";
+import { useAnimationFrame } from "./8996.js";
+import { useTimeout } from "./42.js";
+import { createChangeEventDetails } from "./4768.js";
+import { isMouseLikePointerType } from "./6330.js";
+import { getTarget } from "./4549.js";
+import { isTypeableElement } from "./8758.js";
+import { EMPTY_OBJECT } from "./8272.js";
+import * as __rspack_external_react from "react";
+function useClick(context, props = {}) {
+    const { enabled = true, event: eventOption = 'click', toggle = true, ignoreMouse = false, stickIfOpen = true, touchOpenDelay = 0, reason = triggerPress } = props;
+    const store = 'rootStore' in context ? context.rootStore : context;
+    const dataRef = store.context.dataRef;
+    const pointerTypeRef = __rspack_external_react.useRef(void 0);
+    const frame = useAnimationFrame();
+    const touchOpenTimeout = useTimeout();
+    const reference = __rspack_external_react.useMemo(()=>{
+        function setOpenWithTouchDelay(nextOpen, nativeEvent, target, pointerType) {
+            const details = createChangeEventDetails(reason, nativeEvent, target);
+            if (nextOpen && 'touch' === pointerType && touchOpenDelay > 0) touchOpenTimeout.start(touchOpenDelay, ()=>{
+                store.setOpen(true, details);
+            });
+            else store.setOpen(nextOpen, details);
+        }
+        function getNextOpen(open, currentTarget, isClickLikeOpenEvent) {
+            const openEvent = dataRef.current.openEvent;
+            const hasClickedOnInactiveTrigger = store.select('domReferenceElement') !== currentTarget;
+            if (open && hasClickedOnInactiveTrigger) return true;
+            if (!open) return true;
+            if (!toggle) return true;
+            if (openEvent && stickIfOpen) return !isClickLikeOpenEvent(openEvent.type);
+            return false;
+        }
+        return {
+            onPointerDown (event) {
+                pointerTypeRef.current = event.pointerType;
+            },
+            onMouseDown (event) {
+                const pointerType = pointerTypeRef.current;
+                const nativeEvent = event.nativeEvent;
+                const open = store.select('open');
+                if (0 !== event.button || 'click' === eventOption || isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
+                const nextOpen = getNextOpen(open, event.currentTarget, (openEventType)=>'click' === openEventType || 'mousedown' === openEventType);
+                const target = getTarget(nativeEvent);
+                if (isTypeableElement(target)) return void setOpenWithTouchDelay(nextOpen, nativeEvent, target, pointerType);
+                const eventCurrentTarget = event.currentTarget;
+                frame.request(()=>{
+                    setOpenWithTouchDelay(nextOpen, nativeEvent, eventCurrentTarget, pointerType);
+                });
+            },
+            onClick (event) {
+                if ('mousedown-only' === eventOption) return;
+                const pointerType = pointerTypeRef.current;
+                if ('mousedown' === eventOption && pointerType) {
+                    pointerTypeRef.current = void 0;
+                    return;
+                }
+                if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
+                const open = store.select('open');
+                const nextOpen = getNextOpen(open, event.currentTarget, (openEventType)=>'click' === openEventType || 'mousedown' === openEventType || 'keydown' === openEventType || 'keyup' === openEventType);
+                setOpenWithTouchDelay(nextOpen, event.nativeEvent, event.currentTarget, pointerType);
+            },
+            onKeyDown () {
+                pointerTypeRef.current = void 0;
+            }
+        };
+    }, [
+        dataRef,
+        eventOption,
+        ignoreMouse,
+        reason,
+        store,
+        stickIfOpen,
+        toggle,
+        frame,
+        touchOpenTimeout,
+        touchOpenDelay
+    ]);
+    return __rspack_external_react.useMemo(()=>enabled ? {
+            reference
+        } : EMPTY_OBJECT, [
+        enabled,
+        reference
+    ]);
+}
+export { useClick };