@elliemae/ds-popover 2.3.0-next.0 → 3.0.0-alpha.0

package/esm/usePopper.js

@@ -1,116 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import Popper from 'popper.js';
-import { useState, useRef, useEffect } from 'react';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function calculateOffset(_ref) {
-  let {
-    offset,
-    showArrow
-  } = _ref;
-  const arrowSize = 10;
-  const defaultPadding = 3;
-  return {
-    enabled: showArrow || offset,
-    offset: Array.isArray(offset) ? "".concat(offset[0], ", ").concat((offset[1] || offset[0]) + arrowSize + defaultPadding) : "0, ".concat(arrowSize + defaultPadding)
-  };
-}
-
-function usePopper(_ref2) {
-  let {
-    offset,
-    showArrow,
-    placement,
-    isOpen,
-    modifiers,
-    eventsEnabled = true,
-    positionFixed,
-    boundaries = 'scrollParent',
-    referenceEl: refEl
-  } = _ref2;
-  const [popperData, setPopperData] = useState({}); // this is util for deferred rendering like with portals
-
-  const [dynamicPopperNode, setPopperNode] = useState(null);
-  const referenceRef = useRef();
-  const popperRef = useRef();
-  const arrowRef = useRef();
-  const popper = useRef(); // initialize popper with refs and options
-
-  useEffect(() => {
-    const referenceEl = refEl || referenceRef.current;
-    const popperEl = dynamicPopperNode || popperRef.current;
-    const arrowEl = arrowRef.current;
-    popper.current = referenceEl && popperEl && new Popper(referenceEl, popperEl, {
-      placement,
-      isOpen,
-      eventsEnabled,
-      positionFixed,
-      modifiers: _objectSpread(_objectSpread({
-        preventOverflow: _objectSpread({
-          padding: 0,
-          boundariesElement: boundaries
-        }, modifiers.preventOverflow),
-        offset: calculateOffset({
-          offset,
-          showArrow
-        })
-      }, modifiers), {}, {
-        arrow: {
-          enabled: !!arrowEl,
-          element: arrowEl
-        },
-        applyStyle: {
-          enabled: false
-        },
-        updateStateModifier: {
-          order: 900,
-          enabled: true,
-          fn: data => {
-            setPopperData(data);
-            return data;
-          }
-        }
-      })
-    });
-    return () => {
-      if (popper.current) popper.current.destroy();
-    };
-  }, [refEl, dynamicPopperNode, placement, showArrow, offset, popperRef, eventsEnabled]); // update popper instance after initialization
-
-  useEffect(() => {
-    if (!popper.current) return;
-    popper.current.update();
-  }, [popper.current]);
-  const arrow = {
-    ref: arrowRef,
-    style: popperData.arrowStyles
-  };
-  const popperProps = {
-    style: popperData.styles,
-    ref: setPopperNode,
-    placement: popperData.placement,
-    'data-testid': 'popover-container'
-  };
-  const reference = {
-    ref: referenceRef
-  };
-  return {
-    popperInstance: popper.current,
-    popper: popperProps,
-    arrow,
-    reference,
-    // setPopperNode,
-    popperData
-  };
-}
-
-export { usePopper as default };