@opentripplanner/map-popup 3.1.3 → 4.0.0

package/lib/FocusTrapWrapper.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNextSibling = getNextSibling;
-exports.getPreviousSibling = getPreviousSibling;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function getEntries(query) {
-  const entries = Array.from(document.querySelectorAll(query));
-  const firstElement = entries[0];
-  const lastElement = entries[entries.length - 1];
-  return {
-    entries,
-    firstElement,
-    lastElement
-  };
-}
-/**
- * Helper method to find the next focusable sibling element relative to the
- * specified element.
- *
- * @param {string} query  - Argument that gets passed to document.querySelectorAll
- * @param {HTMLElement} element - Specified element (e.target)
- * @returns {HTMLElement} - element to be focused
- */
-
-
-function getNextSibling(query, element) {
-  const {
-    entries,
-    firstElement,
-    lastElement
-  } = getEntries(query);
-
-  if (element === lastElement) {
-    return firstElement;
-  }
-
-  const elementIndex = entries.indexOf(element);
-  return entries[elementIndex + 1];
-}
-/**
- * Helper method to find the previous focusable sibling element relative to the
- * specified element.
- *
- * @param {string} query  - Argument that gets passed to document.querySelectorAll
- * @param {HTMLElement} element - Specified element (e.target)
- * @returns {HTMLElement} - element to be focused
- */
-
-
-function getPreviousSibling(query, element) {
-  const {
-    entries,
-    firstElement,
-    lastElement
-  } = getEntries(query);
-
-  if (element === firstElement) {
-    return lastElement;
-  }
-
-  const elementIndex = entries.indexOf(element);
-  return entries[elementIndex - 1];
-}
-
-const FocusTrapWrapper = ({
-  children,
-  closePopup = null,
-  id
-}) => {
-  const queryId = `#${id}-popup-focus-trap button`;
-  const handleKeyDown = (0, _react.useCallback)(e => {
-    const element = e.target;
-
-    switch (e.key) {
-      case "Escape":
-        closePopup();
-        break;
-
-      case "Tab":
-        e.preventDefault();
-
-        if (e.shiftKey) {
-          var _getPreviousSibling;
-
-          (_getPreviousSibling = getPreviousSibling(queryId, element)) === null || _getPreviousSibling === void 0 ? void 0 : _getPreviousSibling.focus();
-        } else {
-          var _getNextSibling;
-
-          (_getNextSibling = getNextSibling(queryId, element)) === null || _getNextSibling === void 0 ? void 0 : _getNextSibling.focus();
-        }
-
-        break;
-
-      default:
-    }
-  }, [closePopup]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: `${id}-popup-focus-trap`,
-    onKeyDown: handleKeyDown,
-    role: "presentation"
-  }, children);
-};
-
-var _default = FocusTrapWrapper;
-exports.default = _default;
-//# sourceMappingURL=FocusTrapWrapper.js.map

