@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.10

package/dist/cjs/Pagination/Pagination.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = Pagination;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _Group = _interopRequireDefault(require("../Group"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _utils = require("../utils");
-
-var _utils2 = require("../system/utils");
-
-var _windowSize = require("@react-hook/window-size");
-
-var _system = require("../system");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function getVisiblePages(currentPage, totalPages, visiblePages) {
-  var start = Math.max(1, Math.min(totalPages - visiblePages + 1, Math.floor(currentPage - visiblePages / 2 + 1)));
-  var stop = Math.min(totalPages, start + visiblePages - 1);
-  var primaryWindow = (0, _utils.range)(start, stop + 1);
-  var showFirstPage = start > 1;
-  var showLastPage = stop < totalPages;
-
-  if (showFirstPage) {
-    primaryWindow.shift();
-    primaryWindow.shift();
-  }
-
-  if (showLastPage) {
-    primaryWindow.pop();
-    primaryWindow.pop();
-  }
-
-  var first = showFirstPage ? [1, '...'] : [];
-  var last = showLastPage ? ['...', totalPages] : [];
-  return first.concat(primaryWindow).concat(last);
-}
-
-var NavButton = function NavButton(_ref) {
-  var disabled = _ref.disabled,
-      iconName = _ref.iconName,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["disabled", "iconName"]);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    backgroundColor: disabled ? '#f7f7f7' : '#f2f2f2',
-    disabled: disabled,
-    icon: {
-      color: disabled ? '#cfcfcf' : undefined,
-      name: iconName,
-      size: 'xs'
-    },
-    opacity: 1,
-    shrink: 0,
-    square: true,
-    variant: "fill"
-  }, props));
-};
-
-function Pagination(_ref2) {
-  var currentPage = _ref2.currentPage,
-      _ref2$onPageChange = _ref2.onPageChange,
-      onPageChange = _ref2$onPageChange === void 0 ? function () {
-    return null;
-  } : _ref2$onPageChange,
-      visiblePages = _ref2.visiblePages,
-      _ref2$totalPages = _ref2.totalPages,
-      totalPages = _ref2$totalPages === void 0 ? 0 : _ref2$totalPages,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, ["currentPage", "onPageChange", "visiblePages", "totalPages"]);
-
-  var _useThemeValue = (0, _system.useThemeValue)('breakpoints'),
-      xsBreakpoint = _useThemeValue.xs;
-
-  var _useThemeProps = (0, _system.useThemeProps)('pagination', _objectSpread({}, restProps)),
-      _useThemeProps$active = _useThemeProps.activeColor,
-      activeColor = _useThemeProps$active === void 0 ? '#5b8bf7' : _useThemeProps$active,
-      navButtonProps = _useThemeProps.navButtonProps,
-      pageLinkProps = _useThemeProps.pageLinkProps,
-      activePageLinkProps = _useThemeProps.activePageLinkProps,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["activeColor", "navButtonProps", "pageLinkProps", "activePageLinkProps"]);
-
-  var currentWidth = (0, _windowSize.useWindowWidth)();
-
-  function renderGap(key) {
-    return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-      key: key,
-      userSelect: "none",
-      cursor: "default",
-      children: "\u2026"
-    });
-  }
-
-  function renderPageLink(number) {
-    var isCurrentPage = currentPage === number;
-    var activeBackgroundColor = (0, _utils2.parseColor)({
-      base: activeColor,
-      alpha: 0.1
-    });
-    var outlineStyle = {
-      border: "1px solid " + activeColor,
-      color: isCurrentPage ? '#fff' : activeColor
-    };
-    return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-      active: _objectSpread({
-        backgroundColor: isCurrentPage ? activeColor : activeBackgroundColor
-      }, outlineStyle),
-      key: number,
-      fontWeight: 500,
-      hover: _objectSpread({
-        backgroundColor: isCurrentPage ? activeColor : '#fff'
-      }, outlineStyle),
-      onClick: onPageChange.bind(null, number),
-      shrink: 0,
-      square: true,
-      title: number,
-      variant: isCurrentPage ? 'fill' : 'naked'
-    }, pageLinkProps, isCurrentPage && _objectSpread({
-      backgroundColor: activeColor,
-      color: '#fff'
-    }, activePageLinkProps)));
-  }
-
-  function renderPageLinks() {
-    var visiblePagesToShow = currentWidth <= xsBreakpoint ? visiblePages || 5 : visiblePages || 7;
-    var pages = getVisiblePages(currentPage, totalPages, visiblePagesToShow);
-    return pages.map(function (page, index) {
-      return page === '...' ? renderGap(page + index) : renderPageLink(page);
-    });
-  }
-
-  if (totalPages <= 1) {
-    return null;
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-      alignment: "center",
-      axis: "horizontal",
-      distribution: "center",
-      overflow: "auto",
-      paddingVertical: 1,
-      shrink: 0,
-      spacing: 0.5,
-      width: "100%"
-    }, themeProps), /*#__PURE__*/_react["default"].createElement(_Group["default"], {
-      spacing: 0.5
-    }, /*#__PURE__*/_react["default"].createElement(NavButton, (0, _extends2["default"])({
-      disabled: currentPage === 1,
-      iconName: "general.leftChevron",
-      onClick: onPageChange.bind(null, currentPage - 1),
-      tooltip: {
-        title: 'Previous Page'
-      }
-    }, navButtonProps)), /*#__PURE__*/_react["default"].createElement(NavButton, (0, _extends2["default"])({
-      disabled: currentPage === totalPages,
-      iconName: "general.rightChevron",
-      onClick: onPageChange.bind(null, currentPage + 1),
-      tooltip: {
-        title: 'Next Page'
-      }
-    }, navButtonProps))), renderPageLinks());
-  }
-}

