@redsift/design-system 11.5.0 → 11.6.0-muiv5-alpha.1

package/react-aria/react-aria/interactions/useFocus.js

@@ -0,0 +1,53 @@
+import { useCallback } from 'react';
+import { useSyntheticBlurEvent } from './utils.js';
+import { getOwnerDocument } from '../utils/domHelpers.js';
+
+/* eslint-disable prefer-const */
+/**
+ * Handles focus events for the immediate target.
+ * Focus events on child elements will be ignored.
+ */
+function useFocus(props) {
+  let {
+    isDisabled,
+    onFocus: onFocusProp,
+    onBlur: onBlurProp,
+    onFocusChange
+  } = props;
+  const onBlur = useCallback(e => {
+    if (e.target === e.currentTarget) {
+      if (onBlurProp) {
+        onBlurProp(e);
+      }
+      if (onFocusChange) {
+        onFocusChange(false);
+      }
+      return true;
+    }
+  }, [onBlurProp, onFocusChange]);
+  const onSyntheticFocus = useSyntheticBlurEvent(onBlur);
+  const onFocus = useCallback(e => {
+    // Double check that document.activeElement actually matches e.target in case a previously chained
+    // focus handler already moved focus somewhere else.
+
+    const ownerDocument = getOwnerDocument(e.target);
+    if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {
+      if (onFocusProp) {
+        onFocusProp(e);
+      }
+      if (onFocusChange) {
+        onFocusChange(true);
+      }
+      onSyntheticFocus(e);
+    }
+  }, [onFocusChange, onFocusProp, onSyntheticFocus]);
+  return {
+    focusProps: {
+      onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,
+      onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined
+    }
+  };
+}
+
+export { useFocus };
+//# sourceMappingURL=useFocus.js.map