package/lib/FocusTrapWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/FocusTrapWrapper.tsx"],"names":["getEntries","query","entries","Array","from","document","querySelectorAll","firstElement","lastElement","length","getNextSibling","element","elementIndex","indexOf","getPreviousSibling","FocusTrapWrapper","children","closePopup","id","queryId","handleKeyDown","e","target","key","preventDefault","shiftKey","focus"],"mappings":";;;;;;;;;AAAA;;;;;;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAAmC;AACjC,QAAMC,OAAO,GAAGC,KAAK,CAACC,IAAN,CAAWC,QAAQ,CAACC,gBAAT,CAA0BL,KAA1B,CAAX,CAAhB;AACA,QAAMM,YAAY,GAAGL,OAAO,CAAC,CAAD,CAA5B;AACA,QAAMM,WAAW,GAAGN,OAAO,CAACA,OAAO,CAACO,MAAR,GAAiB,CAAlB,CAA3B;AAEA,SAAO;AAAEP,IAAAA,OAAF;AAAWK,IAAAA,YAAX;AAAyBC,IAAAA;AAAzB,GAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASE,cAAT,CACLT,KADK,EAELU,OAFK,EAGQ;AACb,QAAM;AAAET,IAAAA,OAAF;AAAWK,IAAAA,YAAX;AAAyBC,IAAAA;AAAzB,MAAyCR,UAAU,CAACC,KAAD,CAAzD;;AAEA,MAAIU,OAAO,KAAKH,WAAhB,EAA6B;AAC3B,WAAOD,YAAP;AACD;;AACD,QAAMK,YAAY,GAAGV,OAAO,CAACW,OAAR,CAAgBF,OAAhB,CAArB;AACA,SAAOT,OAAO,CAACU,YAAY,GAAG,CAAhB,CAAd;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASE,kBAAT,CACLb,KADK,EAELU,OAFK,EAGQ;AACb,QAAM;AAAET,IAAAA,OAAF;AAAWK,IAAAA,YAAX;AAAyBC,IAAAA;AAAzB,MAAyCR,UAAU,CAACC,KAAD,CAAzD;;AAEA,MAAIU,OAAO,KAAKJ,YAAhB,EAA8B;AAC5B,WAAOC,WAAP;AACD;;AACD,QAAMI,YAAY,GAAGV,OAAO,CAACW,OAAR,CAAgBF,OAAhB,CAArB;AACA,SAAOT,OAAO,CAACU,YAAY,GAAG,CAAhB,CAAd;AACD;;AAED,MAAMG,gBAAgB,GAAG,CAAC;AACxBC,EAAAA,QADwB;AAExBC,EAAAA,UAAU,GAAG,IAFW;AAGxBC,EAAAA;AAHwB,CAAD,KAQN;AACjB,QAAMC,OAAO,GAAI,IAAGD,EAAG,0BAAvB;AACA,QAAME,aAAa,GAAG,wBACpBC,CAAC,IAAI;AACH,UAAMV,OAAO,GAAGU,CAAC,CAACC,MAAlB;;AACA,YAAQD,CAAC,CAACE,GAAV;AACE,WAAK,QAAL;AACEN,QAAAA,UAAU;AACV;;AACF,WAAK,KAAL;AACEI,QAAAA,CAAC,CAACG,cAAF;;AACA,YAAIH,CAAC,CAACI,QAAN,EAAgB;AAAA;;AACd,iCAAAX,kBAAkB,CAACK,OAAD,EAAUR,OAAV,CAAlB,4EAAsCe,KAAtC;AACD,SAFD,MAEO;AAAA;;AACL,6BAAAhB,cAAc,CAACS,OAAD,EAAUR,OAAV,CAAd,oEAAkCe,KAAlC;AACD;;AACD;;AACF;AAZF;AAcD,GAjBmB,EAkBpB,CAACT,UAAD,CAlBoB,CAAtB;AAqBA,sBACE;AACE,IAAA,EAAE,EAAG,GAAEC,EAAG,mBADZ;AAEE,IAAA,SAAS,EAAEE,aAFb;AAGE,IAAA,IAAI,EAAC;AAHP,KAKGJ,QALH,CADF;AASD,CAxCD;;eA0CeD,gB","sourcesContent":["import React, { ReactNode, useCallback } from \"react\";\n\nfunction getEntries(query: string) {\n  const entries = Array.from(document.querySelectorAll(query));\n  const firstElement = entries[0];\n  const lastElement = entries[entries.length - 1];\n\n  return { entries, firstElement, lastElement };\n}\n\n/**\n * Helper method to find the next focusable sibling element relative to the\n * specified element.\n *\n * @param {string} query  - Argument that gets passed to document.querySelectorAll\n * @param {HTMLElement} element - Specified element (e.target)\n * @returns {HTMLElement} - element to be focused\n */\nexport function getNextSibling(\n  query: string,\n  element: EventTarget\n): HTMLElement {\n  const { entries, firstElement, lastElement } = getEntries(query);\n\n  if (element === lastElement) {\n    return firstElement as HTMLElement;\n  }\n  const elementIndex = entries.indexOf(element as HTMLElement);\n  return entries[elementIndex + 1] as HTMLElement;\n}\n\n/**\n * Helper method to find the previous focusable sibling element relative to the\n * specified element.\n *\n * @param {string} query  - Argument that gets passed to document.querySelectorAll\n * @param {HTMLElement} element - Specified element (e.target)\n * @returns {HTMLElement} - element to be focused\n */\nexport function getPreviousSibling(\n  query: string,\n  element: EventTarget\n): HTMLElement {\n  const { entries, firstElement, lastElement } = getEntries(query);\n\n  if (element === firstElement) {\n    return lastElement as HTMLElement;\n  }\n  const elementIndex = entries.indexOf(element as HTMLButtonElement);\n  return entries[elementIndex - 1] as HTMLElement;\n}\n\nconst FocusTrapWrapper = ({\n  children,\n  closePopup = null,\n  id\n}: {\n  children: ReactNode | ReactNode[];\n  closePopup?: (arg?: boolean) => void;\n  id: string;\n}): JSX.Element => {\n  const queryId = `#${id}-popup-focus-trap button`;\n  const handleKeyDown = useCallback(\n    e => {\n      const element = e.target as HTMLElement;\n      switch (e.key) {\n        case \"Escape\":\n          closePopup();\n          break;\n        case \"Tab\":\n          e.preventDefault();\n          if (e.shiftKey) {\n            getPreviousSibling(queryId, element)?.focus();\n          } else {\n            getNextSibling(queryId, element)?.focus();\n          }\n          break;\n        default:\n      }\n    },\n    [closePopup]\n  );\n\n  return (\n    <div\n      id={`${id}-popup-focus-trap`}\n      onKeyDown={handleKeyDown}\n      role=\"presentation\"\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default FocusTrapWrapper;\n"],"file":"FocusTrapWrapper.js"}

