react-aria/dist/private/aria-modal-polyfill/ariaModalPolyfill.mjs.map

Spectrum UI components in React

{"mappings":";;AAAA;;;;;;;;;;CAUC;AAMD,MAAM,wCAAkB,OAAO,aAAa,cAAc,WAAW;AAM9D,SAAS,0CACd,WAAmB,MAAM,EACzB,EAAC,UAAA,YAAW,qCAAe,EAAwB,GAAG,CAAC,CAAC;IAExD;;;;;;;;;GASC,GACD,IAAI,CAAC,WACH,OAAO,KAAO;IAEhB,IAAI,SAAS,UAAS,aAAa,CAAC;IACpC,IAAI,CAAC,QACH,OAAO,KAAO;IAEhB,IAAI,SAAS;QAAC,WAAW;IAAI;IAC7B,IAAI,kBAAkC,EAAE;IACxC,IAAI;IAEJ,IAAI,WAAW,IAAI,iBAAiB,CAAA;QAClC,MAAM,gBAAgB,UAAS,aAAa,CAAC;QAC7C,KAAK,IAAI,YAAY,eAAgB;YACnC,IAAI,SAAS,IAAI,KAAK,eAAe,SAAS,UAAU,CAAC,MAAM,GAAG,GAAG;gBACnE,IAAI,UAAmB,MAAM,IAAI,CAAC,SAAS,UAAU,EAAE,IAAI,CAAC,CAAC,OAC3D,KAAK,aAAa,GAAG;gBAEvB,IAAI,SAAS;oBACX,gBAAgB,IAAI,CAAC;oBACrB,IAAI,QAAQ,QAAQ,aAAa,CAC/B;oBAEF;oBACA,IAAI,SAAS;wBAAC;2BAAW,gBAAgB;4BAAC;yBAA6B,GAAG,EAAE;qBAAE;oBAC9E,OAAO,CAAA,GAAA,iBAAS,EAAE;gBACpB;YACF,OAAO,IAAI,SAAS,IAAI,KAAK,eAAe,SAAS,YAAY,CAAC,MAAM,GAAG,GAAG;gBAC5E,IAAI,eAAe,MAAM,IAAI,CAAC,SAAS,YAAY;gBACnD,IAAI,kBAAkB,gBAAgB,SAAS,CAAC,CAAA,YAC9C,aAAa,QAAQ,CAAC;gBAExB,IAAI,mBAAmB,GAAG;oBACxB;oBACA,kBAAkB,gBAAgB,MAAM,CAAC,CAAC,KAAK,IAAM,MAAM;oBAC3D,IAAI,gBAAgB,MAAM,GAAG,GAAG;wBAC9B,IAAI,QAAQ,eAAe,CAAC,gBAAgB,MAAM,GAAG,EAAE,CAAC,aAAa,CACnE;wBAEF,IAAI,SAAS;4BAAC;+BAAW,gBAAgB;gCAAC;6BAA6B,GAAG,EAAE;yBAAE;wBAC9E,OAAO,CAAA,GAAA,iBAAS,EAAE;oBACpB,OACE,OAAO;gBAEX;YACF;QACF;IACF;IACA,SAAS,OAAO,CAAC,QAAQ;IACzB,OAAO;QACL;QACA,SAAS,UAAU;IACrB;AACF","sources":["packages/react-aria/src/aria-modal-polyfill/ariaModalPolyfill.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 {hideOthers} from 'aria-hidden';\n\ntype Revert = () => void;\n\nconst currentDocument = typeof document !== 'undefined' ? document : undefined;\n\n/**\n * Acts as a polyfill for `aria-modal` by watching for added modals and hiding any surrounding DOM\n * elements with `aria-hidden`.\n */\nexport function watchModals(\n  selector: string = 'body',\n  {document = currentDocument}: {document?: Document} = {}\n): Revert {\n  /**\n   * Listen for additions to the child list of the selected element (defaults to body). This is\n   * where providers render modal portals. When one is added, see if there is a modal inside it, if\n   * there is, then hide everything else from screen readers. If there was already a modal open and\n   * a new one was added, undo everything that the previous modal had hidden and hide based on the\n   * new one.\n   *\n   * If a modal container is removed, then undo the hiding based on the last hide others. Check if\n   * there are any other modals still around, and hide based on the last one added.\n   */\n  if (!document) {\n    return () => {};\n  }\n  let target = document.querySelector(selector);\n  if (!target) {\n    return () => {};\n  }\n  let config = {childList: true};\n  let modalContainers: Array<Element> = [];\n  let undo: Revert | undefined;\n\n  let observer = new MutationObserver(mutationRecord => {\n    const liveAnnouncer = document.querySelector('[data-live-announcer=\"true\"]');\n    for (let mutation of mutationRecord) {\n      if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n        let addNode: Element = Array.from(mutation.addedNodes).find((node: any) =>\n          node.querySelector?.('[aria-modal=\"true\"], [data-ismodal=\"true\"]')\n        ) as HTMLElement;\n        if (addNode) {\n          modalContainers.push(addNode);\n          let modal = addNode.querySelector(\n            '[aria-modal=\"true\"], [data-ismodal=\"true\"]'\n          ) as HTMLElement;\n          undo?.();\n          let others = [modal, ...(liveAnnouncer ? [liveAnnouncer as HTMLElement] : [])];\n          undo = hideOthers(others);\n        }\n      } else if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {\n        let removedNodes = Array.from(mutation.removedNodes);\n        let nodeIndexRemove = modalContainers.findIndex(container =>\n          removedNodes.includes(container)\n        );\n        if (nodeIndexRemove >= 0) {\n          undo?.();\n          modalContainers = modalContainers.filter((val, i) => i !== nodeIndexRemove);\n          if (modalContainers.length > 0) {\n            let modal = modalContainers[modalContainers.length - 1].querySelector(\n              '[aria-modal=\"true\"], [data-ismodal=\"true\"]'\n            ) as HTMLElement;\n            let others = [modal, ...(liveAnnouncer ? [liveAnnouncer as HTMLElement] : [])];\n            undo = hideOthers(others);\n          } else {\n            undo = undefined;\n          }\n        }\n      }\n    }\n  });\n  observer.observe(target, config);\n  return () => {\n    undo?.();\n    observer.disconnect();\n  };\n}\n"],"names":[],"version":3,"file":"ariaModalPolyfill.mjs.map"}