package/dist/cjs/Pagination/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Pagination = _interopRequireDefault(require("./Pagination"));
-
-var _default = _Pagination["default"];
-exports["default"] = _default;

package/dist/cjs/Popover/Popover.js

@@ -1,226 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Popover = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _core = require("@popperjs/core");
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Portal = _interopRequireDefault(require("../Portal"));
-
-var _utils = require("../utils");
-
-var _rewireTabOrder = _interopRequireDefault(require("./rewireTabOrder"));
-
-var _utils2 = require("./utils");
-
-var _system = require("../system");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var Popover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var anchorElement = _ref.anchorElement,
-      _ref$as = _ref.as,
-      Element = _ref$as === void 0 ? _Box["default"] : _ref$as,
-      innerRef = _ref.innerRef,
-      _ref$keepInView = _ref.keepInView,
-      keepInView = _ref$keepInView === void 0 ? true : _ref$keepInView,
-      lockScrollWhileOpen = _ref.lockScrollWhileOpen,
-      matchWidths = _ref.matchWidths,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? 8 : _ref$offset,
-      open = _ref.open,
-      onKeyDown = _ref.onKeyDown,
-      onRequestClose = _ref.onRequestClose,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      relativeTo = _ref.relativeTo,
-      renderTo = _ref.renderTo,
-      _ref$shouldFlip = _ref.shouldFlip,
-      shouldFlip = _ref$shouldFlip === void 0 ? false : _ref$shouldFlip,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["anchorElement", "as", "innerRef", "keepInView", "lockScrollWhileOpen", "matchWidths", "offset", "open", "onKeyDown", "onRequestClose", "placement", "relativeTo", "renderTo", "shouldFlip"]);
-
-  var _useThemeProps = (0, _system.useThemeProps)('popover', restProps),
-      _useThemeProps$zIndex = _useThemeProps.zIndex,
-      zIndex = _useThemeProps$zIndex === void 0 ? 10000 : _useThemeProps$zIndex,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["zIndex"]);
-
-  var anchorRef = React.useRef(null);
-  var popperRef = React.useRef(null);
-  var unlockScroll = React.useRef(null);
-  var unwireTabOrder = React.useRef(null);
-
-  var _React$useState = React.useState(renderTo),
-      renderPopperTo = _React$useState[0],
-      setRenderPopperTo = _React$useState[1];
-
-  var setPopperInnerRef = function setPopperInnerRef(popperNode) {
-    if (popperNode) {
-      if (popperRef.current === null) {
-        var anchorNode = relativeTo ? relativeTo.current || relativeTo : anchorRef.current;
-        popperRef.current = (0, _core.createPopper)(anchorNode, popperNode, {
-          placement: placement,
-          // PopperJS is written in Flow and TS isn't playing nice :(
-          // @ts-ignore
-          modifiers: (0, _utils2.getModifiers)({
-            matchWidths: matchWidths,
-            offset: offset,
-            keepInView: keepInView,
-            shouldFlip: shouldFlip
-          })
-        });
-
-        if (unwireTabOrder.current) {
-          unwireTabOrder.current();
-        }
-
-        unwireTabOrder.current = (0, _rewireTabOrder["default"])(popperNode);
-
-        if (lockScrollWhileOpen) {
-          if (unlockScroll.current) {
-            unlockScroll.current();
-          }
-
-          unlockScroll.current = (0, _utils.lockScroll)(popperNode);
-        }
-      }
-    } else {
-      cleanup();
-    }
-
-    if (typeof innerRef === 'function') {
-      innerRef(popperNode);
-    } else if (innerRef != null && innerRef.current) {
-      innerRef.current = popperNode;
-    }
-  };
-
-  var cleanup = function cleanup() {
-    if (popperRef.current) {
-      popperRef.current.destroy();
-      popperRef.current = null;
-    }
-
-    if (unwireTabOrder.current) {
-      unwireTabOrder.current();
-      unwireTabOrder.current = null;
-    }
-
-    if (unlockScroll.current) {
-      unlockScroll.current();
-      unlockScroll.current = null;
-    }
-  };
-
-  var requestClose = function requestClose(event) {
-    if (event.key === 'Escape' && onRequestClose) {
-      if (open) {
-        event.nativeEvent.stopImmediatePropagation();
-      }
-
-      onRequestClose();
-    }
-
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  }; // cleanup when open has changed to `false` and on component unmount
-
-
-  React.useEffect(function () {
-    return function () {
-      if (open === false) {
-        cleanup();
-      }
-    };
-  }, [open]); // reposition the popover if an update in React occured while open
-  // for instance this can happen when selecting multiple items in a menu and the anchor grows/shrinks
-
-  React.useEffect(function () {
-    if (open && popperRef.current) {
-      popperRef.current.update();
-    }
-  }); // by default this will make sure popovers render in the same fixed area as the anchor
-
-  React.useEffect(function () {
-    if (renderPopperTo === undefined && anchorElement) {
-      setRenderPopperTo((0, _utils2.getFixedParent)(anchorElement));
-    }
-  }, [anchorElement]); // carried over from previous implementation, used exclusively in Dropdown
-
-  React.useImperativeHandle(ref, function () {
-    return {
-      focusAnchor: function focusAnchor() {
-        if (anchorRef.current && anchorRef.current.focus) {
-          anchorRef.current.focus();
-        }
-      }
-    };
-  });
-  return /*#__PURE__*/React.createElement(_Portal["default"], {
-    renderTo: renderPopperTo
-  }, typeof anchorElement === 'function' ? anchorElement({
-    innerRef: function innerRef(node) {
-      return anchorRef.current = node;
-    },
-    onKeyDown: requestClose
-  }) : /*#__PURE__*/React.cloneElement(anchorElement, {
-    innerRef: function innerRef(node) {
-      var _anchorElement$props$;
-
-      anchorRef.current = node;
-
-      if (typeof anchorElement.props.innerRef === 'function') {
-        anchorElement.props.innerRef(node);
-      } else if ((_anchorElement$props$ = anchorElement.props.innerRef) != null && _anchorElement$props$.current) {
-        anchorElement.props.innerRef.current = node;
-      }
-    },
-    onKeyDown: function onKeyDown(event) {
-      requestClose(event);
-
-      if (anchorElement.props.onKeyDown) {
-        anchorElement.props.onKeyDown(event);
-      }
-    }
-  }), open ? /*#__PURE__*/React.createElement(Element, _objectSpread({
-    innerRef: setPopperInnerRef,
-    width: 'auto',
-    onKeyDown: function (_onKeyDown) {
-      function onKeyDown(_x) {
-        return _onKeyDown.apply(this, arguments);
-      }
-
-      onKeyDown.toString = function () {
-        return _onKeyDown.toString();
-      };
-
-      return onKeyDown;
-    }(function (event) {
-      requestClose(event);
-
-      if (onKeyDown) {
-        onKeyDown(event);
-      }
-    }),
-    // ideally this should be pulled out to something like ThemeProvider for predictable z indices
-    style: {
-      zIndex: zIndex
-    }
-  }, themeProps)) : null);
-});
-exports.Popover = Popover;
-Popover.displayName = 'Popover';