package/react-aria/react-aria/interactions/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.js","sources":["../../../../src/react-aria/react-aria/interactions/useFocus.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\nimport { DOMAttributes, FocusableElement, FocusEvents } from '../../react-types/shared';\nimport { FocusEvent, useCallback } from 'react';\nimport { getOwnerDocument } from '../utils';\nimport { useSyntheticBlurEvent } from './utils';\n\nexport interface FocusProps<Target = FocusableElement> extends FocusEvents<Target> {\n  /** Whether the focus events should be disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface FocusResult<Target = FocusableElement> {\n  /** Props to spread onto the target element. */\n  focusProps: DOMAttributes<Target>;\n}\n\n/**\n * Handles focus events for the immediate target.\n * Focus events on child elements will be ignored.\n */\nexport function useFocus<Target extends FocusableElement = FocusableElement>(\n  props: FocusProps<Target>\n): FocusResult<Target> {\n  let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;\n\n  const onBlur: FocusProps<Target>['onBlur'] = useCallback(\n    (e: FocusEvent<Target>) => {\n      if (e.target === e.currentTarget) {\n        if (onBlurProp) {\n          onBlurProp(e);\n        }\n\n        if (onFocusChange) {\n          onFocusChange(false);\n        }\n\n        return true;\n      }\n    },\n    [onBlurProp, onFocusChange]\n  );\n\n  const onSyntheticFocus = useSyntheticBlurEvent<Target>(onBlur);\n\n  const onFocus: FocusProps<Target>['onFocus'] = useCallback(\n    (e: FocusEvent<Target>) => {\n      // Double check that document.activeElement actually matches e.target in case a previously chained\n      // focus handler already moved focus somewhere else.\n\n      const ownerDocument = getOwnerDocument(e.target);\n\n      if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {\n        if (onFocusProp) {\n          onFocusProp(e);\n        }\n\n        if (onFocusChange) {\n          onFocusChange(true);\n        }\n\n        onSyntheticFocus(e);\n      }\n    },\n    [onFocusChange, onFocusProp, onSyntheticFocus]\n  );\n\n  return {\n    focusProps: {\n      onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,\n      onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined,\n    },\n  };\n}\n"],"names":["useFocus","props","isDisabled","onFocus","onFocusProp","onBlur","onBlurProp","onFocusChange","useCallback","e","target","currentTarget","onSyntheticFocus","useSyntheticBlurEvent","ownerDocument","getOwnerDocument","activeElement","focusProps","undefined"],"mappings":";;;;AAAA;AAkCA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CACtBC,KAAyB,EACJ;EACrB,IAAI;IAAEC,UAAU;AAAEC,IAAAA,OAAO,EAAEC,WAAW;AAAEC,IAAAA,MAAM,EAAEC,UAAU;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGN,KAAK,CAAA;AAEnF,EAAA,MAAMI,MAAoC,GAAGG,WAAW,CACrDC,CAAqB,IAAK;AACzB,IAAA,IAAIA,CAAC,CAACC,MAAM,KAAKD,CAAC,CAACE,aAAa,EAAE;AAChC,MAAA,IAAIL,UAAU,EAAE;QACdA,UAAU,CAACG,CAAC,CAAC,CAAA;AACf,OAAA;AAEA,MAAA,IAAIF,aAAa,EAAE;QACjBA,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,OAAA;AAEA,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACF,GAAC,EACD,CAACD,UAAU,EAAEC,aAAa,CAC5B,CAAC,CAAA;AAED,EAAA,MAAMK,gBAAgB,GAAGC,qBAAqB,CAASR,MAAM,CAAC,CAAA;AAE9D,EAAA,MAAMF,OAAsC,GAAGK,WAAW,CACvDC,CAAqB,IAAK;AACzB;AACA;;AAEA,IAAA,MAAMK,aAAa,GAAGC,gBAAgB,CAACN,CAAC,CAACC,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAID,CAAC,CAACC,MAAM,KAAKD,CAAC,CAACE,aAAa,IAAIG,aAAa,CAACE,aAAa,KAAKP,CAAC,CAACC,MAAM,EAAE;AAC5E,MAAA,IAAIN,WAAW,EAAE;QACfA,WAAW,CAACK,CAAC,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,IAAIF,aAAa,EAAE;QACjBA,aAAa,CAAC,IAAI,CAAC,CAAA;AACrB,OAAA;MAEAK,gBAAgB,CAACH,CAAC,CAAC,CAAA;AACrB,KAAA;GACD,EACD,CAACF,aAAa,EAAEH,WAAW,EAAEQ,gBAAgB,CAC/C,CAAC,CAAA;EAED,OAAO;AACLK,IAAAA,UAAU,EAAE;AACVd,MAAAA,OAAO,EAAE,CAACD,UAAU,KAAKE,WAAW,IAAIG,aAAa,IAAID,UAAU,CAAC,GAAGH,OAAO,GAAGe,SAAS;MAC1Fb,MAAM,EAAE,CAACH,UAAU,KAAKI,UAAU,IAAIC,aAAa,CAAC,GAAGF,MAAM,GAAGa,SAAAA;AAClE,KAAA;GACD,CAAA;AACH;;;;"}

package/react-aria/react-aria/interactions/useFocusVisible.js

@@ -0,0 +1,236 @@
+import { useEffect } from 'react';
+import { getOwnerWindow, getOwnerDocument } from '../utils/domHelpers.js';
+import { isVirtualClick } from '../utils/isVirtualEvent.js';
+import { isMac } from '../utils/platform.js';
+
+/* eslint-disable prefer-const */
+let currentModality = null;
+let changeHandlers = new Set();
+let hasSetupGlobalListeners = new Map(); // We use a map here to support setting event listeners across multiple document objects.
+let hasEventBeforeFocus = false;
+let hasBlurredWindowRecently = false;
+
+// Only Tab or Esc keys will make focus visible on text input elements
+const FOCUS_VISIBLE_INPUT_KEYS = {
+  Tab: true,
+  Escape: true
+};
+function triggerChangeHandlers(modality, e) {
+  for (let handler of changeHandlers) {
+    handler(modality, e);
+  }
+}
+
+/**
+ * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
+ */
+function isValidKey(e) {
+  // Control and Shift keys trigger when navigating back to the tab with keyboard.
+  return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
+}
+function handleKeyboardEvent(e) {
+  hasEventBeforeFocus = true;
+  if (isValidKey(e)) {
+    currentModality = 'keyboard';
+    triggerChangeHandlers('keyboard', e);
+  }
+}
+function handlePointerEvent(e) {
+  currentModality = 'pointer';
+  if (e.type === 'mousedown' || e.type === 'pointerdown') {
+    hasEventBeforeFocus = true;
+    triggerChangeHandlers('pointer', e);
+  }
+}
+function handleClickEvent(e) {
+  if (isVirtualClick(e)) {
+    hasEventBeforeFocus = true;
+    currentModality = 'virtual';
+  }
+}
+function handleFocusEvent(e) {
+  // Firefox fires two extra focus events when the user first clicks into an iframe:
+  // first on the window, then on the document. We ignore these events so they don't
+  // cause keyboard focus rings to appear.
+  if (e.target === window || e.target === document) {
+    return;
+  }
+
+  // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
+  // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
+  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
+    currentModality = 'virtual';
+    triggerChangeHandlers('virtual', e);
+  }
+  hasEventBeforeFocus = false;
+  hasBlurredWindowRecently = false;
+}
+function handleWindowBlur() {
+  // When the window is blurred, reset state. This is necessary when tabbing out of the window,
+  // for example, since a subsequent focus event won't be fired.
+  hasEventBeforeFocus = false;
+  hasBlurredWindowRecently = true;
+}
+
+/**
+ * Setup global event listeners to control when keyboard focus style should be visible.
+ */
+function setupGlobalFocusEvents(element) {
+  if (typeof window === 'undefined' || hasSetupGlobalListeners.get(getOwnerWindow(element))) {
+    return;
+  }
+  const windowObject = getOwnerWindow(element);
+  const documentObject = getOwnerDocument(element);
+
+  // Programmatic focus() calls shouldn't affect the current input modality.
+  // However, we need to detect other cases when a focus event occurs without
+  // a preceding user event (e.g. screen reader focus). Overriding the focus
+  // method on HTMLElement.prototype is a bit hacky, but works.
+  let focus = windowObject.HTMLElement.prototype.focus;
+  windowObject.HTMLElement.prototype.focus = function () {
+    hasEventBeforeFocus = true;
+    focus.apply(this, arguments);
+  };
+  documentObject.addEventListener('keydown', handleKeyboardEvent, true);
+  documentObject.addEventListener('keyup', handleKeyboardEvent, true);
+  documentObject.addEventListener('click', handleClickEvent, true);
+
+  // Register focus events on the window so they are sure to happen
+  // before React's event listeners (registered on the document).
+  windowObject.addEventListener('focus', handleFocusEvent, true);
+  windowObject.addEventListener('blur', handleWindowBlur, false);
+  if (typeof PointerEvent !== 'undefined') {
+    documentObject.addEventListener('pointerdown', handlePointerEvent, true);
+    documentObject.addEventListener('pointermove', handlePointerEvent, true);
+    documentObject.addEventListener('pointerup', handlePointerEvent, true);
+  } else {
+    documentObject.addEventListener('mousedown', handlePointerEvent, true);
+    documentObject.addEventListener('mousemove', handlePointerEvent, true);
+    documentObject.addEventListener('mouseup', handlePointerEvent, true);
+  }
+
+  // Add unmount handler
+  windowObject.addEventListener('beforeunload', () => {
+    tearDownWindowFocusTracking(element);
+  }, {
+    once: true
+  });
+  hasSetupGlobalListeners.set(windowObject, {
+    focus
+  });
+}
+const tearDownWindowFocusTracking = (element, loadListener) => {
+  const windowObject = getOwnerWindow(element);
+  const documentObject = getOwnerDocument(element);
+  if (loadListener) {
+    documentObject.removeEventListener('DOMContentLoaded', loadListener);
+  }
+  if (!hasSetupGlobalListeners.has(windowObject)) {
+    return;
+  }
+  windowObject.HTMLElement.prototype.focus = hasSetupGlobalListeners.get(windowObject).focus;
+  documentObject.removeEventListener('keydown', handleKeyboardEvent, true);
+  documentObject.removeEventListener('keyup', handleKeyboardEvent, true);
+  documentObject.removeEventListener('click', handleClickEvent, true);
+  windowObject.removeEventListener('focus', handleFocusEvent, true);
+  windowObject.removeEventListener('blur', handleWindowBlur, false);
+  if (typeof PointerEvent !== 'undefined') {
+    documentObject.removeEventListener('pointerdown', handlePointerEvent, true);
+    documentObject.removeEventListener('pointermove', handlePointerEvent, true);
+    documentObject.removeEventListener('pointerup', handlePointerEvent, true);
+  } else {
+    documentObject.removeEventListener('mousedown', handlePointerEvent, true);
+    documentObject.removeEventListener('mousemove', handlePointerEvent, true);
+    documentObject.removeEventListener('mouseup', handlePointerEvent, true);
+  }
+  hasSetupGlobalListeners.delete(windowObject);
+};
+
+/**
+ * EXPERIMENTAL
+ * Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.
+ *
+ * Sometimes apps render portions of their tree into an iframe. In this case, we cannot accurately track if the focus
+ * is visible because we cannot see interactions inside the iframe. If you have this in your application's architecture,
+ * then this function will attach event listeners inside the iframe. You should call `addWindowFocusTracking` with an
+ * element from inside the window you wish to add. We'll retrieve the relevant elements based on that.
+ * Note, you do not need to call this for the default window, as we call it for you.
+ *
+ * When you are ready to stop listening, but you do not wish to unmount the iframe, you may call the cleanup function
+ * returned by `addWindowFocusTracking`. Otherwise, when you unmount the iframe, all listeners and state will be cleaned
+ * up automatically for you.
+ *
+ * @param element @default document.body - The element provided will be used to get the window to add.
+ * @returns A function to remove the event listeners and cleanup the state.
+ */
+function addWindowFocusTracking(element) {
+  const documentObject = getOwnerDocument(element);
+  let loadListener;
+  if (documentObject.readyState !== 'loading') {
+    setupGlobalFocusEvents(element);
+  } else {
+    loadListener = () => {
+      setupGlobalFocusEvents(element);
+    };
+    documentObject.addEventListener('DOMContentLoaded', loadListener);
+  }
+  return () => tearDownWindowFocusTracking(element, loadListener);
+}
+
+// Server-side rendering does not have the document object defined
+// eslint-disable-next-line no-restricted-globals
+if (typeof document !== 'undefined') {
+  addWindowFocusTracking();
+}
+
+/**
+ * If true, keyboard focus is visible.
+ */
+function isFocusVisible() {
+  return currentModality !== 'pointer';
+}
+function getInteractionModality() {
+  return currentModality;
+}
+function setInteractionModality(modality) {
+  currentModality = modality;
+  triggerChangeHandlers(modality, null);
+}
+const nonTextInputTypes = new Set(['checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset']);
+
+/**
+ * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
+ * focus visible style can be properly set.
+ */
+function isKeyboardFocusEvent(isTextInput, modality, e) {
+  var _e$target;
+  const IHTMLInputElement = typeof window !== 'undefined' ? getOwnerWindow(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
+  const IHTMLTextAreaElement = typeof window !== 'undefined' ? getOwnerWindow(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
+  const IHTMLElement = typeof window !== 'undefined' ? getOwnerWindow(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
+  const IKeyboardEvent = typeof window !== 'undefined' ? getOwnerWindow(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLInputElement && !nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
+  return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+}
+
+/**
+ * Listens for trigger change and reports if focus is visible (i.e., modality is not pointer).
+ */
+function useFocusVisibleListener(fn, deps, opts) {
+  setupGlobalFocusEvents();
+  useEffect(() => {
+    let handler = (modality, e) => {
+      if (!isKeyboardFocusEvent(!!(opts !== null && opts !== void 0 && opts.isTextInput), modality, e)) {
+        return;
+      }
+      fn(isFocusVisible());
+    };
+    changeHandlers.add(handler);
+    return () => {
+      changeHandlers.delete(handler);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+}
+
+export { addWindowFocusTracking, getInteractionModality, hasSetupGlobalListeners, isFocusVisible, setInteractionModality, useFocusVisibleListener };
+//# sourceMappingURL=useFocusVisible.js.map

package/react-aria/react-aria/interactions/useFocusVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusVisible.js","sources":["../../../../src/react-aria/react-aria/interactions/useFocusVisible.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\nimport { getOwnerDocument, getOwnerWindow, isMac, isVirtualClick } from '../utils';\nimport { useEffect, useState } from 'react';\nimport { useIsSSR } from '../ssr';\n\nexport type Modality = 'keyboard' | 'pointer' | 'virtual';\ntype HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent | null;\ntype Handler = (modality: Modality, e: HandlerEvent) => void;\nexport type FocusVisibleHandler = (isFocusVisible: boolean) => void;\nexport interface FocusVisibleProps {\n  /** Whether the element is a text input. */\n  isTextInput?: boolean;\n  /** Whether the element will be auto focused. */\n  autoFocus?: boolean;\n}\n\nexport interface FocusVisibleResult {\n  /** Whether keyboard focus is visible globally. */\n  isFocusVisible: boolean;\n}\n\nlet currentModality: null | Modality = null;\nlet changeHandlers = new Set<Handler>();\ninterface GlobalListenerData {\n  focus: () => void;\n}\nexport let hasSetupGlobalListeners = new Map<Window, GlobalListenerData>(); // We use a map here to support setting event listeners across multiple document objects.\nlet hasEventBeforeFocus = false;\nlet hasBlurredWindowRecently = false;\n\n// Only Tab or Esc keys will make focus visible on text input elements\nconst FOCUS_VISIBLE_INPUT_KEYS = {\n  Tab: true,\n  Escape: true,\n};\n\nfunction triggerChangeHandlers(modality: Modality, e: HandlerEvent) {\n  for (let handler of changeHandlers) {\n    handler(modality, e);\n  }\n}\n\n/**\n * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.\n */\nfunction isValidKey(e: KeyboardEvent) {\n  // Control and Shift keys trigger when navigating back to the tab with keyboard.\n  return !(\n    e.metaKey ||\n    (!isMac() && e.altKey) ||\n    e.ctrlKey ||\n    e.key === 'Control' ||\n    e.key === 'Shift' ||\n    e.key === 'Meta'\n  );\n}\n\nfunction handleKeyboardEvent(e: KeyboardEvent) {\n  hasEventBeforeFocus = true;\n  if (isValidKey(e)) {\n    currentModality = 'keyboard';\n    triggerChangeHandlers('keyboard', e);\n  }\n}\n\nfunction handlePointerEvent(e: PointerEvent | MouseEvent) {\n  currentModality = 'pointer';\n  if (e.type === 'mousedown' || e.type === 'pointerdown') {\n    hasEventBeforeFocus = true;\n    triggerChangeHandlers('pointer', e);\n  }\n}\n\nfunction handleClickEvent(e: MouseEvent) {\n  if (isVirtualClick(e)) {\n    hasEventBeforeFocus = true;\n    currentModality = 'virtual';\n  }\n}\n\nfunction handleFocusEvent(e: FocusEvent) {\n  // Firefox fires two extra focus events when the user first clicks into an iframe:\n  // first on the window, then on the document. We ignore these events so they don't\n  // cause keyboard focus rings to appear.\n  if (e.target === window || e.target === document) {\n    return;\n  }\n\n  // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.\n  // This occurs, for example, when navigating a form with the next/previous buttons on iOS.\n  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {\n    currentModality = 'virtual';\n    triggerChangeHandlers('virtual', e);\n  }\n\n  hasEventBeforeFocus = false;\n  hasBlurredWindowRecently = false;\n}\n\nfunction handleWindowBlur() {\n  // When the window is blurred, reset state. This is necessary when tabbing out of the window,\n  // for example, since a subsequent focus event won't be fired.\n  hasEventBeforeFocus = false;\n  hasBlurredWindowRecently = true;\n}\n\n/**\n * Setup global event listeners to control when keyboard focus style should be visible.\n */\nfunction setupGlobalFocusEvents(element?: HTMLElement | null) {\n  if (typeof window === 'undefined' || hasSetupGlobalListeners.get(getOwnerWindow(element))) {\n    return;\n  }\n\n  const windowObject = getOwnerWindow(element);\n  const documentObject = getOwnerDocument(element);\n\n  // Programmatic focus() calls shouldn't affect the current input modality.\n  // However, we need to detect other cases when a focus event occurs without\n  // a preceding user event (e.g. screen reader focus). Overriding the focus\n  // method on HTMLElement.prototype is a bit hacky, but works.\n  let focus = windowObject.HTMLElement.prototype.focus;\n  windowObject.HTMLElement.prototype.focus = function () {\n    hasEventBeforeFocus = true;\n    focus.apply(this, arguments as unknown as [options?: FocusOptions | undefined]);\n  };\n\n  documentObject.addEventListener('keydown', handleKeyboardEvent, true);\n  documentObject.addEventListener('keyup', handleKeyboardEvent, true);\n  documentObject.addEventListener('click', handleClickEvent, true);\n\n  // Register focus events on the window so they are sure to happen\n  // before React's event listeners (registered on the document).\n  windowObject.addEventListener('focus', handleFocusEvent, true);\n  windowObject.addEventListener('blur', handleWindowBlur, false);\n\n  if (typeof PointerEvent !== 'undefined') {\n    documentObject.addEventListener('pointerdown', handlePointerEvent, true);\n    documentObject.addEventListener('pointermove', handlePointerEvent, true);\n    documentObject.addEventListener('pointerup', handlePointerEvent, true);\n  } else {\n    documentObject.addEventListener('mousedown', handlePointerEvent, true);\n    documentObject.addEventListener('mousemove', handlePointerEvent, true);\n    documentObject.addEventListener('mouseup', handlePointerEvent, true);\n  }\n\n  // Add unmount handler\n  windowObject.addEventListener(\n    'beforeunload',\n    () => {\n      tearDownWindowFocusTracking(element);\n    },\n    { once: true }\n  );\n\n  hasSetupGlobalListeners.set(windowObject, { focus });\n}\n\nconst tearDownWindowFocusTracking = (element, loadListener?: () => void) => {\n  const windowObject = getOwnerWindow(element);\n  const documentObject = getOwnerDocument(element);\n  if (loadListener) {\n    documentObject.removeEventListener('DOMContentLoaded', loadListener);\n  }\n  if (!hasSetupGlobalListeners.has(windowObject)) {\n    return;\n  }\n  windowObject.HTMLElement.prototype.focus = hasSetupGlobalListeners.get(windowObject)!.focus;\n\n  documentObject.removeEventListener('keydown', handleKeyboardEvent, true);\n  documentObject.removeEventListener('keyup', handleKeyboardEvent, true);\n  documentObject.removeEventListener('click', handleClickEvent, true);\n  windowObject.removeEventListener('focus', handleFocusEvent, true);\n  windowObject.removeEventListener('blur', handleWindowBlur, false);\n\n  if (typeof PointerEvent !== 'undefined') {\n    documentObject.removeEventListener('pointerdown', handlePointerEvent, true);\n    documentObject.removeEventListener('pointermove', handlePointerEvent, true);\n    documentObject.removeEventListener('pointerup', handlePointerEvent, true);\n  } else {\n    documentObject.removeEventListener('mousedown', handlePointerEvent, true);\n    documentObject.removeEventListener('mousemove', handlePointerEvent, true);\n    documentObject.removeEventListener('mouseup', handlePointerEvent, true);\n  }\n\n  hasSetupGlobalListeners.delete(windowObject);\n};\n\n/**\n * EXPERIMENTAL\n * Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.\n *\n * Sometimes apps render portions of their tree into an iframe. In this case, we cannot accurately track if the focus\n * is visible because we cannot see interactions inside the iframe. If you have this in your application's architecture,\n * then this function will attach event listeners inside the iframe. You should call `addWindowFocusTracking` with an\n * element from inside the window you wish to add. We'll retrieve the relevant elements based on that.\n * Note, you do not need to call this for the default window, as we call it for you.\n *\n * When you are ready to stop listening, but you do not wish to unmount the iframe, you may call the cleanup function\n * returned by `addWindowFocusTracking`. Otherwise, when you unmount the iframe, all listeners and state will be cleaned\n * up automatically for you.\n *\n * @param element @default document.body - The element provided will be used to get the window to add.\n * @returns A function to remove the event listeners and cleanup the state.\n */\nexport function addWindowFocusTracking(element?: HTMLElement | null): () => void {\n  const documentObject = getOwnerDocument(element);\n  let loadListener;\n  if (documentObject.readyState !== 'loading') {\n    setupGlobalFocusEvents(element);\n  } else {\n    loadListener = () => {\n      setupGlobalFocusEvents(element);\n    };\n    documentObject.addEventListener('DOMContentLoaded', loadListener);\n  }\n\n  return () => tearDownWindowFocusTracking(element, loadListener);\n}\n\n// Server-side rendering does not have the document object defined\n// eslint-disable-next-line no-restricted-globals\nif (typeof document !== 'undefined') {\n  addWindowFocusTracking();\n}\n\n/**\n * If true, keyboard focus is visible.\n */\nexport function isFocusVisible(): boolean {\n  return currentModality !== 'pointer';\n}\n\nexport function getInteractionModality(): Modality | null {\n  return currentModality;\n}\n\nexport function setInteractionModality(modality: Modality) {\n  currentModality = modality;\n  triggerChangeHandlers(modality, null);\n}\n\n/**\n * Keeps state of the current modality.\n */\nexport function useInteractionModality(): Modality | null {\n  setupGlobalFocusEvents();\n\n  let [modality, setModality] = useState(currentModality);\n  useEffect(() => {\n    let handler = () => {\n      setModality(currentModality);\n    };\n\n    changeHandlers.add(handler);\n    return () => {\n      changeHandlers.delete(handler);\n    };\n  }, []);\n\n  return useIsSSR() ? null : modality;\n}\n\nconst nonTextInputTypes = new Set([\n  'checkbox',\n  'radio',\n  'range',\n  'color',\n  'file',\n  'image',\n  'button',\n  'submit',\n  'reset',\n]);\n\n/**\n * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that\n * focus visible style can be properly set.\n */\nfunction isKeyboardFocusEvent(isTextInput: boolean, modality: Modality, e: HandlerEvent) {\n  const IHTMLInputElement =\n    typeof window !== 'undefined' ? getOwnerWindow(e?.target as Element).HTMLInputElement : HTMLInputElement;\n  const IHTMLTextAreaElement =\n    typeof window !== 'undefined' ? getOwnerWindow(e?.target as Element).HTMLTextAreaElement : HTMLTextAreaElement;\n  const IHTMLElement = typeof window !== 'undefined' ? getOwnerWindow(e?.target as Element).HTMLElement : HTMLElement;\n  const IKeyboardEvent =\n    typeof window !== 'undefined' ? getOwnerWindow(e?.target as Element).KeyboardEvent : KeyboardEvent;\n\n  isTextInput =\n    isTextInput ||\n    (e?.target instanceof IHTMLInputElement && !nonTextInputTypes.has(e?.target?.type)) ||\n    e?.target instanceof IHTMLTextAreaElement ||\n    (e?.target instanceof IHTMLElement && e?.target.isContentEditable);\n  return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !FOCUS_VISIBLE_INPUT_KEYS[e.key]);\n}\n\n/**\n * Manages focus visible state for the page, and subscribes individual components for updates.\n */\nexport function useFocusVisible(props: FocusVisibleProps = {}): FocusVisibleResult {\n  let { isTextInput, autoFocus } = props;\n  let [isFocusVisibleState, setFocusVisible] = useState(autoFocus || isFocusVisible());\n  useFocusVisibleListener(\n    (isFocusVisible) => {\n      setFocusVisible(isFocusVisible);\n    },\n    [isTextInput],\n    { isTextInput }\n  );\n\n  return { isFocusVisible: isFocusVisibleState };\n}\n\n/**\n * Listens for trigger change and reports if focus is visible (i.e., modality is not pointer).\n */\nexport function useFocusVisibleListener(\n  fn: FocusVisibleHandler,\n  deps: ReadonlyArray<any>,\n  opts?: { isTextInput?: boolean }\n): void {\n  setupGlobalFocusEvents();\n\n  useEffect(() => {\n    let handler = (modality: Modality, e: HandlerEvent) => {\n      if (!isKeyboardFocusEvent(!!opts?.isTextInput, modality, e)) {\n        return;\n      }\n      fn(isFocusVisible());\n    };\n    changeHandlers.add(handler);\n    return () => {\n      changeHandlers.delete(handler);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n"],"names":["currentModality","changeHandlers","Set","hasSetupGlobalListeners","Map","hasEventBeforeFocus","hasBlurredWindowRecently","FOCUS_VISIBLE_INPUT_KEYS","Tab","Escape","triggerChangeHandlers","modality","e","handler","isValidKey","metaKey","isMac","altKey","ctrlKey","key","handleKeyboardEvent","handlePointerEvent","type","handleClickEvent","isVirtualClick","handleFocusEvent","target","window","document","handleWindowBlur","setupGlobalFocusEvents","element","get","getOwnerWindow","windowObject","documentObject","getOwnerDocument","focus","HTMLElement","prototype","apply","arguments","addEventListener","PointerEvent","tearDownWindowFocusTracking","once","set","loadListener","removeEventListener","has","delete","addWindowFocusTracking","readyState","isFocusVisible","getInteractionModality","setInteractionModality","nonTextInputTypes","isKeyboardFocusEvent","isTextInput","_e$target","IHTMLInputElement","HTMLInputElement","IHTMLTextAreaElement","HTMLTextAreaElement","IHTMLElement","IKeyboardEvent","KeyboardEvent","isContentEditable","useFocusVisibleListener","fn","deps","opts","useEffect","add"],"mappings":"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"}

package/react-aria/react-aria/interactions/useFocusWithin.js

@@ -0,0 +1,65 @@
+import { useRef, useCallback } from 'react';
+import { useSyntheticBlurEvent } from './utils.js';
+
+/* eslint-disable prefer-const */
+/**
+ * Handles focus events for the target and its descendants.
+ */
+function useFocusWithin(props) {
+  let {
+    isDisabled,
+    onBlurWithin,
+    onFocusWithin,
+    onFocusWithinChange
+  } = props;
+  let state = useRef({
+    isFocusWithin: false
+  });
+  let onBlur = useCallback(e => {
+    // We don't want to trigger onBlurWithin and then immediately onFocusWithin again
+    // when moving focus inside the element. Only trigger if the currentTarget doesn't
+    // include the relatedTarget (where focus is moving).
+    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+      state.current.isFocusWithin = false;
+      if (onBlurWithin) {
+        onBlurWithin(e);
+      }
+      if (onFocusWithinChange) {
+        onFocusWithinChange(false);
+      }
+    }
+  }, [onBlurWithin, onFocusWithinChange, state]);
+  let onSyntheticFocus = useSyntheticBlurEvent(onBlur);
+  let onFocus = useCallback(e => {
+    // Double check that document.activeElement actually matches e.target in case a previously chained
+    // focus handler already moved focus somewhere else.
+    if (!state.current.isFocusWithin && document.activeElement === e.target) {
+      if (onFocusWithin) {
+        onFocusWithin(e);
+      }
+      if (onFocusWithinChange) {
+        onFocusWithinChange(true);
+      }
+      state.current.isFocusWithin = true;
+      onSyntheticFocus(e);
+    }
+  }, [onFocusWithin, onFocusWithinChange, onSyntheticFocus]);
+  if (isDisabled) {
+    return {
+      focusWithinProps: {
+        // These should not have been null, that would conflict in mergeProps
+        onFocus: undefined,
+        onBlur: undefined
+      }
+    };
+  }
+  return {
+    focusWithinProps: {
+      onFocus,
+      onBlur
+    }
+  };
+}
+
+export { useFocusWithin };
+//# sourceMappingURL=useFocusWithin.js.map

package/react-aria/react-aria/interactions/useFocusWithin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin.js","sources":["../../../../src/react-aria/react-aria/interactions/useFocusWithin.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\nimport { DOMAttributes } from '../../react-types/shared';\nimport { FocusEvent, useCallback, useRef } from 'react';\nimport { useSyntheticBlurEvent } from './utils';\n\nexport interface FocusWithinProps {\n  /** Whether the focus within events should be disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the target element or a descendant receives focus. */\n  onFocusWithin?: (e: FocusEvent) => void;\n  /** Handler that is called when the target element and all descendants lose focus. */\n  onBlurWithin?: (e: FocusEvent) => void;\n  /** Handler that is called when the the focus within state changes. */\n  onFocusWithinChange?: (isFocusWithin: boolean) => void;\n}\n\nexport interface FocusWithinResult {\n  /** Props to spread onto the target element. */\n  focusWithinProps: DOMAttributes;\n}\n\n/**\n * Handles focus events for the target and its descendants.\n */\nexport function useFocusWithin(props: FocusWithinProps): FocusWithinResult {\n  let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;\n  let state = useRef({\n    isFocusWithin: false,\n  });\n\n  let onBlur = useCallback(\n    (e: FocusEvent) => {\n      // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n      // when moving focus inside the element. Only trigger if the currentTarget doesn't\n      // include the relatedTarget (where focus is moving).\n      if (state.current.isFocusWithin && !(e.currentTarget as Element).contains(e.relatedTarget as Element)) {\n        state.current.isFocusWithin = false;\n\n        if (onBlurWithin) {\n          onBlurWithin(e);\n        }\n\n        if (onFocusWithinChange) {\n          onFocusWithinChange(false);\n        }\n      }\n    },\n    [onBlurWithin, onFocusWithinChange, state]\n  );\n\n  let onSyntheticFocus = useSyntheticBlurEvent(onBlur);\n  let onFocus = useCallback(\n    (e: FocusEvent) => {\n      // Double check that document.activeElement actually matches e.target in case a previously chained\n      // focus handler already moved focus somewhere else.\n      if (!state.current.isFocusWithin && document.activeElement === e.target) {\n        if (onFocusWithin) {\n          onFocusWithin(e);\n        }\n\n        if (onFocusWithinChange) {\n          onFocusWithinChange(true);\n        }\n\n        state.current.isFocusWithin = true;\n        onSyntheticFocus(e);\n      }\n    },\n    [onFocusWithin, onFocusWithinChange, onSyntheticFocus]\n  );\n\n  if (isDisabled) {\n    return {\n      focusWithinProps: {\n        // These should not have been null, that would conflict in mergeProps\n        onFocus: undefined,\n        onBlur: undefined,\n      },\n    };\n  }\n\n  return {\n    focusWithinProps: {\n      onFocus,\n      onBlur,\n    },\n  };\n}\n"],"names":["useFocusWithin","props","isDisabled","onBlurWithin","onFocusWithin","onFocusWithinChange","state","useRef","isFocusWithin","onBlur","useCallback","e","current","currentTarget","contains","relatedTarget","onSyntheticFocus","useSyntheticBlurEvent","onFocus","document","activeElement","target","focusWithinProps","undefined"],"mappings":";;;AAAA;AAuCA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,KAAuB,EAAqB;EACzE,IAAI;IAAEC,UAAU;IAAEC,YAAY;IAAEC,aAAa;AAAEC,IAAAA,mBAAAA;AAAoB,GAAC,GAAGJ,KAAK,CAAA;EAC5E,IAAIK,KAAK,GAAGC,MAAM,CAAC;AACjBC,IAAAA,aAAa,EAAE,KAAA;AACjB,GAAC,CAAC,CAAA;AAEF,EAAA,IAAIC,MAAM,GAAGC,WAAW,CACrBC,CAAa,IAAK;AACjB;AACA;AACA;AACA,IAAA,IAAIL,KAAK,CAACM,OAAO,CAACJ,aAAa,IAAI,CAAEG,CAAC,CAACE,aAAa,CAAaC,QAAQ,CAACH,CAAC,CAACI,aAAwB,CAAC,EAAE;AACrGT,MAAAA,KAAK,CAACM,OAAO,CAACJ,aAAa,GAAG,KAAK,CAAA;AAEnC,MAAA,IAAIL,YAAY,EAAE;QAChBA,YAAY,CAACQ,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,MAAA,IAAIN,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAC5B,OAAA;AACF,KAAA;GACD,EACD,CAACF,YAAY,EAAEE,mBAAmB,EAAEC,KAAK,CAC3C,CAAC,CAAA;AAED,EAAA,IAAIU,gBAAgB,GAAGC,qBAAqB,CAACR,MAAM,CAAC,CAAA;AACpD,EAAA,IAAIS,OAAO,GAAGR,WAAW,CACtBC,CAAa,IAAK;AACjB;AACA;AACA,IAAA,IAAI,CAACL,KAAK,CAACM,OAAO,CAACJ,aAAa,IAAIW,QAAQ,CAACC,aAAa,KAAKT,CAAC,CAACU,MAAM,EAAE;AACvE,MAAA,IAAIjB,aAAa,EAAE;QACjBA,aAAa,CAACO,CAAC,CAAC,CAAA;AAClB,OAAA;AAEA,MAAA,IAAIN,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAC3B,OAAA;AAEAC,MAAAA,KAAK,CAACM,OAAO,CAACJ,aAAa,GAAG,IAAI,CAAA;MAClCQ,gBAAgB,CAACL,CAAC,CAAC,CAAA;AACrB,KAAA;GACD,EACD,CAACP,aAAa,EAAEC,mBAAmB,EAAEW,gBAAgB,CACvD,CAAC,CAAA;AAED,EAAA,IAAId,UAAU,EAAE;IACd,OAAO;AACLoB,MAAAA,gBAAgB,EAAE;AAChB;AACAJ,QAAAA,OAAO,EAAEK,SAAS;AAClBd,QAAAA,MAAM,EAAEc,SAAAA;AACV,OAAA;KACD,CAAA;AACH,GAAA;EAEA,OAAO;AACLD,IAAAA,gBAAgB,EAAE;MAChBJ,OAAO;AACPT,MAAAA,MAAAA;AACF,KAAA;GACD,CAAA;AACH;;;;"}

package/react-aria/react-aria/interactions/useKeyboard.js

@@ -0,0 +1,27 @@
+import { createEventHandler } from './createEventHandler.js';
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/**
+ * Handles keyboard interactions for a focusable element.
+ */
+function useKeyboard(props) {
+  return {
+    keyboardProps: props.isDisabled ? {} : {
+      onKeyDown: createEventHandler(props.onKeyDown),
+      onKeyUp: createEventHandler(props.onKeyUp)
+    }
+  };
+}
+
+export { useKeyboard };
+//# sourceMappingURL=useKeyboard.js.map

package/react-aria/react-aria/interactions/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sources":["../../../../src/react-aria/react-aria/interactions/useKeyboard.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { createEventHandler } from './createEventHandler';\nimport { DOMAttributes, KeyboardEvents } from '../../react-types/shared';\n\nexport interface KeyboardProps extends KeyboardEvents {\n  /** Whether the keyboard events should be disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface KeyboardResult {\n  /** Props to spread onto the target element. */\n  keyboardProps: DOMAttributes;\n}\n\n/**\n * Handles keyboard interactions for a focusable element.\n */\nexport function useKeyboard(props: KeyboardProps): KeyboardResult {\n  return {\n    keyboardProps: props.isDisabled\n      ? {}\n      : {\n          onKeyDown: createEventHandler(props.onKeyDown),\n          onKeyUp: createEventHandler(props.onKeyUp),\n        },\n  };\n}\n"],"names":["useKeyboard","props","keyboardProps","isDisabled","onKeyDown","createEventHandler","onKeyUp"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAeA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,KAAoB,EAAkB;EAChE,OAAO;AACLC,IAAAA,aAAa,EAAED,KAAK,CAACE,UAAU,GAC3B,EAAE,GACF;AACEC,MAAAA,SAAS,EAAEC,kBAAkB,CAACJ,KAAK,CAACG,SAAS,CAAC;AAC9CE,MAAAA,OAAO,EAAED,kBAAkB,CAACJ,KAAK,CAACK,OAAO,CAAA;AAC3C,KAAA;GACL,CAAA;AACH;;;;"}