package/src/FocusTrapWrapper.tsx

@@ -1,95 +0,0 @@
-import React, { ReactNode, useCallback } from "react";
-
-function getEntries(query: string) {
-  const entries = Array.from(document.querySelectorAll(query));
-  const firstElement = entries[0];
-  const lastElement = entries[entries.length - 1];
-
-  return { entries, firstElement, lastElement };
-}
-
-/**
- * Helper method to find the next focusable sibling element relative to the
- * specified element.
- *
- * @param {string} query  - Argument that gets passed to document.querySelectorAll
- * @param {HTMLElement} element - Specified element (e.target)
- * @returns {HTMLElement} - element to be focused
- */
-export function getNextSibling(
-  query: string,
-  element: EventTarget
-): HTMLElement {
-  const { entries, firstElement, lastElement } = getEntries(query);
-
-  if (element === lastElement) {
-    return firstElement as HTMLElement;
-  }
-  const elementIndex = entries.indexOf(element as HTMLElement);
-  return entries[elementIndex + 1] as HTMLElement;
-}
-
-/**
- * Helper method to find the previous focusable sibling element relative to the
- * specified element.
- *
- * @param {string} query  - Argument that gets passed to document.querySelectorAll
- * @param {HTMLElement} element - Specified element (e.target)
- * @returns {HTMLElement} - element to be focused
- */
-export function getPreviousSibling(
-  query: string,
-  element: EventTarget
-): HTMLElement {
-  const { entries, firstElement, lastElement } = getEntries(query);
-
-  if (element === firstElement) {
-    return lastElement as HTMLElement;
-  }
-  const elementIndex = entries.indexOf(element as HTMLButtonElement);
-  return entries[elementIndex - 1] as HTMLElement;
-}
-
-const FocusTrapWrapper = ({
-  children,
-  closePopup = null,
-  id
-}: {
-  children: ReactNode | ReactNode[];
-  closePopup?: (arg?: boolean) => void;
-  id: string;
-}): JSX.Element => {
-  const queryId = `#${id}-popup-focus-trap button`;
-  const handleKeyDown = useCallback(
-    e => {
-      const element = e.target as HTMLElement;
-      switch (e.key) {
-        case "Escape":
-          closePopup();
-          break;
-        case "Tab":
-          e.preventDefault();
-          if (e.shiftKey) {
-            getPreviousSibling(queryId, element)?.focus();
-          } else {
-            getNextSibling(queryId, element)?.focus();
-          }
-          break;
-        default:
-      }
-    },
-    [closePopup]
-  );
-
-  return (
-    <div
-      id={`${id}-popup-focus-trap`}
-      onKeyDown={handleKeyDown}
-      role="presentation"
-    >
-      {children}
-    </div>
-  );
-};
-
-export default FocusTrapWrapper;