package/dist/cjs/Popover/Popover.test.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _ = require("..");
-
-var PopBasic = function PopBasic(_ref) {
-  var children = _ref.children;
-
-  var _useState = (0, _react.useState)(false),
-      open = _useState[0],
-      setOpen = _useState[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_.Box, {
-    id: "container"
-  }, /*#__PURE__*/_react["default"].createElement(_.Popover, {
-    open: open,
-    offset: 1,
-    renderTo: "#container",
-    anchorElement: /*#__PURE__*/_react["default"].createElement(_.Button, {
-      title: "Toggle",
-      onClick: function onClick() {
-        return setOpen(!open);
-      },
-      id: "anchor-element"
-    })
-  }, children));
-};
-
-describe('Popover', function () {
-  it('should not render string in closed Popover', function () {
-    var string = 'Test Text';
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(PopBasic, null, /*#__PURE__*/_react["default"].createElement(_.Text, null, string)));
-    expect(_react2.screen.queryByText(string)).toBeNull();
-  });
-  it('should render string in open Popover', function () {
-    var string = 'Test Text';
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(PopBasic, null, /*#__PURE__*/_react["default"].createElement(_.Text, null, string)));
-
-    var openPopover = _react2.screen.getByRole('button');
-
-    _userEvent["default"].click(openPopover);
-
-    expect(_react2.screen.getByText(string)).toBeInTheDocument();
-  });
-  it('should focus open button on click', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(PopBasic, null, /*#__PURE__*/_react["default"].createElement(_.Box, null)));
-
-    var openPopover = _react2.screen.getByRole('button');
-
-    _userEvent["default"].click(openPopover);
-
-    expect(openPopover).toHaveFocus();
-  });
-});

