@tamagui/floating 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/esm/interactions/useListNavigation.native.js

@@ -0,0 +1,271 @@
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useEvent } from "@tamagui/use-event";
+import { activeElement, enqueueFocus, findNonDisabledListIndex, getMinListIndex, getMaxListIndex, isHTMLElement, isIndexOutOfListBounds, isTypeableCombobox, isVirtualClick, isVirtualPointerEvent, stopEvent } from "./utils.native.js";
+var ARROW_UP = "ArrowUp",
+  ARROW_DOWN = "ArrowDown",
+  ARROW_LEFT = "ArrowLeft",
+  ARROW_RIGHT = "ArrowRight";
+function doSwitch(orientation, vertical, horizontal) {
+  switch (orientation) {
+    case "vertical":
+      return vertical;
+    case "horizontal":
+      return horizontal;
+    default:
+      return vertical || horizontal;
+  }
+}
+function isMainOrientationKey(key, orientation) {
+  var vertical = key === ARROW_UP || key === ARROW_DOWN,
+    horizontal = key === ARROW_LEFT || key === ARROW_RIGHT;
+  return doSwitch(orientation, vertical, horizontal);
+}
+function isMainOrientationToEndKey(key, orientation, rtl) {
+  var vertical = key === ARROW_DOWN,
+    horizontal = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;
+  return doSwitch(orientation, vertical, horizontal) || key === "Enter" || key === " " || key === "";
+}
+function isCrossOrientationOpenKey(key, orientation, rtl) {
+  var vertical = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT,
+    horizontal = key === ARROW_DOWN;
+  return doSwitch(orientation, vertical, horizontal);
+}
+function isCrossOrientationCloseKey(key, orientation, rtl) {
+  var vertical = rtl ? key === ARROW_RIGHT : key === ARROW_LEFT,
+    horizontal = key === ARROW_UP;
+  return doSwitch(orientation, vertical, horizontal);
+}
+function useListNavigation(context, props) {
+  var {
+      open,
+      onOpenChange,
+      elements
+    } = context,
+    {
+      listRef,
+      activeIndex,
+      onNavigate: unstable_onNavigate = function () {},
+      enabled = !0,
+      selectedIndex = null,
+      allowEscape = !1,
+      loop = !1,
+      nested = !1,
+      rtl = !1,
+      virtual = !1,
+      focusItemOnOpen = "auto",
+      focusItemOnHover = !0,
+      openOnArrowKeyDown = !0,
+      disabledIndices = void 0,
+      orientation = "vertical",
+      scrollItemIntoView = !0
+    } = props,
+    typeableComboboxReference = isTypeableCombobox(elements.domReference),
+    focusItemOnOpenRef = useRef(focusItemOnOpen),
+    indexRef = useRef(selectedIndex ?? -1),
+    keyRef = useRef(null),
+    isPointerModalityRef = useRef(!0),
+    previousMountedRef = useRef(!!elements.floating),
+    previousOpenRef = useRef(open),
+    forceSyncFocusRef = useRef(!1),
+    forceScrollIntoViewRef = useRef(!1),
+    disabledIndicesRef = useRef(disabledIndices);
+  disabledIndicesRef.current = disabledIndices;
+  var latestOpenRef = useRef(open);
+  latestOpenRef.current = open;
+  var scrollItemIntoViewRef = useRef(scrollItemIntoView);
+  scrollItemIntoViewRef.current = scrollItemIntoView;
+  var selectedIndexRef = useRef(selectedIndex);
+  selectedIndexRef.current = selectedIndex;
+  var stableOnNavigate = useEvent(unstable_onNavigate),
+    [activeId, setActiveId] = useState(),
+    onNavigate = useEvent(function () {
+      stableOnNavigate(indexRef.current === -1 ? null : indexRef.current);
+    }),
+    previousOnNavigateRef = useRef(onNavigate),
+    focusItem = useEvent(function () {
+      function runFocus(item2) {
+        virtual ? setActiveId(item2.id) : enqueueFocus(item2, {
+          sync: forceSyncFocusRef.current,
+          preventScroll: !0
+        });
+      }
+      var initialItem = listRef.current[indexRef.current],
+        forceScrollIntoView = forceScrollIntoViewRef.current;
+      initialItem && runFocus(initialItem);
+      var scheduler = forceSyncFocusRef.current ? function (v) {
+        return v();
+      } : requestAnimationFrame;
+      scheduler(function () {
+        var waitedItem = listRef.current[indexRef.current] || initialItem;
+        if (waitedItem) {
+          initialItem || runFocus(waitedItem);
+          var scrollIntoViewOptions = scrollItemIntoViewRef.current,
+            shouldScrollIntoView = scrollIntoViewOptions && waitedItem && (forceScrollIntoView || !isPointerModalityRef.current);
+          if (shouldScrollIntoView) {
+            var _waitedItem_scrollIntoView;
+            (_waitedItem_scrollIntoView = waitedItem.scrollIntoView) === null || _waitedItem_scrollIntoView === void 0 || _waitedItem_scrollIntoView.call(waitedItem, typeof scrollIntoViewOptions == "boolean" ? {
+              block: "nearest",
+              inline: "nearest"
+            } : scrollIntoViewOptions);
+          }
+        }
+      });
+    });
+  useLayoutEffect(function () {
+    enabled && (open && elements.floating ? focusItemOnOpenRef.current && selectedIndex != null && (forceScrollIntoViewRef.current = !0, indexRef.current = selectedIndex, onNavigate()) : previousMountedRef.current && (indexRef.current = -1, previousOnNavigateRef.current()));
+  }, [enabled, open, elements.floating, selectedIndex, onNavigate]), useLayoutEffect(function () {
+    if (enabled && open && elements.floating) if (activeIndex == null) {
+      if (forceSyncFocusRef.current = !1, selectedIndexRef.current != null) return;
+      if (previousMountedRef.current && (indexRef.current = -1, focusItem()), (!previousOpenRef.current || !previousMountedRef.current) && focusItemOnOpenRef.current && (keyRef.current != null || focusItemOnOpenRef.current === !0 && keyRef.current == null)) {
+        var runs = 0,
+          waitForListPopulated = function () {
+            if (listRef.current[0] == null) {
+              if (runs < 2) {
+                var scheduler = runs ? requestAnimationFrame : queueMicrotask;
+                scheduler(waitForListPopulated);
+              }
+              runs++;
+            } else indexRef.current = keyRef.current == null || isMainOrientationToEndKey(keyRef.current, orientation, rtl) || nested ? getMinListIndex(listRef, disabledIndicesRef.current) : getMaxListIndex(listRef, disabledIndicesRef.current), keyRef.current = null, onNavigate();
+          };
+        waitForListPopulated();
+      }
+    } else isIndexOutOfListBounds(listRef, activeIndex) || (indexRef.current = activeIndex, focusItem(), forceScrollIntoViewRef.current = !1);
+  }, [enabled, open, elements.floating, activeIndex, selectedIndexRef, nested, listRef, orientation, rtl, onNavigate, focusItem, disabledIndicesRef]), useLayoutEffect(function () {
+    previousOnNavigateRef.current = onNavigate, previousOpenRef.current = open, previousMountedRef.current = !!elements.floating;
+  }), useLayoutEffect(function () {
+    open || (keyRef.current = null, focusItemOnOpenRef.current = focusItemOnOpen);
+  }, [open, focusItemOnOpen]);
+  var hasActiveIndex = activeIndex != null,
+    commonOnKeyDown = useEvent(function (event) {
+      if (isPointerModalityRef.current = !1, forceSyncFocusRef.current = !0, event.which !== 229 && !(!latestOpenRef.current && event.currentTarget === elements.floating)) {
+        if (nested && isCrossOrientationCloseKey(event.key, orientation, rtl)) {
+          stopEvent(event), onOpenChange(!1, event.nativeEvent, "list-navigation"), isHTMLElement(elements.domReference) && elements.domReference.focus();
+          return;
+        }
+        var currentIndex = indexRef.current,
+          minIndex = getMinListIndex(listRef, disabledIndices),
+          maxIndex = getMaxListIndex(listRef, disabledIndices);
+        if (typeableComboboxReference || (event.key === "Home" && (stopEvent(event), indexRef.current = minIndex, onNavigate()), event.key === "End" && (stopEvent(event), indexRef.current = maxIndex, onNavigate())), isMainOrientationKey(event.key, orientation)) {
+          if (stopEvent(event), open && !virtual && activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {
+            indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex, onNavigate();
+            return;
+          }
+          isMainOrientationToEndKey(event.key, orientation, rtl) ? loop ? indexRef.current = currentIndex >= maxIndex ? allowEscape && currentIndex !== listRef.current.length ? -1 : minIndex : findNonDisabledListIndex(listRef, {
+            startingIndex: currentIndex,
+            disabledIndices
+          }) : indexRef.current = Math.min(maxIndex, findNonDisabledListIndex(listRef, {
+            startingIndex: currentIndex,
+            disabledIndices
+          })) : loop ? indexRef.current = currentIndex <= minIndex ? allowEscape && currentIndex !== -1 ? listRef.current.length : maxIndex : findNonDisabledListIndex(listRef, {
+            startingIndex: currentIndex,
+            decrement: !0,
+            disabledIndices
+          }) : indexRef.current = Math.max(minIndex, findNonDisabledListIndex(listRef, {
+            startingIndex: currentIndex,
+            decrement: !0,
+            disabledIndices
+          })), isIndexOutOfListBounds(listRef, indexRef.current) && (indexRef.current = -1), onNavigate();
+        }
+      }
+    }),
+    ariaActiveDescendantProp = useMemo(function () {
+      return virtual && open && hasActiveIndex && {
+        "aria-activedescendant": activeId
+      };
+    }, [virtual, open, hasActiveIndex, activeId]),
+    floating = useMemo(function () {
+      return {
+        "aria-orientation": orientation === "both" ? void 0 : orientation,
+        ...(typeableComboboxReference ? {} : ariaActiveDescendantProp),
+        onKeyDown: commonOnKeyDown,
+        onPointerMove() {
+          isPointerModalityRef.current = !0;
+        }
+      };
+    }, [ariaActiveDescendantProp, commonOnKeyDown, orientation, typeableComboboxReference]),
+    reference = useMemo(function () {
+      function checkVirtualMouse(event) {
+        focusItemOnOpen === "auto" && isVirtualClick(event.nativeEvent) && (focusItemOnOpenRef.current = !0);
+      }
+      function checkVirtualPointer(event) {
+        focusItemOnOpenRef.current = focusItemOnOpen, focusItemOnOpen === "auto" && isVirtualPointerEvent(event.nativeEvent) && (focusItemOnOpenRef.current = !0);
+      }
+      return {
+        ...ariaActiveDescendantProp,
+        onKeyDown(event) {
+          isPointerModalityRef.current = !1;
+          var isArrowKey = event.key.startsWith("Arrow"),
+            isCrossOpenKey = isCrossOrientationOpenKey(event.key, orientation, rtl),
+            isMainKey = isMainOrientationKey(event.key, orientation),
+            isNavigationKey = (nested ? isCrossOpenKey : isMainKey) || event.key === "Enter" || event.key.trim() === "";
+          if (virtual && open) return commonOnKeyDown(event);
+          if (!(!open && !openOnArrowKeyDown && isArrowKey)) {
+            if (isNavigationKey && (keyRef.current = event.key), nested) {
+              isCrossOpenKey && (stopEvent(event), open ? (indexRef.current = getMinListIndex(listRef, disabledIndicesRef.current), onNavigate()) : onOpenChange(!0, event.nativeEvent, "list-navigation"));
+              return;
+            }
+            isMainKey && (selectedIndex != null && (indexRef.current = selectedIndex), stopEvent(event), !open && openOnArrowKeyDown ? onOpenChange(!0, event.nativeEvent, "list-navigation") : commonOnKeyDown(event), open && onNavigate());
+          }
+        },
+        onFocus() {
+          open && !virtual && (indexRef.current = -1, onNavigate());
+        },
+        onPointerDown: checkVirtualPointer,
+        onPointerEnter: checkVirtualPointer,
+        onMouseDown: checkVirtualMouse,
+        onClick: checkVirtualMouse
+      };
+    }, [ariaActiveDescendantProp, commonOnKeyDown, disabledIndicesRef, focusItemOnOpen, listRef, nested, onNavigate, onOpenChange, open, openOnArrowKeyDown, orientation, rtl, selectedIndex, virtual]),
+    item = useMemo(function () {
+      function syncCurrentTarget(currentTarget) {
+        if (latestOpenRef.current) {
+          var index = listRef.current.indexOf(currentTarget);
+          index !== -1 && indexRef.current !== index && (indexRef.current = index, onNavigate());
+        }
+      }
+      var itemProps = {
+        onFocus(param) {
+          var {
+            currentTarget
+          } = param;
+          forceSyncFocusRef.current = !0, syncCurrentTarget(currentTarget);
+        },
+        onClick: function (param) {
+          var {
+            currentTarget
+          } = param;
+          return currentTarget.focus({
+            preventScroll: !0
+          });
+        },
+        // safari
+        onMouseMove(param) {
+          var {
+            currentTarget
+          } = param;
+          forceSyncFocusRef.current = !0, forceScrollIntoViewRef.current = !1, focusItemOnHover && syncCurrentTarget(currentTarget);
+        },
+        onPointerLeave(param) {
+          var {
+            pointerType
+          } = param;
+          if (!(!isPointerModalityRef.current || pointerType === "touch") && (forceSyncFocusRef.current = !0, !!focusItemOnHover && (indexRef.current = -1, onNavigate(), !virtual))) {
+            var _elements_floating;
+            (_elements_floating = elements.floating) === null || _elements_floating === void 0 || _elements_floating.focus({
+              preventScroll: !0
+            });
+          }
+        }
+      };
+      return itemProps;
+    }, [latestOpenRef, focusItemOnHover, listRef, onNavigate, virtual, elements.floating]);
+  return useMemo(function () {
+    return enabled ? {
+      reference,
+      floating,
+      item
+    } : {};
+  }, [enabled, reference, floating, item]);
+}
+export { useListNavigation };
+//# sourceMappingURL=useListNavigation.native.js.map

package/dist/esm/interactions/useListNavigation.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","useMemo","useRef","useState","useEvent","activeElement","enqueueFocus","findNonDisabledListIndex","getMinListIndex","getMaxListIndex","isHTMLElement","isIndexOutOfListBounds","isTypeableCombobox","isVirtualClick","isVirtualPointerEvent","stopEvent","ARROW_UP","ARROW_DOWN","ARROW_LEFT","ARROW_RIGHT","doSwitch","orientation","vertical","horizontal","isMainOrientationKey","key","isMainOrientationToEndKey","rtl","isCrossOrientationOpenKey","isCrossOrientationCloseKey","useListNavigation","context","props","open","onOpenChange","elements","listRef","activeIndex","onNavigate","unstable_onNavigate","enabled","selectedIndex","allowEscape","loop","nested","virtual","focusItemOnOpen","focusItemOnHover","openOnArrowKeyDown","disabledIndices","scrollItemIntoView","typeableComboboxReference","domReference","focusItemOnOpenRef","indexRef","keyRef","isPointerModalityRef","previousMountedRef","floating","previousOpenRef","forceSyncFocusRef","forceScrollIntoViewRef","disabledIndicesRef","current","latestOpenRef","scrollItemIntoViewRef","selectedIndexRef","stableOnNavigate","activeId","setActiveId","previousOnNavigateRef","focusItem","runFocus","item2","id","sync","preventScroll","initialItem","forceScrollIntoView","scheduler","v","requestAnimationFrame","waitedItem","scrollIntoViewOptions","shouldScrollIntoView","_waitedItem_scrollIntoView","scrollIntoView","call","block","inline","runs","waitForListPopulated","queueMicrotask","hasActiveIndex","commonOnKeyDown","event","which","currentTarget","nativeEvent","focus","currentIndex","minIndex","maxIndex","ownerDocument","length","startingIndex","Math","min","decrement","max","ariaActiveDescendantProp","onKeyDown","onPointerMove","reference","checkVirtualMouse","checkVirtualPointer","isArrowKey","startsWith","isCrossOpenKey","isMainKey","isNavigationKey","trim","onFocus","onPointerDown","onPointerEnter","onMouseDown","onClick","item","syncCurrentTarget","index","indexOf","itemProps","param"],"sources":["../../../src/interactions/useListNavigation.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/interactions/useRole.mjs

@@ -0,0 +1,78 @@
+import * as React from "react";
+const componentRoleToAriaRoleMap = /* @__PURE__ */new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+let idCounter = 0;
+function useRole(context, props = {}) {
+  const {
+      open,
+      elements
+    } = context,
+    {
+      enabled = !0,
+      role = "dialog"
+    } = props,
+    defaultReferenceId = React.useId(),
+    referenceId = elements.domReference?.id || defaultReferenceId,
+    defaultFloatingId = React.useMemo(() => `floating-${idCounter++}`, []),
+    floatingId = React.useMemo(() => elements.floating?.id || defaultFloatingId, [elements.floating, defaultFloatingId]),
+    ariaRole = componentRoleToAriaRoleMap.get(role) ?? role,
+    reference = React.useMemo(() => ariaRole === "tooltip" || role === "label" ? {
+      [`aria-${role === "label" ? "labelledby" : "describedby"}`]: open ? floatingId : void 0
+    } : {
+      "aria-expanded": open ? "true" : "false",
+      "aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
+      "aria-controls": open ? floatingId : void 0,
+      ...(ariaRole === "listbox" && {
+        role: "combobox"
+      }),
+      ...(ariaRole === "menu" && {
+        id: referenceId
+      }),
+      ...(role === "select" && {
+        "aria-autocomplete": "none"
+      }),
+      ...(role === "combobox" && {
+        "aria-autocomplete": "list"
+      })
+    }, [ariaRole, floatingId, open, referenceId, role]),
+    floating = React.useMemo(() => {
+      const floatingProps = {
+        id: floatingId,
+        ...(ariaRole && {
+          role: ariaRole
+        })
+      };
+      return ariaRole === "tooltip" || role === "label" ? floatingProps : {
+        ...floatingProps,
+        ...(ariaRole === "menu" && {
+          "aria-labelledby": referenceId
+        })
+      };
+    }, [ariaRole, floatingId, referenceId, role]),
+    item = React.useCallback(({
+      active,
+      selected
+    }) => {
+      const commonProps = {
+        role: "option",
+        ...(active && {
+          id: `${floatingId}-fui-option`
+        })
+      };
+      switch (role) {
+        case "select":
+        case "combobox":
+          return {
+            ...commonProps,
+            "aria-selected": selected
+          };
+      }
+      return {};
+    }, [floatingId, role]);
+  return React.useMemo(() => enabled ? {
+    reference,
+    floating,
+    item
+  } : {}, [enabled, reference, floating, item]);
+}
+export { useRole };
+//# sourceMappingURL=useRole.mjs.map

package/dist/esm/interactions/useRole.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","componentRoleToAriaRoleMap","Map","idCounter","useRole","context","props","open","elements","enabled","role","defaultReferenceId","useId","referenceId","domReference","id","defaultFloatingId","useMemo","floatingId","floating","ariaRole","get","reference","floatingProps","item","useCallback","active","selected","commonProps"],"sources":["../../../src/interactions/useRole.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAMvB,MAAMC,0BAAA,GAA6B,mBAAIC,GAAA,CAAkC,CACvE,CAAC,UAAU,SAAS,GACpB,CAAC,YAAY,SAAS,GACtB,CAAC,SAAS,EAAK,EAChB;AAED,IAAIC,SAAA,GAAY;AAGT,SAASC,QACdC,OAAA,EACAC,KAAA,GAAsB,CAAC,GACT;EACd,MAAM;MAAEC,IAAA;MAAMC;IAAS,IAAIH,OAAA;IACrB;MAAEI,OAAA,GAAU;MAAMC,IAAA,GAAO;IAAS,IAAIJ,KAAA;IAEtCK,kBAAA,GAAqBX,KAAA,CAAMY,KAAA,CAAM;IACjCC,WAAA,GAAcL,QAAA,CAASM,YAAA,EAAcC,EAAA,IAAMJ,kBAAA;IAE3CK,iBAAA,GAAoBhB,KAAA,CAAMiB,OAAA,CAAQ,MAAM,YAAYd,SAAA,EAAW,IAAI,EAAE;IACrEe,UAAA,GAAalB,KAAA,CAAMiB,OAAA,CACvB,MAAMT,QAAA,CAASW,QAAA,EAAUJ,EAAA,IAAMC,iBAAA,EAC/B,CAACR,QAAA,CAASW,QAAA,EAAUH,iBAAiB,CACvC;IAEMI,QAAA,GAAYnB,0BAAA,CAA2BoB,GAAA,CAAIX,IAAI,KAAKA,IAAA;IAUpDY,SAAA,GAAuCtB,KAAA,CAAMiB,OAAA,CAAQ,MACrDG,QAAA,KAAa,aAAaV,IAAA,KAAS,UAC9B;MACL,CAAC,QAAQA,IAAA,KAAS,UAAU,eAAe,aAAa,EAAE,GAAGH,IAAA,GACzDW,UAAA,GACA;IACN,IAGK;MACL,iBAAiBX,IAAA,GAAO,SAAS;MACjC,iBAAiBa,QAAA,KAAa,gBAAgB,WAAWA,QAAA;MACzD,iBAAiBb,IAAA,GAAOW,UAAA,GAAa;MACrC,IAAIE,QAAA,KAAa,aAAa;QAAEV,IAAA,EAAM;MAAW;MACjD,IAAIU,QAAA,KAAa,UAAU;QAAEL,EAAA,EAAIF;MAAY;MAC7C,IAAIH,IAAA,KAAS,YAAY;QAAE,qBAAqB;MAAO;MACvD,IAAIA,IAAA,KAAS,cAAc;QAAE,qBAAqB;MAAO;IAC3D,GACC,CAACU,QAAA,EAAUF,UAAA,EAAYX,IAAA,EAAMM,WAAA,EAAaH,IAAI,CAAC;IAE5CS,QAAA,GAAqCnB,KAAA,CAAMiB,OAAA,CAAQ,MAAM;MAC7D,MAAMM,aAAA,GAAgB;QACpBR,EAAA,EAAIG,UAAA;QACJ,IAAIE,QAAA,IAAY;UAAEV,IAAA,EAAMU;QAAS;MACnC;MAEA,OAAIA,QAAA,KAAa,aAAaV,IAAA,KAAS,UAC9Ba,aAAA,GAGF;QACL,GAAGA,aAAA;QACH,IAAIH,QAAA,KAAa,UAAU;UAAE,mBAAmBP;QAAY;MAC9D;IACF,GAAG,CAACO,QAAA,EAAUF,UAAA,EAAYL,WAAA,EAAaH,IAAI,CAAC;IAEtCc,IAAA,GAA6BxB,KAAA,CAAMyB,WAAA,CACvC,CAAC;MAAEC,MAAA;MAAQC;IAAS,MAAgD;MAClE,MAAMC,WAAA,GAAc;QAClBlB,IAAA,EAAM;QACN,IAAIgB,MAAA,IAAU;UAAEX,EAAA,EAAI,GAAGG,UAAU;QAAc;MACjD;MAEA,QAAQR,IAAA;QACN,KAAK;QACL,KAAK;UACH,OAAO;YACL,GAAGkB,WAAA;YACH,iBAAiBD;UACnB;MACJ;MAEA,OAAO,CAAC;IACV,GACA,CAACT,UAAA,EAAYR,IAAI,CACnB;EAEA,OAAOV,KAAA,CAAMiB,OAAA,CACX,MAAOR,OAAA,GAAU;IAAEa,SAAA;IAAWH,QAAA;IAAUK;EAAK,IAAI,CAAC,GAClD,CAACf,OAAA,EAASa,SAAA,EAAWH,QAAA,EAAUK,IAAI,CACrC;AACF","ignoreList":[]}

package/dist/esm/interactions/useRole.native.js

@@ -0,0 +1,91 @@
+import * as React from "react";
+var componentRoleToAriaRoleMap = /* @__PURE__ */new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]),
+  idCounter = 0;
+function useRole(context) {
+  var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
+    _elements_domReference,
+    {
+      open,
+      elements
+    } = context,
+    {
+      enabled = !0,
+      role = "dialog"
+    } = props,
+    defaultReferenceId = React.useId(),
+    referenceId = ((_elements_domReference = elements.domReference) === null || _elements_domReference === void 0 ? void 0 : _elements_domReference.id) || defaultReferenceId,
+    defaultFloatingId = React.useMemo(function () {
+      return `floating-${idCounter++}`;
+    }, []),
+    floatingId = React.useMemo(function () {
+      var _elements_floating;
+      return ((_elements_floating = elements.floating) === null || _elements_floating === void 0 ? void 0 : _elements_floating.id) || defaultFloatingId;
+    }, [elements.floating, defaultFloatingId]),
+    _componentRoleToAriaRoleMap_get,
+    ariaRole = (_componentRoleToAriaRoleMap_get = componentRoleToAriaRoleMap.get(role)) !== null && _componentRoleToAriaRoleMap_get !== void 0 ? _componentRoleToAriaRoleMap_get : role,
+    reference = React.useMemo(function () {
+      return ariaRole === "tooltip" || role === "label" ? {
+        [`aria-${role === "label" ? "labelledby" : "describedby"}`]: open ? floatingId : void 0
+      } : {
+        "aria-expanded": open ? "true" : "false",
+        "aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
+        "aria-controls": open ? floatingId : void 0,
+        ...(ariaRole === "listbox" && {
+          role: "combobox"
+        }),
+        ...(ariaRole === "menu" && {
+          id: referenceId
+        }),
+        ...(role === "select" && {
+          "aria-autocomplete": "none"
+        }),
+        ...(role === "combobox" && {
+          "aria-autocomplete": "list"
+        })
+      };
+    }, [ariaRole, floatingId, open, referenceId, role]),
+    floating = React.useMemo(function () {
+      var floatingProps = {
+        id: floatingId,
+        ...(ariaRole && {
+          role: ariaRole
+        })
+      };
+      return ariaRole === "tooltip" || role === "label" ? floatingProps : {
+        ...floatingProps,
+        ...(ariaRole === "menu" && {
+          "aria-labelledby": referenceId
+        })
+      };
+    }, [ariaRole, floatingId, referenceId, role]),
+    item = React.useCallback(function (param) {
+      var {
+          active,
+          selected
+        } = param,
+        commonProps = {
+          role: "option",
+          ...(active && {
+            id: `${floatingId}-fui-option`
+          })
+        };
+      switch (role) {
+        case "select":
+        case "combobox":
+          return {
+            ...commonProps,
+            "aria-selected": selected
+          };
+      }
+      return {};
+    }, [floatingId, role]);
+  return React.useMemo(function () {
+    return enabled ? {
+      reference,
+      floating,
+      item
+    } : {};
+  }, [enabled, reference, floating, item]);
+}
+export { useRole };
+//# sourceMappingURL=useRole.native.js.map

