@redsift/design-system 11.6.0-muiv5-alpha.10 → 11.6.0-muiv5-alpha.11

package/packages/design-system/src/react-aria/react-aria/i18n/_internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../../src/react-aria/react-aria/i18n/utils.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// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set(['Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr']);\nconst RTL_LANGS = new Set([\n  'ae',\n  'ar',\n  'arc',\n  'bcc',\n  'bqi',\n  'ckb',\n  'dv',\n  'fa',\n  'glk',\n  'he',\n  'ku',\n  'mzn',\n  'nqo',\n  'pnb',\n  'ps',\n  'sd',\n  'ug',\n  'ur',\n  'yi',\n]);\n\n/**\n * Determines if a locale is read right to left using [Intl.Locale]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale}.\n */\nexport function isRTL(localeString: string) {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  // @ts-ignore\n  if (Intl.Locale) {\n    let locale = new Intl.Locale(localeString).maximize();\n\n    // Use the text info object to get the direction if possible.\n    // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo\n    let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;\n    if (textInfo) {\n      return textInfo.direction === 'rtl';\n    }\n\n    // Fallback: guess using the script.\n    // This is more accurate than guessing by language, since languages can be written in multiple scripts.\n    if (locale.script) {\n      return RTL_SCRIPTS.has(locale.script);\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  let lang = localeString.split('-')[0];\n  return RTL_LANGS.has(lang);\n}\n"],"names":["RTL_SCRIPTS","Set","RTL_LANGS","isRTL","localeString","Intl","Locale","locale","maximize","textInfo","getTextInfo","direction","script","has","lang","split"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,WAAW,GAAG,IAAIC,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AAC7G,MAAMC,SAAS,GAAG,IAAID,GAAG,CAAC,CACxB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL,CAAC,CAAA;;AAEF;AACA;AACA;AACO,SAASE,KAAKA,CAACC,YAAoB,EAAE;AAC1C;AACA;EACA,IAAIC,IAAI,CAACC,MAAM,EAAE;AACf,IAAA,IAAIC,MAAM,GAAG,IAAIF,IAAI,CAACC,MAAM,CAACF,YAAY,CAAC,CAACI,QAAQ,EAAE,CAAA;;AAErD;AACA;AACA;AACA,IAAA,IAAIC,QAAQ,GAAG,OAAOF,MAAM,CAACG,WAAW,KAAK,UAAU,GAAGH,MAAM,CAACG,WAAW,EAAE,GAAGH,MAAM,CAACE,QAAQ,CAAA;AAChG,IAAA,IAAIA,QAAQ,EAAE;AACZ,MAAA,OAAOA,QAAQ,CAACE,SAAS,KAAK,KAAK,CAAA;AACrC,KAAA;;AAEA;AACA;IACA,IAAIJ,MAAM,CAACK,MAAM,EAAE;AACjB,MAAA,OAAOZ,WAAW,CAACa,GAAG,CAACN,MAAM,CAACK,MAAM,CAAC,CAAA;AACvC,KAAA;AACF,GAAA;;AAEA;EACA,IAAIE,IAAI,GAAGV,YAAY,CAACW,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AACrC,EAAA,OAAOb,SAAS,CAACW,GAAG,CAACC,IAAI,CAAC,CAAA;AAC5B;;;;"}

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/context.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+/*
+ * 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.
+ */
+const PressResponderContext = /*#__PURE__*/React__default.createContext({
+  register: () => {}
+});
+PressResponderContext.displayName = 'PressResponderContext';
+
+export { PressResponderContext };
+//# sourceMappingURL=context.js.map

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../../../src/react-aria/react-aria/interactions/context.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 { FocusableElement } from '../../react-types/shared';\nimport { PressProps } from './usePress';\nimport React, { MutableRefObject } from 'react';\n\ninterface IPressResponderContext extends PressProps {\n  register(): void;\n  ref?: MutableRefObject<FocusableElement>;\n}\n\nexport const PressResponderContext = React.createContext<IPressResponderContext>({ register: () => {} });\nPressResponderContext.displayName = 'PressResponderContext';\n"],"names":["PressResponderContext","React","createContext","register","displayName"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAWaA,qBAAqB,gBAAGC,cAAK,CAACC,aAAa,CAAyB;EAAEC,QAAQ,EAAEA,MAAM,EAAC;AAAE,CAAC,EAAC;AACxGH,qBAAqB,CAACI,WAAW,GAAG,uBAAuB;;;;"}

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/createEventHandler.js

