@tamagui/react-native-web-lite 1.129.4 → 1.129.5-1751174117974

package/dist/esm/Modal/ModalFocusTrap.native.js

@@ -1,78 +0,0 @@
-import * as React from "react";
-import { StyleSheet, UIManager, canUseDOM } from "@tamagui/react-native-web-internals";
-import createElement from "../createElement/index.native.js";
-import View from "../View";
-var FocusBracket = function () {
-  return createElement("div", {
-    accessibilityRole: "none",
-    tabIndex: 0,
-    style: styles.focusBracket
-  });
-};
-function attemptFocus(element) {
-  if (!canUseDOM) return !1;
-  try {
-    element.focus();
-  } catch {}
-  return document.activeElement === element;
-}
-function focusFirstDescendant(element) {
-  for (var i = 0; i < element.childNodes.length; i++) {
-    var child = element.childNodes[i];
-    if (attemptFocus(child) || focusFirstDescendant(child)) return !0;
-  }
-  return !1;
-}
-function focusLastDescendant(element) {
-  for (var i = element.childNodes.length - 1; i >= 0; i--) {
-    var child = element.childNodes[i];
-    if (attemptFocus(child) || focusLastDescendant(child)) return !0;
-  }
-  return !1;
-}
-var ModalFocusTrap = function (_ref) {
-    var active = _ref.active,
-      children = _ref.children,
-      trapElementRef = React.useRef(),
-      focusRef = React.useRef({
-        trapFocusInProgress: !1,
-        lastFocusedElement: null
-      });
-    return React.useEffect(function () {
-      if (canUseDOM) {
-        var trapFocus = function () {
-          if (!(trapElementRef.current == null || focusRef.current.trapFocusInProgress || !active)) {
-            try {
-              if (focusRef.current.trapFocusInProgress = !0, document.activeElement instanceof Node && !trapElementRef.current.contains(document.activeElement)) {
-                var hasFocused = focusFirstDescendant(trapElementRef.current);
-                focusRef.current.lastFocusedElement === document.activeElement && (hasFocused = focusLastDescendant(trapElementRef.current)), !hasFocused && trapElementRef.current != null && document.activeElement && UIManager.focus(trapElementRef.current);
-              }
-            } finally {
-              focusRef.current.trapFocusInProgress = !1;
-            }
-            focusRef.current.lastFocusedElement = document.activeElement;
-          }
-        };
-        return trapFocus(), document.addEventListener("focus", trapFocus, !0), function () {
-          return document.removeEventListener("focus", trapFocus, !0);
-        };
-      }
-    }, [active]), React.useEffect(function () {
-      if (canUseDOM) {
-        var lastFocusedElementOutsideTrap = document.activeElement;
-        return function () {
-          lastFocusedElementOutsideTrap && document.contains(lastFocusedElementOutsideTrap) && UIManager.focus(lastFocusedElementOutsideTrap);
-        };
-      }
-    }, []), /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FocusBracket, null), /* @__PURE__ */React.createElement(View, {
-      ref: trapElementRef
-    }, children), /* @__PURE__ */React.createElement(FocusBracket, null));
-  },
-  ModalFocusTrap_default = ModalFocusTrap,
-  styles = StyleSheet.create({
-    focusBracket: {
-      outlineStyle: "none"
-    }
-  });
-export { ModalFocusTrap_default as default };
-//# sourceMappingURL=ModalFocusTrap.native.js.map

package/dist/esm/Modal/ModalFocusTrap.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","UIManager","canUseDOM","createElement","View","FocusBracket","accessibilityRole","tabIndex","style","styles","focusBracket","attemptFocus","element","focus","document","activeElement","focusFirstDescendant","i","childNodes","length","child","focusLastDescendant","ModalFocusTrap","_ref","active","children","trapElementRef","useRef","focusRef","trapFocusInProgress","lastFocusedElement","useEffect","trapFocus","current","Node","contains","hasFocused","addEventListener","removeEventListener","lastFocusedElementOutsideTrap","Fragment","ref","ModalFocusTrap_default","create","outlineStyle","default"],"sources":["../../../src/Modal/ModalFocusTrap.js"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/src/Modal/ModalFocusTrap.js