package/dist/cjs/Popover/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _Popover = require("./Popover");
-
-exports["default"] = _Popover.Popover;
-Object.keys(_Popover).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Popover[key]) return;
-  exports[key] = _Popover[key];
-});

package/dist/cjs/Popover/rewireTabOrder.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _tabbable = require("tabbable");
-
-var TAB_KEY = 9;
-
-function getNextActiveElement(node, startNode) {
-  if (startNode === void 0) {
-    startNode = null;
-  }
-
-  var tabbables = (0, _tabbable.tabbable)(node.parentNode);
-  var nodeToStartAt = startNode || node;
-  var nextTabbable = tabbables[tabbables.indexOf(nodeToStartAt) + 1];
-
-  if (!nextTabbable && node !== document.body) {
-    return getNextActiveElement(node.parentNode, nodeToStartAt);
-  }
-
-  return nextTabbable;
-}
-
-var RewireTabOrder = /*#__PURE__*/function () {
-  function RewireTabOrder(node) {
-    var _this = this;
-
-    (0, _defineProperty2["default"])(this, "tabbables", []);
-    (0, _defineProperty2["default"])(this, "firstFocusableElement", null);
-    (0, _defineProperty2["default"])(this, "lastFocusableElement", null);
-    (0, _defineProperty2["default"])(this, "originalActiveElement", null);
-    (0, _defineProperty2["default"])(this, "nextActiveElement", null);
-    (0, _defineProperty2["default"])(this, "moveFocusToTargetFromTriggerElement", function (event) {
-      if (!event.shiftKey && event.keyCode === TAB_KEY) {
-        event.preventDefault();
-
-        if (_this.tabbables.includes(_this.nextActiveElement)) {
-          _this.nextActiveElement.focus();
-        } else {
-          _this.firstFocusableElement.focus();
-        }
-      }
-    });
-    (0, _defineProperty2["default"])(this, "moveFocusToTargetFromFirstElement", function (event) {
-      if (event.target === _this.firstFocusableElement && event.shiftKey && event.keyCode === TAB_KEY) {
-        event.preventDefault();
-
-        _this.lastFocusableElement.focus();
-      }
-    });
-    (0, _defineProperty2["default"])(this, "moveFocusToTargetFromLastElement", function (event) {
-      if (event.target === _this.lastFocusableElement && !event.shiftKey && event.keyCode === TAB_KEY) {
-        event.preventDefault();
-
-        _this.firstFocusableElement.focus();
-      }
-    });
-
-    if (node) {
-      this.tabbables = (0, _tabbable.tabbable)(node);
-
-      if (this.tabbables.length > 0) {
-        this.init();
-      }
-    }
-  }
-
-  var _proto = RewireTabOrder.prototype;
-
-  _proto.init = function init() {
-    this.firstFocusableElement = this.tabbables[0];
-    this.lastFocusableElement = this.tabbables[this.tabbables.length - 1];
-    this.originalActiveElement = document.activeElement;
-    this.nextActiveElement = getNextActiveElement(this.originalActiveElement);
-    this.originalActiveElement.addEventListener('keydown', this.moveFocusToTargetFromTriggerElement);
-    this.firstFocusableElement.addEventListener('keydown', this.moveFocusToTargetFromFirstElement);
-    this.lastFocusableElement.addEventListener('keydown', this.moveFocusToTargetFromLastElement);
-  };
-
-  _proto.destroy = function destroy() {
-    if (this.tabbables.length === 0) {
-      return;
-    }
-
-    this.originalActiveElement.removeEventListener('keydown', this.moveFocusToTargetFromTriggerElement);
-    this.firstFocusableElement.removeEventListener('keydown', this.moveFocusToTargetFromFirstElement);
-    this.lastFocusableElement.removeEventListener('keydown', this.moveFocusToTargetFromLastElement);
-  };
-
-  return RewireTabOrder;
-}();
-
-var _default = function _default(node) {
-  var unwireTabOrder = new RewireTabOrder(node);
-  return function () {
-    return unwireTabOrder.destroy();
-  };
-};
-
-exports["default"] = _default;

