@axos-web-dev/shared-components 0.0.156 → 0.0.158

package/dist/utils/hooks/usePopover.js

@@ -1,64 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-import { usePopper } from "react-popper";
-import { POPOVER_WIDTH } from "../constants/popper.js";
-const usePopover = (props) => {
-  const { triggerRef } = props;
-  const position = "center";
-  const [popperElement, setPopperElement] = useState(null);
-  const [popoverPosition, setPopoverPosition] = useState(position);
-  const [referenceElement, setReferenceElement] = useState(null);
-  const { styles, attributes } = usePopper(referenceElement, popperElement, {
-    modifiers: [
-      {
-        name: "flip",
-        options: {
-          altBoundary: true
-        }
-      },
-      {
-        name: "offset",
-        options: {
-          offset: [0, 12]
-        }
-      },
-      {
-        name: "preventOverflow",
-        options: {
-          altBoundary: true,
-          padding: 12
-        }
-      }
-    ]
-  });
-  useEffect(() => {
-    if (triggerRef.current && !position) {
-      const { right, width } = triggerRef.current.getBoundingClientRect();
-      const bodyWidth = document.body.clientWidth;
-      const centerWidth = POPOVER_WIDTH / 2;
-      const triggerCenter = right - width / 2;
-      const rightSize = bodyWidth - triggerCenter;
-      const isRight = rightSize < centerWidth;
-      const isLeft = centerWidth > triggerCenter;
-      if (isRight) {
-        setPopoverPosition("right");
-      }
-      if (isLeft) {
-        setPopoverPosition("left");
-      }
-    }
-  }, []);
-  return {
-    attributes,
-    onPopperElement: setPopperElement,
-    onPopoverPosition: setPopoverPosition,
-    onReferenceElement: setReferenceElement,
-    popperElement,
-    popoverPosition,
-    referenceElement,
-    styles
-  };
-};
-export {
-  usePopover
-};