package/dist/esm/interactions/useRole.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","componentRoleToAriaRoleMap","Map","idCounter","useRole","context","props","arguments","length","_elements_domReference","open","elements","enabled","role","defaultReferenceId","useId","referenceId","domReference","id","defaultFloatingId","useMemo","floatingId","_elements_floating","floating","_componentRoleToAriaRoleMap_get","ariaRole","get","reference","floatingProps"],"sources":["../../../src/interactions/useRole.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAMvB,IAAAC,0BAAM,kBAA6B,IAAAC,GAAI,EACrC,CACC,UACA,SAAS,CACX,EAED,CAGO,UAAS,EAId,SAAQ,CAOiB,EACQ,CAEjC,OAEM,EAaA,CAAC,EAGH,CAGK;EACLC,SAAA;AAAiC,SACjCC,QAAAC,OAAiB;EAAwC,IACzDC,KAAA,GAAAC,SAAiB,CAAAC,MAAO,QAAAD,SAAa,iBAAAA,SAAA;IAAAE,sBAAA;IAAA;MAAAC,IAAA;MAAAC;IAAA,IAAAN,OAAA;IAAA;MAAAO,OAAA;MAAAC,IAAA;IAAA,IAAAP,KAAA;IAAAQ,kBAAA,GAAAd,KAAA,CAAAe,KAAA;IAAAC,WAAA,KAAAP,sBAAA,GAAAE,QAAA,CAAAM,YAAA,cAAAR,sBAAA,uBAAAA,sBAAA,CAAAS,EAAA,KAAAJ,kBAAA;IAAAK,iBAAA,GAAAnB,KAAA,CAAAoB,OAAA;MACrC,OAAI,YAAajB,SAAA,EAAa,EAAE;IAAiB,GACjD,EAAI;IAAAkB,UAAa,GAAArB,KAAA,CAAAoB,OAAgB,aAAY;MAC7C,IAAIE,kBAAS;MACb,OAAI,EAAAA,kBAAuB,GAAEX,QAAA,CAAAY,QAAA,MAAqB,IAAO,IAAAD,kBAAA,uBAAAA,kBAAA,CAAAJ,EAAA,KAAAC,iBAAA;IAC3D,GACC,CAGDR,QAAM,CAAAY,QAAA,EAAgBJ,iBAChB;IACJK,+BAAwB;IAASC,QAAA,IAAAD,+BAAA,GAAAvB,0BAAA,CAAAyB,GAAA,CAAAb,IAAA,eAAAW,+BAAA,cAAAA,+BAAA,GAAAX,IAAA;IAAAc,SAAA,GAAA3B,KAAA,CAAAoB,OAAA;MACnC,OAAAK,QAAA,kBAAAZ,IAAA;QAEA,SAAIA,IAAA,KAAa,sBAAsB,gBAC9B,KAAAH,IAAA,GAGFW,UAAA;MAAA,IACL;QACA,eAAI,EAAaX,IAAA,SAAY;QAC/B,iBAAAe,QAAA,gCAAAA,QAAA;QACE,eAAU,EAAAf,IAAA,GAAYW,UAAA,GAAa,KAAK,CAEtC;QACH,IAAEI,QAAQ,cAAyD;UAClEZ,IAAM;QAAc;QACZ,IACNY,QAAI,KAAU,MAAM,IAAG;UACzBP,EAAA,EAAAF;QAEA;QAAc,IACZH,IAAK;UACL,mBAAK;QACH;QAAO,IAAAA,IACL,KAAG;UAAA,mBACH,EAAiB;QAAA;MACnB;IAGJ,IACFY,QAAA,EACAJ,UAAC,EACHX,IAAA,EAEAM,WAAa,EACXH,IAAA,CAAkD,CAClD;IAACU,QAAS,GAAAvB,KAAA,CAAAoB,OAAW,aAAc;MACrC,IAAAQ,aAAA;QACFV,EAAA,EAAAG,UAAA","ignoreList":[]}