package/dist/cjs/Popover/utils.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.getModifiers = getModifiers;
-exports.getFixedParent = getFixedParent;
-
-var _popperMaxSizeModifier = _interopRequireDefault(require("popper-max-size-modifier"));
-
-function getModifiers(_ref) {
-  var matchWidths = _ref.matchWidths,
-      offset = _ref.offset,
-      keepInView = _ref.keepInView,
-      shouldFlip = _ref.shouldFlip;
-  return [// https://popper.js.org/docs/v2/modifiers/community-modifiers/
-  _popperMaxSizeModifier["default"], {
-    name: 'applyMaxSize',
-    enabled: true,
-    phase: 'beforeWrite',
-    requires: ['maxSize'],
-    fn: function fn(_ref2) {
-      var state = _ref2.state;
-      var height = state.modifiersData.maxSize.height;
-      state.styles.popper.maxHeight = height + "px";
-    }
-  }, {
-    name: 'matchWidths',
-    enabled: Boolean(matchWidths),
-    phase: 'write',
-    requires: ['computeStyles'],
-    fn: function fn() {},
-    effect: function effect(_ref3) {
-      var state = _ref3.state;
-      var offsetWidth = state.elements.reference.offsetWidth;
-
-      if (matchWidths === 'minimum') {
-        if (offsetWidth > state.elements.popper.offsetWidth) {
-          state.elements.popper.style.minWidth = offsetWidth + "px";
-        }
-      } else {
-        state.elements.popper.style.width = offsetWidth + "px";
-      }
-    }
-  }, {
-    name: 'offset',
-    options: {
-      offset: [0, offset]
-    }
-  }, {
-    name: 'preventOverflow',
-    enabled: keepInView
-  }, {
-    name: 'flip',
-    enabled: shouldFlip
-  }];
-}
-
-function getFixedParent(node) {
-  var offsetParent = node.offsetParent;
-
-  if (offsetParent) {
-    var offsetParentStyles = getComputedStyle(offsetParent);
-
-    if (offsetParentStyles.position !== 'fixed') {
-      return getFixedParent(offsetParent);
-    } else {
-      return offsetParent;
-    }
-  } else {
-    return null;
-  }
-}