@amboss/design-system 1.21.3 → 1.23.1

package/build/esm/src/shared/useAutoPosition.js

@@ -1,41 +0,0 @@
-import { useState, useLayoutEffect } from 'react';
-import { useWindow } from './useWindow.js';
-import { useDocument } from './useDocument.js';
-
-const useAutoPosition = (anchorRef, contentRef, isActive) => {
-  const [verticalPosition, setVerticalPosition] = useState("down");
-  const [horizontalPosition, setHorizontalPosition] = useState("left");
-  const document = useDocument();
-  const window = useWindow();
-  useLayoutEffect(() => {
-    if (!contentRef) return;
-    if (isActive) {
-      const maxHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
-      const rect = contentRef.current.getBoundingClientRect();
-      const anchorHeight = anchorRef.current.getBoundingClientRect().height;
-      const anchorX = anchorRef.current.getBoundingClientRect().x;
-      const screenWidth = window.innerWidth;
-      const isUp = rect.top + rect.height > maxHeight;
-      const isDown = rect.top - anchorHeight < rect.height;
-      const isLeft = anchorX > screenWidth / 2;
-      const isRight = anchorX < screenWidth / 2;
-      if (isUp) {
-        setVerticalPosition("up");
-      } else if (isDown) {
-        setVerticalPosition("down");
-      }
-      if (isLeft) {
-        setHorizontalPosition("left");
-      } else if (isRight) {
-        setHorizontalPosition("right");
-      }
-    } else {
-      setVerticalPosition("down");
-      setHorizontalPosition("left");
-    }
-  }, [anchorRef, contentRef, document.documentElement.clientHeight, isActive, window.innerHeight, window.innerWidth]);
-  return [verticalPosition, horizontalPosition];
-};
-
-export { useAutoPosition };
-//# sourceMappingURL=useAutoPosition.js.map