@@ -1,163 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-import * as React from 'react'
-import { StyleSheet, UIManager, canUseDOM } from '@tamagui/react-native-web-internals'
-
-import createElement from '../createElement/index'
-import View from '../View'
-
-/**
- * This Component is used to "wrap" the modal we're opening
- * so that changing focus via tab will never leave the document.
- *
- * This allows us to properly trap the focus within a modal
- * even if the modal is at the start or end of a document.
- */
-
-var FocusBracket = () => {
-  return createElement('div', {
-    accessibilityRole: 'none',
-    tabIndex: 0,
-    style: styles.focusBracket,
-  })
-}
-
-function attemptFocus(element) {
-  if (!canUseDOM) {
-    return false
-  }
-
-  try {
-    element.focus()
-  } catch (e) {
-    // Do nothing
-  }
-
-  return document.activeElement === element
-}
-
-function focusFirstDescendant(element) {
-  for (var i = 0; i < element.childNodes.length; i++) {
-    var child = element.childNodes[i]
-
-    if (attemptFocus(child) || focusFirstDescendant(child)) {
-      return true
-    }
-  }
-
-  return false
-}
-
-function focusLastDescendant(element) {
-  for (var i = element.childNodes.length - 1; i >= 0; i--) {
-    var child = element.childNodes[i]
-
-    if (attemptFocus(child) || focusLastDescendant(child)) {
-      return true
-    }
-  }
-
-  return false
-}
-
-var ModalFocusTrap = (_ref) => {
-  var active = _ref.active,
-    children = _ref.children
-  var trapElementRef = React.useRef()
-  var focusRef = React.useRef({
-    trapFocusInProgress: false,
-    lastFocusedElement: null,
-  })
-  React.useEffect(() => {
-    if (canUseDOM) {
-      var trapFocus = () => {
-        // We should not trap focus if:
-        // - The modal hasn't fully initialized with an HTMLElement ref
-        // - Focus is already in the process of being trapped (e.g., we're refocusing)
-        // - isTrapActive prop being falsey tells us to do nothing
-        if (
-          trapElementRef.current == null ||
-          focusRef.current.trapFocusInProgress ||
-          !active
-        ) {
-          return
-        }
-
-        try {
-          focusRef.current.trapFocusInProgress = true
-
-          if (
-            document.activeElement instanceof Node &&
-            !trapElementRef.current.contains(document.activeElement)
-          ) {
-            // To handle keyboard focusing we can make an assumption here.
-            // If you're tabbing through the focusable elements, the previously
-            // active element will either be the first or the last.
-            // If the previously selected element is the "first" descendant
-            // and we're leaving it - this means that we should be looping
-            // around to the other side of the modal.
-            var hasFocused = focusFirstDescendant(trapElementRef.current)
-
-            if (focusRef.current.lastFocusedElement === document.activeElement) {
-              hasFocused = focusLastDescendant(trapElementRef.current)
-            } // If we couldn't focus a new element then we need to focus onto the trap target
-
-            if (!hasFocused && trapElementRef.current != null && document.activeElement) {
-              UIManager.focus(trapElementRef.current)
-            }
-          }
-        } finally {
-          focusRef.current.trapFocusInProgress = false
-        }
-
-        focusRef.current.lastFocusedElement = document.activeElement
-      } // Call the trapFocus callback at least once when this modal has been activated.
-
-      trapFocus()
-      document.addEventListener('focus', trapFocus, true)
-      return () => document.removeEventListener('focus', trapFocus, true)
-    }
-  }, [active]) // To be fully compliant with WCAG we need to refocus element that triggered opening modal
-  // after closing it
-
-  React.useEffect(function () {
-    if (canUseDOM) {
-      var lastFocusedElementOutsideTrap = document.activeElement
-      return function () {
-        if (
-          lastFocusedElementOutsideTrap &&
-          document.contains(lastFocusedElementOutsideTrap)
-        ) {
-          UIManager.focus(lastFocusedElementOutsideTrap)
-        }
-      }
-    }
-  }, [])
-  return /*#__PURE__*/ React.createElement(
-    React.Fragment,
-    null,
-    /*#__PURE__*/ React.createElement(FocusBracket, null),
-    /*#__PURE__*/ React.createElement(
-      View,
-      {
-        ref: trapElementRef,
-      },
-      children
-    ),
-    /*#__PURE__*/ React.createElement(FocusBracket, null)
-  )
-}
-
-export default ModalFocusTrap
-var styles = StyleSheet.create({
-  focusBracket: {
-    outlineStyle: 'none',
-  },
-})