package/dist/esm/interactions/useTypeahead.mjs

@@ -0,0 +1,70 @@
+import { useLayoutEffect, useMemo, useRef } from "react";
+import { useEvent } from "@tamagui/use-event";
+import { clearTimeoutIfSet, stopEvent } from "./utils.mjs";
+function useTypeahead(context, props) {
+  const {
+      open,
+      dataRef
+    } = context,
+    {
+      listRef,
+      activeIndex,
+      onMatch: unstable_onMatch,
+      onTypingChange: unstable_onTypingChange,
+      enabled = !0,
+      findMatch = null,
+      resetMs = 750,
+      ignoreKeys = [],
+      selectedIndex = null
+    } = props,
+    timeoutIdRef = useRef(-1),
+    stringRef = useRef(""),
+    prevIndexRef = useRef(selectedIndex ?? activeIndex ?? -1),
+    matchIndexRef = useRef(null),
+    onMatch = useEvent(unstable_onMatch || (() => {})),
+    onTypingChange = useEvent(unstable_onTypingChange || (() => {})),
+    findMatchRef = useRef(findMatch);
+  findMatchRef.current = findMatch;
+  const ignoreKeysRef = useRef(ignoreKeys);
+  ignoreKeysRef.current = ignoreKeys, useLayoutEffect(() => {
+    open && (clearTimeoutIfSet(timeoutIdRef), matchIndexRef.current = null, stringRef.current = "");
+  }, [open]), useLayoutEffect(() => {
+    open && stringRef.current === "" && (prevIndexRef.current = selectedIndex ?? activeIndex ?? -1);
+  }, [open, selectedIndex, activeIndex]);
+  const setTypingChange = value => {
+      value ? dataRef.current.typing || (dataRef.current.typing = value, onTypingChange(value)) : dataRef.current.typing && (dataRef.current.typing = value, onTypingChange(value));
+    },
+    onKeyDown = event => {
+      function getMatchingIndex(list, orderedList, string) {
+        const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(text => text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0);
+        return str ? list.indexOf(str) : -1;
+      }
+      const listContent = listRef.current;
+      if (stringRef.current.length > 0 && stringRef.current[0] !== " " && (getMatchingIndex(listContent, listContent, stringRef.current) === -1 ? setTypingChange(!1) : event.key === " " && stopEvent(event)), listContent == null || ignoreKeysRef.current.includes(event.key) ||
+      // character key
+      event.key.length !== 1 ||
+      // modifier key
+      event.ctrlKey || event.metaKey || event.altKey) return;
+      open && event.key !== " " && (stopEvent(event), setTypingChange(!0)), listContent.every(text => text ? text[0]?.toLocaleLowerCase() !== text[1]?.toLocaleLowerCase() : !0) && stringRef.current === event.key && (stringRef.current = "", prevIndexRef.current = matchIndexRef.current), stringRef.current += event.key, clearTimeoutIfSet(timeoutIdRef), timeoutIdRef.current = window.setTimeout(() => {
+        stringRef.current = "", prevIndexRef.current = matchIndexRef.current, setTypingChange(!1);
+      }, resetMs);
+      const prevIndex = prevIndexRef.current,
+        index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
+      index !== -1 ? (onMatch(index), matchIndexRef.current = index) : event.key !== " " && (stringRef.current = "", setTypingChange(!1));
+    },
+    reference = useMemo(() => ({
+      onKeyDown
+    }), [open, enabled]),
+    floating = useMemo(() => ({
+      onKeyDown,
+      onKeyUp(event) {
+        event.key === " " && setTypingChange(!1);
+      }
+    }), [open, enabled]);
+  return useMemo(() => enabled ? {
+    reference,
+    floating
+  } : {}, [enabled, reference, floating]);
+}
+export { useTypeahead };
+//# sourceMappingURL=useTypeahead.mjs.map