package/build/esm/src/shared/useAutoPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoPosition.js","sources":["../../../../src/shared/useAutoPosition.ts"],"sourcesContent":["import { useState, useLayoutEffect, RefObject } from \"react\";\n\nimport { useWindow } from \"./useWindow\";\nimport { useDocument } from \"./useDocument\";\n\nexport type VerticalPosition = \"up\" | \"down\";\nexport type HorizontalPosition = \"left\" | \"right\";\nexport type Position = [VerticalPosition, HorizontalPosition];\n\nexport const useAutoPosition = (\n  anchorRef: RefObject<HTMLElement>,\n  contentRef: RefObject<HTMLElement>,\n  isActive: boolean\n): Position => {\n  const [verticalPosition, setVerticalPosition] = useState(\n    \"down\" as VerticalPosition\n  );\n  const [horizontalPosition, setHorizontalPosition] = useState(\n    \"left\" as HorizontalPosition\n  );\n  const document = useDocument();\n  const window = useWindow();\n\n  useLayoutEffect(() => {\n    if (!contentRef) return;\n\n    if (isActive) {\n      const maxHeight = Math.max(\n        document.documentElement.clientHeight || 0,\n        window.innerHeight || 0\n      );\n\n      const rect: DOMRect = contentRef.current.getBoundingClientRect();\n      const anchorHeight = anchorRef.current.getBoundingClientRect().height;\n      const anchorX = anchorRef.current.getBoundingClientRect().x;\n      const screenWidth = window.innerWidth;\n\n      const isUp = rect.top + rect.height > maxHeight;\n      const isDown = rect.top - anchorHeight < rect.height;\n      const isLeft = anchorX > screenWidth / 2;\n      const isRight = anchorX < screenWidth / 2;\n\n      if (isUp) {\n        setVerticalPosition(\"up\");\n      } else if (isDown) {\n        setVerticalPosition(\"down\");\n      }\n\n      if (isLeft) {\n        setHorizontalPosition(\"left\");\n      } else if (isRight) {\n        setHorizontalPosition(\"right\");\n      }\n    } else {\n      setVerticalPosition(\"down\");\n      setHorizontalPosition(\"left\");\n    }\n  }, [\n    anchorRef,\n    contentRef,\n    document.documentElement.clientHeight,\n    isActive,\n    window.innerHeight,\n    window.innerWidth,\n  ]);\n\n  return [verticalPosition, horizontalPosition];\n};\n"],"names":["useAutoPosition","anchorRef","contentRef","isActive","verticalPosition","setVerticalPosition","useState","horizontalPosition","setHorizontalPosition","document","useDocument","window","useWindow","useLayoutEffect","maxHeight","Math","max","documentElement","clientHeight","innerHeight","rect","current","getBoundingClientRect","anchorHeight","height","anchorX","x","screenWidth","innerWidth","isUp","top","isDown","isLeft","isRight"],"mappings":";;;;AASO,MAAMA,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,UAAkC,EAClCC,QAAiB,KACJ;EACb,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,QAAQ,CACtD,MACF,CAAC,CAAA;EACD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGF,QAAQ,CAC1D,MACF,CAAC,CAAA;AACD,EAAA,MAAMG,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,MAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1BC,EAAAA,eAAe,CAAC,MAAM;IACpB,IAAI,CAACX,UAAU,EAAE,OAAA;AAEjB,IAAA,IAAIC,QAAQ,EAAE;AACZ,MAAA,MAAMW,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxBP,QAAQ,CAACQ,eAAe,CAACC,YAAY,IAAI,CAAC,EAC1CP,MAAM,CAACQ,WAAW,IAAI,CACxB,CAAC,CAAA;MAED,MAAMC,IAAa,GAAGlB,UAAU,CAACmB,OAAO,CAACC,qBAAqB,EAAE,CAAA;MAChE,MAAMC,YAAY,GAAGtB,SAAS,CAACoB,OAAO,CAACC,qBAAqB,EAAE,CAACE,MAAM,CAAA;MACrE,MAAMC,OAAO,GAAGxB,SAAS,CAACoB,OAAO,CAACC,qBAAqB,EAAE,CAACI,CAAC,CAAA;AAC3D,MAAA,MAAMC,WAAW,GAAGhB,MAAM,CAACiB,UAAU,CAAA;MAErC,MAAMC,IAAI,GAAGT,IAAI,CAACU,GAAG,GAAGV,IAAI,CAACI,MAAM,GAAGV,SAAS,CAAA;MAC/C,MAAMiB,MAAM,GAAGX,IAAI,CAACU,GAAG,GAAGP,YAAY,GAAGH,IAAI,CAACI,MAAM,CAAA;AACpD,MAAA,MAAMQ,MAAM,GAAGP,OAAO,GAAGE,WAAW,GAAG,CAAC,CAAA;AACxC,MAAA,MAAMM,OAAO,GAAGR,OAAO,GAAGE,WAAW,GAAG,CAAC,CAAA;AAEzC,MAAA,IAAIE,IAAI,EAAE;QACRxB,mBAAmB,CAAC,IAAI,CAAC,CAAA;OAC1B,MAAM,IAAI0B,MAAM,EAAE;QACjB1B,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAC7B,OAAA;AAEA,MAAA,IAAI2B,MAAM,EAAE;QACVxB,qBAAqB,CAAC,MAAM,CAAC,CAAA;OAC9B,MAAM,IAAIyB,OAAO,EAAE;QAClBzB,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAChC,OAAA;AACF,KAAC,MAAM;MACLH,mBAAmB,CAAC,MAAM,CAAC,CAAA;MAC3BG,qBAAqB,CAAC,MAAM,CAAC,CAAA;AAC/B,KAAA;GACD,EAAE,CACDP,SAAS,EACTC,UAAU,EACVO,QAAQ,CAACQ,eAAe,CAACC,YAAY,EACrCf,QAAQ,EACRQ,MAAM,CAACQ,WAAW,EAClBR,MAAM,CAACiB,UAAU,CAClB,CAAC,CAAA;AAEF,EAAA,OAAO,CAACxB,gBAAgB,EAAEG,kBAAkB,CAAC,CAAA;AAC/C;;;;"}

package/build/esm/src/shared/useDocument.js

@@ -1,6 +0,0 @@
-function useDocument() {
-  return document;
-}
-
-export { useDocument };
-//# sourceMappingURL=useDocument.js.map

package/build/esm/src/shared/useDocument.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDocument.js","sources":["../../../../src/shared/useDocument.ts"],"sourcesContent":["export function useDocument(): Document {\n  return document;\n}\n"],"names":["useDocument","document"],"mappings":"AAAO,SAASA,WAAWA,GAAa;AACtC,EAAA,OAAOC,QAAQ,CAAA;AACjB;;;;"}

package/build/esm/src/shared/useDragDown.js