@@ -0,0 +1,48 @@
+import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+
+/* eslint-disable prefer-const */
+// @ts-nocheck
+/*
+ * 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.
+ */
+
+/**
+ * This function wraps a React event handler to make stopPropagation the default, and support continuePropagation instead.
+ */
+function createEventHandler(handler) {
+  if (!handler) {
+    return undefined;
+  }
+  let shouldStopPropagation = true;
+  return e => {
+    let event = _objectSpread2(_objectSpread2({}, e), {}, {
+      preventDefault() {
+        e.preventDefault();
+      },
+      isDefaultPrevented() {
+        return e.isDefaultPrevented();
+      },
+      stopPropagation() {
+        console.error('stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.');
+      },
+      continuePropagation() {
+        shouldStopPropagation = false;
+      }
+    });
+    handler(event);
+    if (shouldStopPropagation) {
+      e.stopPropagation();
+    }
+  };
+}
+
+export { createEventHandler };
+//# sourceMappingURL=createEventHandler.js.map

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/createEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEventHandler.js","sources":["../../../../../../../../src/react-aria/react-aria/interactions/createEventHandler.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\nimport { BaseEvent } from '../../react-types/shared';\nimport { SyntheticEvent } from 'react';\n\n/**\n * This function wraps a React event handler to make stopPropagation the default, and support continuePropagation instead.\n */\nexport function createEventHandler<T extends SyntheticEvent>(\n  handler?: (e: BaseEvent<T>) => void\n): ((e: T) => void) | undefined {\n  if (!handler) {\n    return undefined;\n  }\n\n  let shouldStopPropagation = true;\n  return (e: T) => {\n    let event: BaseEvent<T> = {\n      ...e,\n      preventDefault() {\n        e.preventDefault();\n      },\n      isDefaultPrevented() {\n        return e.isDefaultPrevented();\n      },\n      stopPropagation() {\n        console.error(\n          'stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.'\n        );\n      },\n      continuePropagation() {\n        shouldStopPropagation = false;\n      },\n    };\n\n    handler(event);\n\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n  };\n}\n"],"names":["createEventHandler","handler","undefined","shouldStopPropagation","e","event","_objectSpread","preventDefault","isDefaultPrevented","stopPropagation","console","error","continuePropagation"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACO,SAASA,kBAAkBA,CAChCC,OAAmC,EACL;EAC9B,IAAI,CAACA,OAAO,EAAE;AACZ,IAAA,OAAOC,SAAS,CAAA;AAClB,GAAA;EAEA,IAAIC,qBAAqB,GAAG,IAAI,CAAA;AAChC,EAAA,OAAQC,CAAI,IAAK;AACf,IAAA,IAAIC,KAAmB,GAAAC,cAAA,CAAAA,cAAA,KAClBF,CAAC,CAAA,EAAA,EAAA,EAAA;AACJG,MAAAA,cAAcA,GAAG;QACfH,CAAC,CAACG,cAAc,EAAE,CAAA;OACnB;AACDC,MAAAA,kBAAkBA,GAAG;AACnB,QAAA,OAAOJ,CAAC,CAACI,kBAAkB,EAAE,CAAA;OAC9B;AACDC,MAAAA,eAAeA,GAAG;AAChBC,QAAAA,OAAO,CAACC,KAAK,CACX,sIACF,CAAC,CAAA;OACF;AACDC,MAAAA,mBAAmBA,GAAG;AACpBT,QAAAA,qBAAqB,GAAG,KAAK,CAAA;AAC/B,OAAA;KACD,CAAA,CAAA;IAEDF,OAAO,CAACI,KAAK,CAAC,CAAA;AAEd,IAAA,IAAIF,qBAAqB,EAAE;MACzBC,CAAC,CAACK,eAAe,EAAE,CAAA;AACrB,KAAA;GACD,CAAA;AACH;;;;"}

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/textSelection.js