package/dist/esm/interactions/useTypeahead.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","useMemo","useRef","useEvent","clearTimeoutIfSet","stopEvent","useTypeahead","context","props","open","dataRef","listRef","activeIndex","onMatch","unstable_onMatch","onTypingChange","unstable_onTypingChange","enabled","findMatch","resetMs","ignoreKeys","selectedIndex","timeoutIdRef","stringRef","prevIndexRef","matchIndexRef","findMatchRef","current","ignoreKeysRef","setTypingChange","value","typing","onKeyDown","event","getMatchingIndex","list","orderedList","string","str","find","text","toLocaleLowerCase","indexOf","listContent","length","key","includes","ctrlKey","metaKey","altKey","every","window","setTimeout","prevIndex","index","slice","reference","floating","onKeyUp"],"sources":["../../../src/interactions/useTypeahead.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/interactions/useTypeahead.native.js

@@ -0,0 +1,88 @@
+import { useLayoutEffect, useMemo, useRef } from "react";
+import { useEvent } from "@tamagui/use-event";
+import { clearTimeoutIfSet, stopEvent } from "./utils.native.js";
+function useTypeahead(context, props) {
+  var {
+      open,
+      dataRef
+    } = context,
+    {
+      listRef,
+      activeIndex,
+      onMatch: unstable_onMatch,
+      onTypingChange: unstable_onTypingChange,
+      enabled = !0,
+      findMatch = null,
+      resetMs = 750,
+      ignoreKeys = [],
+      selectedIndex = null
+    } = props,
+    timeoutIdRef = useRef(-1),
+    stringRef = useRef(""),
+    _ref,
+    prevIndexRef = useRef((_ref = selectedIndex ?? activeIndex) !== null && _ref !== void 0 ? _ref : -1),
+    matchIndexRef = useRef(null),
+    onMatch = useEvent(unstable_onMatch || function () {}),
+    onTypingChange = useEvent(unstable_onTypingChange || function () {}),
+    findMatchRef = useRef(findMatch);
+  findMatchRef.current = findMatch;
+  var ignoreKeysRef = useRef(ignoreKeys);
+  ignoreKeysRef.current = ignoreKeys, useLayoutEffect(function () {
+    open && (clearTimeoutIfSet(timeoutIdRef), matchIndexRef.current = null, stringRef.current = "");
+  }, [open]), useLayoutEffect(function () {
+    if (open && stringRef.current === "") {
+      var _ref2;
+      prevIndexRef.current = (_ref2 = selectedIndex ?? activeIndex) !== null && _ref2 !== void 0 ? _ref2 : -1;
+    }
+  }, [open, selectedIndex, activeIndex]);
+  var setTypingChange = function (value) {
+      value ? dataRef.current.typing || (dataRef.current.typing = value, onTypingChange(value)) : dataRef.current.typing && (dataRef.current.typing = value, onTypingChange(value));
+    },
+    onKeyDown = function (event) {
+      function getMatchingIndex(list, orderedList, string) {
+        var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function (text) {
+          return text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0;
+        });
+        return str ? list.indexOf(str) : -1;
+      }
+      var listContent = listRef.current;
+      if (stringRef.current.length > 0 && stringRef.current[0] !== " " && (getMatchingIndex(listContent, listContent, stringRef.current) === -1 ? setTypingChange(!1) : event.key === " " && stopEvent(event)), !(listContent == null || ignoreKeysRef.current.includes(event.key) ||
+      // character key
+      event.key.length !== 1 ||
+      // modifier key
+      event.ctrlKey || event.metaKey || event.altKey)) {
+        open && event.key !== " " && (stopEvent(event), setTypingChange(!0));
+        var allowRapidSuccessionOfFirstLetter = listContent.every(function (text) {
+          var _text_, _text_1;
+          return text ? ((_text_ = text[0]) === null || _text_ === void 0 ? void 0 : _text_.toLocaleLowerCase()) !== ((_text_1 = text[1]) === null || _text_1 === void 0 ? void 0 : _text_1.toLocaleLowerCase()) : !0;
+        });
+        allowRapidSuccessionOfFirstLetter && stringRef.current === event.key && (stringRef.current = "", prevIndexRef.current = matchIndexRef.current), stringRef.current += event.key, clearTimeoutIfSet(timeoutIdRef), timeoutIdRef.current = window.setTimeout(function () {
+          stringRef.current = "", prevIndexRef.current = matchIndexRef.current, setTypingChange(!1);
+        }, resetMs);
+        var prevIndex = prevIndexRef.current,
+          index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
+        index !== -1 ? (onMatch(index), matchIndexRef.current = index) : event.key !== " " && (stringRef.current = "", setTypingChange(!1));
+      }
+    },
+    reference = useMemo(function () {
+      return {
+        onKeyDown
+      };
+    }, [open, enabled]),
+    floating = useMemo(function () {
+      return {
+        onKeyDown,
+        onKeyUp(event) {
+          event.key === " " && setTypingChange(!1);
+        }
+      };
+    }, [open, enabled]);
+  return useMemo(function () {
+    return enabled ? {
+      reference,
+      floating
+    } : {};
+  }, [enabled, reference, floating]);
+}
+export { useTypeahead };
+//# sourceMappingURL=useTypeahead.native.js.map