@@ -1,83 +0,0 @@
-import { useEffect } from 'react';
-
-/**
- * Handle Drag down gesture for mobile web
- */
-function useDragDown(_ref) {
-  let {
-    ref,
-    isVisible = false,
-    onDragStart,
-    onDrag,
-    onDragEnd,
-    onDragCancel
-  } = _ref;
-  useEffect(() => {
-    let touchStartY = 0;
-    let touchMoveY = 0;
-    let touchEndY = 0;
-    let dragCancelled = false;
-    let elm;
-    const cancelDrag = () => {
-      dragCancelled = true;
-      touchStartY = 0;
-      touchMoveY = 0;
-      touchEndY = 0;
-      onDragCancel();
-    };
-    const handleTouchStart = evt => {
-      evt.stopPropagation();
-      touchStartY = evt.changedTouches[0].screenY;
-      touchMoveY = touchStartY;
-      onDragStart(touchStartY);
-      dragCancelled = false;
-    };
-    const handleTouchEnd = evt => {
-      evt.stopPropagation();
-      if (!dragCancelled) {
-        touchEndY = evt.changedTouches[0].screenY;
-        if (touchEndY >= touchMoveY) {
-          onDragEnd(touchEndY, touchEndY - touchStartY);
-        } else {
-          // drag ended in a different direction
-          cancelDrag();
-        }
-      }
-    };
-    const handleTouchMove = evt => {
-      evt.stopPropagation();
-      if (!dragCancelled) {
-        const prevTouchMoveY = touchMoveY;
-        touchMoveY = evt.changedTouches[0].screenY;
-        if (touchMoveY > prevTouchMoveY) {
-          onDrag(touchMoveY, touchMoveY - touchStartY);
-        } else {
-          // drag ended in a different direction
-          cancelDrag();
-        }
-      }
-    };
-    if (isVisible && ref.current) {
-      elm = ref.current;
-      elm.addEventListener("touchstart", handleTouchStart, {
-        passive: true
-      });
-      elm.addEventListener("touchend", handleTouchEnd, {
-        passive: true
-      });
-      elm.addEventListener("touchmove", handleTouchMove, {
-        passive: true
-      });
-    }
-    return () => {
-      if (elm) {
-        elm.removeEventListener("touchstart", handleTouchStart);
-        elm.removeEventListener("touchend", handleTouchEnd);
-        elm.removeEventListener("touchmove", handleTouchMove);
-      }
-    };
-  }, [ref, isVisible, onDragStart, onDragCancel, onDragEnd, onDrag]);
-}
-
-export { useDragDown };
-//# sourceMappingURL=useDragDown.js.map

package/build/esm/src/shared/useDragDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDragDown.js","sources":["../../../../src/shared/useDragDown.ts"],"sourcesContent":["import { RefObject, useEffect } from \"react\";\n\nexport type UseDragDownOptions = {\n  /* Ref of the element you want to implement drag on */\n  ref: RefObject<any>;\n  /* Condition to start listening on touch events */\n  isVisible?: boolean;\n  /* Called on touch start */\n  onDragStart: (touchStartY: number) => void;\n  /* Called on touch move, only when move happens vertically downwards, otherwise drag is cancelled */\n  onDrag: (touchMoveY: number, offsetFromStart: number) => void;\n  /* Called on touch end, only when touch ends vertically downwards, otherwise drag is cancelled */\n  onDragEnd: (touchEndY: number, offsetFromStart: number) => void;\n  /* Called on touch cancel and on drag cancel */\n  onDragCancel: () => void;\n};\n\n/**\n * Handle Drag down gesture for mobile web\n */\nexport function useDragDown({\n  ref,\n  isVisible = false,\n  onDragStart,\n  onDrag,\n  onDragEnd,\n  onDragCancel,\n}: UseDragDownOptions): void {\n  useEffect(() => {\n    let touchStartY = 0;\n    let touchMoveY = 0;\n    let touchEndY = 0;\n    let dragCancelled = false;\n    let elm: HTMLElement;\n\n    const cancelDrag = () => {\n      dragCancelled = true;\n      touchStartY = 0;\n      touchMoveY = 0;\n      touchEndY = 0;\n      onDragCancel();\n    };\n\n    const handleTouchStart = (evt: TouchEvent) => {\n      evt.stopPropagation();\n      touchStartY = evt.changedTouches[0].screenY;\n      touchMoveY = touchStartY;\n      onDragStart(touchStartY);\n      dragCancelled = false;\n    };\n\n    const handleTouchEnd = (evt: TouchEvent) => {\n      evt.stopPropagation();\n      if (!dragCancelled) {\n        touchEndY = evt.changedTouches[0].screenY;\n\n        if (touchEndY >= touchMoveY) {\n          onDragEnd(touchEndY, touchEndY - touchStartY);\n        } else {\n          // drag ended in a different direction\n          cancelDrag();\n        }\n      }\n    };\n\n    const handleTouchMove = (evt: TouchEvent) => {\n      evt.stopPropagation();\n      if (!dragCancelled) {\n        const prevTouchMoveY = touchMoveY;\n\n        touchMoveY = evt.changedTouches[0].screenY;\n        if (touchMoveY > prevTouchMoveY) {\n          onDrag(touchMoveY, touchMoveY - touchStartY);\n        } else {\n          // drag ended in a different direction\n          cancelDrag();\n        }\n      }\n    };\n\n    if (isVisible && ref.current) {\n      elm = ref.current;\n      elm.addEventListener(\"touchstart\", handleTouchStart, { passive: true });\n      elm.addEventListener(\"touchend\", handleTouchEnd, { passive: true });\n      elm.addEventListener(\"touchmove\", handleTouchMove, { passive: true });\n    }\n\n    return () => {\n      if (elm) {\n        elm.removeEventListener(\"touchstart\", handleTouchStart);\n        elm.removeEventListener(\"touchend\", handleTouchEnd);\n        elm.removeEventListener(\"touchmove\", handleTouchMove);\n      }\n    };\n  }, [ref, isVisible, onDragStart, onDragCancel, onDragEnd, onDrag]);\n}\n"],"names":["useDragDown","_ref","ref","isVisible","onDragStart","onDrag","onDragEnd","onDragCancel","useEffect","touchStartY","touchMoveY","touchEndY","dragCancelled","elm","cancelDrag","handleTouchStart","evt","stopPropagation","changedTouches","screenY","handleTouchEnd","handleTouchMove","prevTouchMoveY","current","addEventListener","passive","removeEventListener"],"mappings":"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"}