@@ -0,0 +1,85 @@
+import { isIOS } from '../../utils/_internal/platform.js';
+import { getOwnerDocument } from '../../utils/_internal/domHelpers.js';
+import { runAfterTransition } from '../../utils/_internal/runAfterTransition.js';
+
+/* eslint-disable prefer-const */
+
+// Safari on iOS starts selecting text on long press. The only way to avoid this, it seems,
+// is to add user-select: none to the entire page. Adding it to the pressable element prevents
+// that element from being selected, but nearby elements may still receive selection. We add
+// user-select: none on touch start, and remove it again on touch end to prevent this.
+// This must be implemented using global state to avoid race conditions between multiple elements.
+
+// There are three possible states due to the delay before removing user-select: none after
+// pointer up. The 'default' state always transitions to the 'disabled' state, which transitions
+// to 'restoring'. The 'restoring' state can either transition back to 'disabled' or 'default'.
+
+// For non-iOS devices, we apply user-select: none to the pressed element instead to avoid possible
+// performance issues that arise from applying and removing user-select: none to the entire page
+// (see https://github.com/adobe/react-spectrum/issues/1609).
+// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
+// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
+let state = 'default';
+let savedUserSelect = '';
+let modifiedElementMap = new WeakMap();
+function disableTextSelection(target) {
+  if (isIOS()) {
+    if (state === 'default') {
+      // eslint-disable-next-line no-restricted-globals
+      const documentObject = getOwnerDocument(target);
+      savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
+      documentObject.documentElement.style.webkitUserSelect = 'none';
+    }
+    state = 'disabled';
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    // If not iOS, store the target's original user-select and change to user-select: none
+    // Ignore state since it doesn't apply for non iOS
+    modifiedElementMap.set(target, target.style.userSelect);
+    target.style.userSelect = 'none';
+  }
+}
+function restoreTextSelection(target) {
+  if (isIOS()) {
+    // If the state is already default, there's nothing to do.
+    // If it is restoring, then there's no need to queue a second restore.
+    if (state !== 'disabled') {
+      return;
+    }
+    state = 'restoring';
+
+    // There appears to be a delay on iOS where selection still might occur
+    // after pointer up, so wait a bit before removing user-select.
+    setTimeout(() => {
+      // Wait for any CSS transitions to complete so we don't recompute style
+      // for the whole page in the middle of the animation and cause jank.
+      runAfterTransition(() => {
+        // Avoid race conditions
+        if (state === 'restoring') {
+          // eslint-disable-next-line no-restricted-globals
+          const documentObject = getOwnerDocument(target);
+          if (documentObject.documentElement.style.webkitUserSelect === 'none') {
+            documentObject.documentElement.style.webkitUserSelect = savedUserSelect || '';
+          }
+          savedUserSelect = '';
+          state = 'default';
+        }
+      });
+    }, 300);
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    // If not iOS, restore the target's original user-select if any
+    // Ignore state since it doesn't apply for non iOS
+    if (target && modifiedElementMap.has(target)) {
+      let targetOldUserSelect = modifiedElementMap.get(target);
+      if (target.style.userSelect === 'none') {
+        target.style.userSelect = targetOldUserSelect;
+      }
+      if (target.getAttribute('style') === '') {
+        target.removeAttribute('style');
+      }
+      modifiedElementMap.delete(target);
+    }
+  }
+}
+
+export { disableTextSelection, restoreTextSelection };
+//# sourceMappingURL=textSelection.js.map

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/textSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textSelection.js","sources":["../../../../../../../../src/react-aria/react-aria/interactions/textSelection.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\nimport { getOwnerDocument, isIOS, runAfterTransition } from '../utils';\n\n// Safari on iOS starts selecting text on long press. The only way to avoid this, it seems,\n// is to add user-select: none to the entire page. Adding it to the pressable element prevents\n// that element from being selected, but nearby elements may still receive selection. We add\n// user-select: none on touch start, and remove it again on touch end to prevent this.\n// This must be implemented using global state to avoid race conditions between multiple elements.\n\n// There are three possible states due to the delay before removing user-select: none after\n// pointer up. The 'default' state always transitions to the 'disabled' state, which transitions\n// to 'restoring'. The 'restoring' state can either transition back to 'disabled' or 'default'.\n\n// For non-iOS devices, we apply user-select: none to the pressed element instead to avoid possible\n// performance issues that arise from applying and removing user-select: none to the entire page\n// (see https://github.com/adobe/react-spectrum/issues/1609).\ntype State = 'default' | 'disabled' | 'restoring';\n\n// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element\n// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually\nlet state: State = 'default';\nlet savedUserSelect = '';\nlet modifiedElementMap = new WeakMap<Element, string>();\n\nexport function disableTextSelection(target?: Element) {\n  if (isIOS()) {\n    if (state === 'default') {\n      // eslint-disable-next-line no-restricted-globals\n      const documentObject = getOwnerDocument(target);\n      savedUserSelect = documentObject.documentElement.style.webkitUserSelect;\n      documentObject.documentElement.style.webkitUserSelect = 'none';\n    }\n\n    state = 'disabled';\n  } else if (target instanceof HTMLElement || target instanceof SVGElement) {\n    // If not iOS, store the target's original user-select and change to user-select: none\n    // Ignore state since it doesn't apply for non iOS\n    modifiedElementMap.set(target, target.style.userSelect);\n    target.style.userSelect = 'none';\n  }\n}\n\nexport function restoreTextSelection(target?: Element) {\n  if (isIOS()) {\n    // If the state is already default, there's nothing to do.\n    // If it is restoring, then there's no need to queue a second restore.\n    if (state !== 'disabled') {\n      return;\n    }\n\n    state = 'restoring';\n\n    // There appears to be a delay on iOS where selection still might occur\n    // after pointer up, so wait a bit before removing user-select.\n    setTimeout(() => {\n      // Wait for any CSS transitions to complete so we don't recompute style\n      // for the whole page in the middle of the animation and cause jank.\n      runAfterTransition(() => {\n        // Avoid race conditions\n        if (state === 'restoring') {\n          // eslint-disable-next-line no-restricted-globals\n          const documentObject = getOwnerDocument(target);\n          if (documentObject.documentElement.style.webkitUserSelect === 'none') {\n            documentObject.documentElement.style.webkitUserSelect = savedUserSelect || '';\n          }\n\n          savedUserSelect = '';\n          state = 'default';\n        }\n      });\n    }, 300);\n  } else if (target instanceof HTMLElement || target instanceof SVGElement) {\n    // If not iOS, restore the target's original user-select if any\n    // Ignore state since it doesn't apply for non iOS\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target) as string;\n\n      if (target.style.userSelect === 'none') {\n        target.style.userSelect = targetOldUserSelect;\n      }\n\n      if (target.getAttribute('style') === '') {\n        target.removeAttribute('style');\n      }\n      modifiedElementMap.delete(target);\n    }\n  }\n}\n"],"names":["state","savedUserSelect","modifiedElementMap","WeakMap","disableTextSelection","target","isIOS","documentObject","getOwnerDocument","documentElement","style","webkitUserSelect","HTMLElement","SVGElement","set","userSelect","restoreTextSelection","setTimeout","runAfterTransition","has","targetOldUserSelect","get","getAttribute","removeAttribute","delete"],"mappings":";;;;AAAA;;AAgBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AAGA;AACA;AACA,IAAIA,KAAY,GAAG,SAAS,CAAA;AAC5B,IAAIC,eAAe,GAAG,EAAE,CAAA;AACxB,IAAIC,kBAAkB,GAAG,IAAIC,OAAO,EAAmB,CAAA;AAEhD,SAASC,oBAAoBA,CAACC,MAAgB,EAAE;EACrD,IAAIC,KAAK,EAAE,EAAE;IACX,IAAIN,KAAK,KAAK,SAAS,EAAE;AACvB;AACA,MAAA,MAAMO,cAAc,GAAGC,gBAAgB,CAACH,MAAM,CAAC,CAAA;AAC/CJ,MAAAA,eAAe,GAAGM,cAAc,CAACE,eAAe,CAACC,KAAK,CAACC,gBAAgB,CAAA;AACvEJ,MAAAA,cAAc,CAACE,eAAe,CAACC,KAAK,CAACC,gBAAgB,GAAG,MAAM,CAAA;AAChE,KAAA;AAEAX,IAAAA,KAAK,GAAG,UAAU,CAAA;GACnB,MAAM,IAAIK,MAAM,YAAYO,WAAW,IAAIP,MAAM,YAAYQ,UAAU,EAAE;AACxE;AACA;IACAX,kBAAkB,CAACY,GAAG,CAACT,MAAM,EAAEA,MAAM,CAACK,KAAK,CAACK,UAAU,CAAC,CAAA;AACvDV,IAAAA,MAAM,CAACK,KAAK,CAACK,UAAU,GAAG,MAAM,CAAA;AAClC,GAAA;AACF,CAAA;AAEO,SAASC,oBAAoBA,CAACX,MAAgB,EAAE;EACrD,IAAIC,KAAK,EAAE,EAAE;AACX;AACA;IACA,IAAIN,KAAK,KAAK,UAAU,EAAE;AACxB,MAAA,OAAA;AACF,KAAA;AAEAA,IAAAA,KAAK,GAAG,WAAW,CAAA;;AAEnB;AACA;AACAiB,IAAAA,UAAU,CAAC,MAAM;AACf;AACA;AACAC,MAAAA,kBAAkB,CAAC,MAAM;AACvB;QACA,IAAIlB,KAAK,KAAK,WAAW,EAAE;AACzB;AACA,UAAA,MAAMO,cAAc,GAAGC,gBAAgB,CAACH,MAAM,CAAC,CAAA;UAC/C,IAAIE,cAAc,CAACE,eAAe,CAACC,KAAK,CAACC,gBAAgB,KAAK,MAAM,EAAE;YACpEJ,cAAc,CAACE,eAAe,CAACC,KAAK,CAACC,gBAAgB,GAAGV,eAAe,IAAI,EAAE,CAAA;AAC/E,WAAA;AAEAA,UAAAA,eAAe,GAAG,EAAE,CAAA;AACpBD,UAAAA,KAAK,GAAG,SAAS,CAAA;AACnB,SAAA;AACF,OAAC,CAAC,CAAA;KACH,EAAE,GAAG,CAAC,CAAA;GACR,MAAM,IAAIK,MAAM,YAAYO,WAAW,IAAIP,MAAM,YAAYQ,UAAU,EAAE;AACxE;AACA;IACA,IAAIR,MAAM,IAAIH,kBAAkB,CAACiB,GAAG,CAACd,MAAM,CAAC,EAAE;AAC5C,MAAA,IAAIe,mBAAmB,GAAGlB,kBAAkB,CAACmB,GAAG,CAAChB,MAAM,CAAW,CAAA;AAElE,MAAA,IAAIA,MAAM,CAACK,KAAK,CAACK,UAAU,KAAK,MAAM,EAAE;AACtCV,QAAAA,MAAM,CAACK,KAAK,CAACK,UAAU,GAAGK,mBAAmB,CAAA;AAC/C,OAAA;MAEA,IAAIf,MAAM,CAACiB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE;AACvCjB,QAAAA,MAAM,CAACkB,eAAe,CAAC,OAAO,CAAC,CAAA;AACjC,OAAA;AACArB,MAAAA,kBAAkB,CAACsB,MAAM,CAACnB,MAAM,CAAC,CAAA;AACnC,KAAA;AACF,GAAA;AACF;;;;"}

package/packages/design-system/src/react-aria/react-aria/interactions/_internal/useFocus.js

@@ -0,0 +1,53 @@
+import { useCallback } from 'react';
+import { useSyntheticBlurEvent } from './utils.js';
+import { getOwnerDocument } from '../../utils/_internal/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/packages/design-system/src/react-aria/react-aria/interactions/_internal/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/packages/design-system/src/react-aria/react-aria/interactions/_internal/useFocusVisible.js

@@ -0,0 +1,236 @@
+import { useEffect } from 'react';
+import { getOwnerWindow, getOwnerDocument } from '../../utils/_internal/domHelpers.js';
+import { isVirtualClick } from '../../utils/_internal/isVirtualEvent.js';
+import { isMac } from '../../utils/_internal/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/packages/design-system/src/react-aria/react-aria/interactions/_internal/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/packages/design-system/src/react-aria/react-aria/interactions/_internal/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/packages/design-system/src/react-aria/react-aria/interactions/_internal/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;;;;"}