package/build/esm/src/shared/useHover.js

@@ -1,25 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function useHover(ref) {
-  const [hovered, setHovered] = useState(false);
-  const handleMouseOver = () => setHovered(true);
-  const handleMouseOut = () => setHovered(false);
-  useEffect(() => {
-    if (!ref) return undefined;
-    const node = ref.current;
-    if (node) {
-      node.addEventListener("mouseover", handleMouseOver);
-      node.addEventListener("mouseout", handleMouseOut);
-      return () => {
-        node.removeEventListener("mouseover", handleMouseOver);
-        node.removeEventListener("mouseout", handleMouseOut);
-      };
-    }
-    return undefined;
-  }, [ref]);
-  if (!ref) return null;
-  return hovered;
-}
-
-export { useHover };
-//# sourceMappingURL=useHover.js.map

package/build/esm/src/shared/useHover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHover.js","sources":["../../../../src/shared/useHover.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nexport function useHover(ref: React.MutableRefObject<any>): boolean {\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseOver = () => setHovered(true);\n  const handleMouseOut = () => setHovered(false);\n\n  useEffect(() => {\n    if (!ref) return undefined;\n    const node = ref.current;\n    if (node) {\n      node.addEventListener(\"mouseover\", handleMouseOver);\n      node.addEventListener(\"mouseout\", handleMouseOut);\n\n      return () => {\n        node.removeEventListener(\"mouseover\", handleMouseOver);\n        node.removeEventListener(\"mouseout\", handleMouseOut);\n      };\n    }\n    return undefined;\n  }, [ref]);\n\n  if (!ref) return null;\n  return hovered;\n}\n"],"names":["useHover","ref","hovered","setHovered","useState","handleMouseOver","handleMouseOut","useEffect","undefined","node","current","addEventListener","removeEventListener"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,GAAgC,EAAW;EAClE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE7C,EAAA,MAAMC,eAAe,GAAGA,MAAMF,UAAU,CAAC,IAAI,CAAC,CAAA;AAC9C,EAAA,MAAMG,cAAc,GAAGA,MAAMH,UAAU,CAAC,KAAK,CAAC,CAAA;AAE9CI,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACN,GAAG,EAAE,OAAOO,SAAS,CAAA;AAC1B,IAAA,MAAMC,IAAI,GAAGR,GAAG,CAACS,OAAO,CAAA;AACxB,IAAA,IAAID,IAAI,EAAE;AACRA,MAAAA,IAAI,CAACE,gBAAgB,CAAC,WAAW,EAAEN,eAAe,CAAC,CAAA;AACnDI,MAAAA,IAAI,CAACE,gBAAgB,CAAC,UAAU,EAAEL,cAAc,CAAC,CAAA;AAEjD,MAAA,OAAO,MAAM;AACXG,QAAAA,IAAI,CAACG,mBAAmB,CAAC,WAAW,EAAEP,eAAe,CAAC,CAAA;AACtDI,QAAAA,IAAI,CAACG,mBAAmB,CAAC,UAAU,EAAEN,cAAc,CAAC,CAAA;OACrD,CAAA;AACH,KAAA;AACA,IAAA,OAAOE,SAAS,CAAA;AAClB,GAAC,EAAE,CAACP,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,IAAI,CAACA,GAAG,EAAE,OAAO,IAAI,CAAA;AACrB,EAAA,OAAOC,OAAO,CAAA;AAChB;;;;"}

package/build/esm/src/shared/useKeyboard.js

@@ -1,42 +0,0 @@
-import { useEffect } from 'react';
-import { useDocument } from './useDocument.js';
-
-/**
- * useKeyboard handles activation of keyboard hotkeys on a given element.
- * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.
- * @param {RefObject} ref - The element which the keyboard config has to apply on.
- * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.
- *
- * Example:
- * useKeyboard({
- *  Escape: closeMenu,
- *  ArrowUp: () => { doSomething() },
- *  KeyB: () => { console.log("bagi") },
- * }, menuRef, menuOpen)
- *
- * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
- */
-
-function useKeyboard(config, ref, isActive) {
-  const document = useDocument();
-  const handleKeyboard = event => {
-    if (!isActive) return;
-    if (document.activeElement !== ref.current && !ref.current.contains(document.activeElement)) return;
-    const targetConfigKey = Object.keys(config).find(targetKeys => targetKeys.split(" ").includes(event.code));
-    if (!targetConfigKey) return;
-    event.preventDefault();
-    const res = config[targetConfigKey](event);
-    if (res === false) {
-      event.stopPropagation();
-    }
-  };
-  useEffect(() => {
-    document.addEventListener("keydown", handleKeyboard);
-    return () => {
-      document.removeEventListener("keydown", handleKeyboard);
-    };
-  });
-}
-
-export { useKeyboard };
-//# sourceMappingURL=useKeyboard.js.map

package/build/esm/src/shared/useKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboard.js","sources":["../../../../src/shared/useKeyboard.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\nimport { useDocument } from \"./useDocument\";\n\n/**\n * useKeyboard handles activation of keyboard hotkeys on a given element.\n * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.\n * @param {RefObject} ref - The element which the keyboard config has to apply on.\n * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.\n *\n * Example:\n * useKeyboard({\n *  Escape: closeMenu,\n *  ArrowUp: () => { doSomething() },\n *  KeyB: () => { console.log(\"bagi\") },\n * }, menuRef, menuOpen)\n *\n * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.\n */\n\nexport function useKeyboard(\n  config: Record<string, (e: KeyboardEvent) => void | boolean>,\n  ref: RefObject<any>,\n  isActive: boolean\n): void {\n  const document = useDocument();\n  const handleKeyboard = (event: KeyboardEvent) => {\n    if (!isActive) return;\n\n    if (\n      document.activeElement !== ref.current &&\n      !ref.current.contains(document.activeElement)\n    )\n      return;\n\n    const targetConfigKey = Object.keys(config).find((targetKeys: string) =>\n      targetKeys.split(\" \").includes(event.code)\n    );\n    if (!targetConfigKey) return;\n\n    event.preventDefault();\n    const res = config[targetConfigKey](event);\n    if (res === false) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"keydown\", handleKeyboard);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyboard);\n    };\n  });\n}\n"],"names":["useKeyboard","config","ref","isActive","document","useDocument","handleKeyboard","event","activeElement","current","contains","targetConfigKey","Object","keys","find","targetKeys","split","includes","code","preventDefault","res","stopPropagation","useEffect","addEventListener","removeEventListener"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASA,WAAWA,CACzBC,MAA4D,EAC5DC,GAAmB,EACnBC,QAAiB,EACX;AACN,EAAA,MAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAC9B,MAAMC,cAAc,GAAIC,KAAoB,IAAK;IAC/C,IAAI,CAACJ,QAAQ,EAAE,OAAA;AAEf,IAAA,IACEC,QAAQ,CAACI,aAAa,KAAKN,GAAG,CAACO,OAAO,IACtC,CAACP,GAAG,CAACO,OAAO,CAACC,QAAQ,CAACN,QAAQ,CAACI,aAAa,CAAC,EAE7C,OAAA;IAEF,MAAMG,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACZ,MAAM,CAAC,CAACa,IAAI,CAAEC,UAAkB,IAClEA,UAAU,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAACV,KAAK,CAACW,IAAI,CAC3C,CAAC,CAAA;IACD,IAAI,CAACP,eAAe,EAAE,OAAA;IAEtBJ,KAAK,CAACY,cAAc,EAAE,CAAA;IACtB,MAAMC,GAAG,GAAGnB,MAAM,CAACU,eAAe,CAAC,CAACJ,KAAK,CAAC,CAAA;IAC1C,IAAIa,GAAG,KAAK,KAAK,EAAE;MACjBb,KAAK,CAACc,eAAe,EAAE,CAAA;AACzB,KAAA;GACD,CAAA;AAEDC,EAAAA,SAAS,CAAC,MAAM;AACdlB,IAAAA,QAAQ,CAACmB,gBAAgB,CAAC,SAAS,EAAEjB,cAAc,CAAC,CAAA;AAEpD,IAAA,OAAO,MAAM;AACXF,MAAAA,QAAQ,CAACoB,mBAAmB,CAAC,SAAS,EAAElB,cAAc,CAAC,CAAA;KACxD,CAAA;AACH,GAAC,CAAC,CAAA;AACJ;;;;"}

package/build/esm/src/shared/useOnEscapePress.js

@@ -1,51 +0,0 @@
-import { useCallback, useMemo, useEffect } from 'react';
-import { useDocument } from './useDocument.js';
-
-const registry = {};
-const handleEscape = event => {
-  if (!event.defaultPrevented) {
-    const handlers = Object.values(registry).reverse();
-    for (let i = 0; i < handlers.length; i += 1) {
-      const handler = handlers[i];
-      handler(event);
-      if (event.defaultPrevented) break;
-    }
-  }
-};
-const register = (id, handler) => {
-  registry[id] = handler;
-};
-const deregister = id => {
-  delete registry[id];
-};
-
-// For auto-incrementing unique identifiers for registered different handlers.
-let handlerId = 0;
-const useOnEscapePress = function (onEscape) {
-  let callbackDependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [onEscape];
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const escapeCallback = useCallback(onEscape, callbackDependencies);
-  const document = useDocument();
-  const handler = useCallback(event => {
-    if (event.key === "Escape") escapeCallback(event);
-  }, [escapeCallback]);
-  const id = useMemo(() => {
-    handlerId += 1;
-    return handlerId;
-  }, []);
-  useEffect(() => {
-    if (Object.keys(registry).length === 0) {
-      document.addEventListener("keydown", handleEscape);
-    }
-    register(id, handler);
-    return () => {
-      deregister(id);
-      if (Object.keys(registry).length === 0) {
-        document.removeEventListener("keydown", handleEscape);
-      }
-    };
-  }, [id, handler, document]);
-};
-
-export { useOnEscapePress };
-//# sourceMappingURL=useOnEscapePress.js.map

package/build/esm/src/shared/useOnEscapePress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOnEscapePress.js","sources":["../../../../src/shared/useOnEscapePress.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from \"react\";\nimport { useDocument } from \"./useDocument\";\n\ntype KeyboardEventCallback = (event: KeyboardEvent) => void;\n\nconst registry: { [id: number]: KeyboardEventCallback } = {};\n\nconst handleEscape = (event: KeyboardEvent) => {\n  if (!event.defaultPrevented) {\n    const handlers = Object.values(registry).reverse();\n\n    for (let i = 0; i < handlers.length; i += 1) {\n      const handler = handlers[i];\n\n      handler(event);\n\n      if (event.defaultPrevented) break;\n    }\n  }\n};\n\nconst register = (id: number, handler: KeyboardEventCallback): void => {\n  registry[id] = handler;\n};\n\nconst deregister = (id: number) => {\n  delete registry[id];\n};\n\n// For auto-incrementing unique identifiers for registered different handlers.\nlet handlerId = 0;\n\nexport const useOnEscapePress = (\n  onEscape: (e: KeyboardEvent) => void,\n  callbackDependencies: React.DependencyList = [onEscape]\n): void => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const escapeCallback = useCallback(onEscape, callbackDependencies);\n  const document = useDocument();\n\n  const handler = useCallback<KeyboardEventCallback>(\n    (event) => {\n      if (event.key === \"Escape\") escapeCallback(event);\n    },\n    [escapeCallback]\n  );\n\n  const id = useMemo(() => {\n    handlerId += 1;\n    return handlerId;\n  }, []);\n\n  useEffect(() => {\n    if (Object.keys(registry).length === 0) {\n      document.addEventListener(\"keydown\", handleEscape);\n    }\n    register(id, handler);\n\n    return () => {\n      deregister(id);\n      if (Object.keys(registry).length === 0) {\n        document.removeEventListener(\"keydown\", handleEscape);\n      }\n    };\n  }, [id, handler, document]);\n};\n"],"names":["registry","handleEscape","event","defaultPrevented","handlers","Object","values","reverse","i","length","handler","register","id","deregister","handlerId","useOnEscapePress","onEscape","callbackDependencies","arguments","undefined","escapeCallback","useCallback","document","useDocument","key","useMemo","useEffect","keys","addEventListener","removeEventListener"],"mappings":";;;AAKA,MAAMA,QAAiD,GAAG,EAAE,CAAA;AAE5D,MAAMC,YAAY,GAAIC,KAAoB,IAAK;AAC7C,EAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,EAAE;IAC3B,MAAMC,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAACN,QAAQ,CAAC,CAACO,OAAO,EAAE,CAAA;AAElD,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,QAAQ,CAACK,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;AAC3C,MAAA,MAAME,OAAO,GAAGN,QAAQ,CAACI,CAAC,CAAC,CAAA;MAE3BE,OAAO,CAACR,KAAK,CAAC,CAAA;MAEd,IAAIA,KAAK,CAACC,gBAAgB,EAAE,MAAA;AAC9B,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AAED,MAAMQ,QAAQ,GAAGA,CAACC,EAAU,EAAEF,OAA8B,KAAW;AACrEV,EAAAA,QAAQ,CAACY,EAAE,CAAC,GAAGF,OAAO,CAAA;AACxB,CAAC,CAAA;AAED,MAAMG,UAAU,GAAID,EAAU,IAAK;EACjC,OAAOZ,QAAQ,CAACY,EAAE,CAAC,CAAA;AACrB,CAAC,CAAA;;AAED;AACA,IAAIE,SAAS,GAAG,CAAC,CAAA;MAEJC,gBAAgB,GAAG,UAC9BC,QAAoC,EAE3B;AAAA,EAAA,IADTC,oBAA0C,GAAAC,SAAA,CAAAT,MAAA,GAAAS,CAAAA,IAAAA,SAAA,CAAAC,CAAAA,CAAAA,KAAAA,SAAA,GAAAD,SAAA,CAAG,CAAA,CAAA,GAAA,CAACF,QAAQ,CAAC,CAAA;AAEvD;AACA,EAAA,MAAMI,cAAc,GAAGC,WAAW,CAACL,QAAQ,EAAEC,oBAAoB,CAAC,CAAA;AAClE,EAAA,MAAMK,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,EAAA,MAAMb,OAAO,GAAGW,WAAW,CACxBnB,KAAK,IAAK;IACT,IAAIA,KAAK,CAACsB,GAAG,KAAK,QAAQ,EAAEJ,cAAc,CAAClB,KAAK,CAAC,CAAA;AACnD,GAAC,EACD,CAACkB,cAAc,CACjB,CAAC,CAAA;AAED,EAAA,MAAMR,EAAE,GAAGa,OAAO,CAAC,MAAM;AACvBX,IAAAA,SAAS,IAAI,CAAC,CAAA;AACd,IAAA,OAAOA,SAAS,CAAA;GACjB,EAAE,EAAE,CAAC,CAAA;AAENY,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIrB,MAAM,CAACsB,IAAI,CAAC3B,QAAQ,CAAC,CAACS,MAAM,KAAK,CAAC,EAAE;AACtCa,MAAAA,QAAQ,CAACM,gBAAgB,CAAC,SAAS,EAAE3B,YAAY,CAAC,CAAA;AACpD,KAAA;AACAU,IAAAA,QAAQ,CAACC,EAAE,EAAEF,OAAO,CAAC,CAAA;AAErB,IAAA,OAAO,MAAM;MACXG,UAAU,CAACD,EAAE,CAAC,CAAA;MACd,IAAIP,MAAM,CAACsB,IAAI,CAAC3B,QAAQ,CAAC,CAACS,MAAM,KAAK,CAAC,EAAE;AACtCa,QAAAA,QAAQ,CAACO,mBAAmB,CAAC,SAAS,EAAE5B,YAAY,CAAC,CAAA;AACvD,OAAA;KACD,CAAA;GACF,EAAE,CAACW,EAAE,EAAEF,OAAO,EAAEY,QAAQ,CAAC,CAAC,CAAA;AAC7B;;;;"}

package/build/esm/src/shared/useOutsideClick.js

@@ -1,32 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { useWindow } from './useWindow.js';
-
-/**
- * useOutsideClick handles outside click of a given element.
- * @param {RefObject} ref - Reference to a DOM element.
- * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.
- * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.
- *
- * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)
- * Means that when a menu is opened, clicking outside of the menu will close the mneu.
- */
-
-const useOutsideClick = (ref, handler, isActive) => {
-  const window = useWindow();
-  const outsideClickEvent = useCallback(e => {
-    if (ref && ref.current && !ref.current.contains(e.target)) {
-      handler(e);
-    }
-  }, [handler, ref]);
-  useEffect(() => {
-    if (isActive) {
-      window.addEventListener("click", outsideClickEvent);
-    }
-    return () => {
-      window.removeEventListener("click", outsideClickEvent);
-    };
-  }, [isActive, window, outsideClickEvent]);
-};
-
-export { useOutsideClick };
-//# sourceMappingURL=useOutsideClick.js.map

package/build/esm/src/shared/useOutsideClick.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../../src/shared/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback, RefObject } from \"react\";\n\nimport { useWindow } from \"./useWindow\";\n\n/**\n * useOutsideClick handles outside click of a given element.\n * @param {RefObject} ref - Reference to a DOM element.\n * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.\n * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.\n *\n * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)\n * Means that when a menu is opened, clicking outside of the menu will close the mneu.\n */\n\nexport const useOutsideClick = (\n  ref: RefObject<any>,\n  handler: (e: Event) => void,\n  isActive: boolean\n): void => {\n  const window = useWindow();\n\n  const outsideClickEvent = useCallback(\n    (e: Event) => {\n      if (ref && ref.current && !ref.current.contains(e.target)) {\n        handler(e);\n      }\n    },\n    [handler, ref]\n  );\n\n  useEffect(() => {\n    if (isActive) {\n      window.addEventListener(\"click\", outsideClickEvent);\n    }\n\n    return () => {\n      window.removeEventListener(\"click\", outsideClickEvent);\n    };\n  }, [isActive, window, outsideClickEvent]);\n};\n"],"names":["useOutsideClick","ref","handler","isActive","window","useWindow","outsideClickEvent","useCallback","e","current","contains","target","useEffect","addEventListener","removeEventListener"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,eAAe,GAAGA,CAC7BC,GAAmB,EACnBC,OAA2B,EAC3BC,QAAiB,KACR;AACT,EAAA,MAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,MAAMC,iBAAiB,GAAGC,WAAW,CAClCC,CAAQ,IAAK;AACZ,IAAA,IAAIP,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACR,GAAG,CAACQ,OAAO,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAAC,EAAE;MACzDT,OAAO,CAACM,CAAC,CAAC,CAAA;AACZ,KAAA;AACF,GAAC,EACD,CAACN,OAAO,EAAED,GAAG,CACf,CAAC,CAAA;AAEDW,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIT,QAAQ,EAAE;AACZC,MAAAA,MAAM,CAACS,gBAAgB,CAAC,OAAO,EAAEP,iBAAiB,CAAC,CAAA;AACrD,KAAA;AAEA,IAAA,OAAO,MAAM;AACXF,MAAAA,MAAM,CAACU,mBAAmB,CAAC,OAAO,EAAER,iBAAiB,CAAC,CAAA;KACvD,CAAA;GACF,EAAE,CAACH,QAAQ,EAAEC,MAAM,EAAEE,iBAAiB,CAAC,CAAC,CAAA;AAC3C;;;;"}

package/build/esm/src/shared/useWindow.js

@@ -1,6 +0,0 @@
-function useWindow() {
-  return window;
-}
-
-export { useWindow };
-//# sourceMappingURL=useWindow.js.map

package/build/esm/src/shared/useWindow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWindow.js","sources":["../../../../src/shared/useWindow.ts"],"sourcesContent":["export function useWindow(): Window {\n  return window;\n}\n"],"names":["useWindow","window"],"mappings":"AAAO,SAASA,SAASA,GAAW;AAClC,EAAA,OAAOC,MAAM,CAAA;AACf;;;;"}