@elliemae/ds-popperjs 2.3.1 → 3.0.0-alpha.3

package/cjs/config/useConfigDSPopperjs.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var react = require('react');
-var reactPopper = require('react-popper');
-var useConfiguredMergedProps = require('./useConfiguredMergedProps.js');
-var useOnClickOutside = require('../utils/hooks/useOnClickOutside.js');
-
-const useConfigDSPopperjs = appProps => {
-  const [popperElement, setPopperElement] = react.useState(null);
-  const [arrowElement, setArrowElement] = react.useState(null);
-  const [isAnimating, setIsAnimating] = react.useState(false);
-  const props = useConfiguredMergedProps.useConfiguredMergedProps({
-    props: appProps,
-    arrowElement
-  });
-  const {
-    referenceElement,
-    closeContextMenu,
-    onClickOutside,
-    modifiers,
-    startPlacementPreference
-  } = props;
-  const popperExtraOpts = react.useMemo(() => ({
-    placement: startPlacementPreference,
-    modifiers
-  }), [modifiers, startPlacementPreference]);
-  const popoverHelper = reactPopper.usePopper(referenceElement, popperElement, popperExtraOpts);
-  const {
-    showPopover,
-    withoutAnimation
-  } = props;
-  react.useEffect(() => {
-    if (showPopover && !withoutAnimation) {
-      setIsAnimating(true);
-    }
-  }, [showPopover, withoutAnimation]);
-  useOnClickOutside.useOnClickOutside(popperElement, e => {
-    var _referenceElement$con;
-
-    if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$con = referenceElement.contains) !== null && _referenceElement$con !== void 0 && _referenceElement$con.call(referenceElement, e === null || e === void 0 ? void 0 : e.target))) {
-      onClickOutside(e);
-      closeContextMenu();
-    }
-  });
-  return react.useMemo(() => ({
-    props,
-    popperElement,
-    setPopperElement,
-    arrowElement,
-    setArrowElement,
-    popoverHelper,
-    isAnimating,
-    setIsAnimating
-  }), [arrowElement, popoverHelper, popperElement, isAnimating, props]);
-};
-
-exports.useConfigDSPopperjs = useConfigDSPopperjs;

package/cjs/config/useConfiguredDefaultModifiers.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-const useConfiguredDefaultModifiers = _ref => {
-  let {
-    props,
-    arrowElement
-  } = _ref;
-  // we destructure explicit app definitions before merge
-  const {
-    boundaryElement: explicitAppBoundaryElement,
-    withoutArrow: explicitAppWithoutArrow = false,
-    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],
-    customOffset: explictAppOffset = undefined
-  } = props; // to build default modifiers on top of it
-
-  const defaultModifiers = react.useMemo(() => {
-    const mod = [];
-    mod.push({
-      name: 'hide',
-      enabled: true
-    });
-    mod.push({
-      name: 'flip',
-      options: {
-        fallbackPlacements: explicitPlacementOrderPreference
-      }
-    }); // we apply an offset if the app defines one or if the app wants the arrow
-
-    if (!explicitAppWithoutArrow || explictAppOffset) {
-      const defaultOffset = explictAppOffset || [0, 14];
-      mod.push({
-        name: 'offset',
-        enabled: true,
-        options: {
-          offset: defaultOffset
-        }
-      });
-    } // the app can opt for a "no arrow" implementation (we do so in datatable/calendar etc...)
-
-
-    if (!explicitAppWithoutArrow) mod.push({
-      name: 'arrow',
-      options: {
-        element: arrowElement,
-        padding: 18
-      }
-    }); // the app can define an explicit element to act as a boundary instead of popperjs default one
-
-    if (explicitAppBoundaryElement) mod.push({
-      name: 'preventOverflow',
-      options: {
-        boundary: explicitAppBoundaryElement
-      }
-    });
-    return mod;
-  }, [arrowElement, explicitAppBoundaryElement, explicitAppWithoutArrow, explicitPlacementOrderPreference, explictAppOffset]); // if the app pass custom modifier, we don't use "default modifiers"
-
-  const {
-    modifiers: explicitAppModifiers = defaultModifiers
-  } = props;
-  return react.useMemo(() => ({
-    modifiers: explicitAppModifiers
-  }), [explicitAppModifiers]);
-};
-
-exports.useConfiguredDefaultModifiers = useConfiguredDefaultModifiers;

package/cjs/config/useConfiguredDefaultProps.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var useConfiguredDefaultModifiers = require('./useConfiguredDefaultModifiers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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; }
-
-const noop = () => {};
-
-const emptyObj = {};
-const useConfiguredDefaultProps = _ref => {
-  let {
-    props,
-    arrowElement
-  } = _ref;
-  // don't move this out of the hook or `document.body` will explode
-  const staticDefaultProps = react.useMemo(() => ({
-    referenceElement: null,
-    showPopover: false,
-    closeContextMenu: noop,
-    onClickOutside: noop,
-    withoutPortal: false,
-    withoutArrow: false,
-    withoutAnimation: false,
-    animationDuration: 100,
-    portalDOMContainer: document.body,
-    startPlacementPreference: 'top',
-    placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-    zIndex: 1,
-    extraPopperStyles: emptyObj
-  }), []);
-  const {
-    modifiers: configuredModifiers
-  } = useConfiguredDefaultModifiers.useConfiguredDefaultModifiers({
-    props,
-    arrowElement
-  });
-  const defaultProps = react.useMemo(() => _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
-    modifiers: configuredModifiers
-  }), [configuredModifiers, staticDefaultProps]);
-  return defaultProps;
-};
-
-exports.useConfiguredDefaultProps = useConfiguredDefaultProps;

package/cjs/config/useConfiguredMergedProps.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var useConfiguredDefaultProps = require('./useConfiguredDefaultProps.js');
-
-const useConfiguredMergedProps = _ref => {
-  let {
-    props,
-    arrowElement
-  } = _ref;
-  const defaultProps = useConfiguredDefaultProps.useConfiguredDefaultProps({
-    props,
-    arrowElement
-  });
-  return dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps);
-};
-
-exports.useConfiguredMergedProps = useConfiguredMergedProps;

package/cjs/index.d.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/index.js

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var reactDom = require('react-dom');
-var reactDesc = require('react-desc');
-var propTypes = require('./propTypes.js');
-var PopoverContent = require('./PopoverContent.js');
-var useConfigDSPopperjs = require('./config/useConfigDSPopperjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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; }
-
-const DSPopperJS = props => {
-  const {
-    props: {
-      showPopover,
-      withoutAnimation,
-      animationDuration,
-      withoutPortal,
-      withoutArrow,
-      portalDOMContainer,
-      zIndex,
-      extraPopperStyles
-    },
-    setPopperElement,
-    setArrowElement,
-    setIsAnimating,
-    popoverHelper,
-    isAnimating
-  } = useConfigDSPopperjs.useConfigDSPopperjs(props);
-  const {
-    children
-  } = props;
-  const {
-    styles,
-    attributes
-  } = popoverHelper;
-  const contentJSX = react.useMemo(() => /*#__PURE__*/_jsx__default["default"](PopoverContent.PopoverContent, {
-    setPopperElement: setPopperElement,
-    popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
-    popperAttributes: attributes.popper,
-    setArrowElement: setArrowElement,
-    arrowStyle: styles.arrow,
-    withoutArrow: withoutArrow,
-    withoutAnimation: withoutAnimation,
-    animationDuration: animationDuration,
-    zIndex: zIndex,
-    showPopover: showPopover,
-    setIsAnimating: setIsAnimating
-  }, void 0, children), [attributes.popper, children, setIsAnimating, showPopover, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, withoutAnimation, animationDuration, zIndex]);
-
-  if (showPopover || isAnimating) {
-    if (withoutPortal === true) return contentJSX;
-    if (withoutPortal === false) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: contentJSX
-      }), portalDOMContainer)
-    });
-  }
-
-  return null;
-};
-
-const DSPopperJSWithSchema = reactDesc.describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');
-DSPopperJSWithSchema.propTypes = propTypes.dspopperjsPropTypes;
-
-exports.DSPopperJS = DSPopperJS;
-exports.DSPopperJSWithSchema = DSPopperJSWithSchema;
-exports["default"] = DSPopperJS;

package/cjs/propTypes.js

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const dspopperjsPropTypes = {
-  /**
-   * React ref to popperjs referenceElement
-   */
-  referenceElement: reactDesc.PropTypes.element.description('popperjs DOM referenceElement').isRequired,
-
-  /**
-   * Wheter or not to show the popper content
-   */
-  showPopover: reactDesc.PropTypes.bool.description('whether or not to show the popper content').isRequired,
-
-  /**
-   * Callback to close the context menu, used for "on click outside",
-   *  if not provided click outside will not trigger anything
-   */
-  closeContextMenu: reactDesc.PropTypes.func.description('Callback to close the context menu, used for "on click outside",' + ' if not provided click outside will not trigger anything').defaultValue('() => {}'),
-
-  /**
-   *  Wheter or not the popper content should appear in a DOM portal or not
-   */
-  withoutPortal: reactDesc.PropTypes.bool.description('Whether or not the popper content should appear in a DOM portal or not').defaultValue(true),
-
-  /**
-   *  Wheter or not the popper context menu should print the arrow
-   */
-  withoutArrow: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should print the arrow').defaultValue(false),
-
-  /**
-   *  Whether or not the popper context menu should be animated
-   */
-  withoutAnimation: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
-
-  /**
-   *  Popper context menus Animation duration in ms
-   */
-  animationDuration: reactDesc.PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
-
-  /**
-   *  Bounding element to calculate upon, defaults to it is "clippingParents",
-   *   which are the scrolling containers that may cause the element to be partially or fully cut off.
-   */
-  boundaryElement: reactDesc.PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
-
-  /**
-   *  When using portal, the container in which to append the DOM content, defaults to document body
-   */
-  portalDOMContainer: reactDesc.PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
-
-  /**
-   *  start placement preferences, as per popperjs placement option
-   */
-  startPlacementPreference: reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
-
-  /**
-   *  Array of placement preferences, as per popperjs "flip" placement option
-   */
-  placementOrderPreference: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
-
-  /**
-   *  popperjs content z-index
-   */
-  zIndex: reactDesc.PropTypes.number.description('popperjs content z-index').defaultValue(1),
-
-  /**
-   *  placement offset array
-   */
-  customOffset: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('placement offset array').defaultValue(1),
-
-  /**
-   *  modifiers array for full-custom popper-js override
-   *  https://popper.js.org/docs/v2/modifiers/
-   */
-  modifiers: reactDesc.PropTypes.array.description('modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/').defaultValue(1),
-  extraPopperStyles: reactDesc.PropTypes.object.description('Extra object styles to attach to the popper element').defaultValue({}),
-  onClickOutside: reactDesc.PropTypes.func.description('Callback triggered when clicking outside the popper').defaultValue(() => null),
-  children: reactDesc.PropTypes.node.description('The content of the popper').defaultValue(undefined)
-};
-
-exports.dspopperjsPropTypes = dspopperjsPropTypes;

package/cjs/styled.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3;
-const showAnimation = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n"])));
-const hideAnimation = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale(0.8);\n      visibility: hidden;\n    }\n"])));
-const StyledPopoverContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1giz5kx-0"
-})(["z-index:", ";"], _ref => {
-  let {
-    zIndex
-  } = _ref;
-  return zIndex;
-});
-const StyledAnimatedPopper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1giz5kx-1"
-})(["box-shadow:0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2);", ""], _ref2 => {
-  let {
-    showPopover,
-    animationDuration,
-    withoutAnimation
-  } = _ref2;
-  return !withoutAnimation && dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n      animation: ", " ", "ms ease-in;\n    "])), showPopover ? showAnimation : hideAnimation, animationDuration);
-});
-
-exports.StyledAnimatedPopper = StyledAnimatedPopper;
-exports.StyledPopoverContentWrapper = StyledPopoverContentWrapper;

package/cjs/utils/hooks/useOnClickOutside.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-function useOnClickOutside(ref, cb) {
-  react.useEffect(() => {
-    const listener = event => {
-      var _ref$contains;
-
-      // Do nothing if clicking ref's element or descendent elements
-      if (!ref || ref !== null && ref !== void 0 && (_ref$contains = ref.contains) !== null && _ref$contains !== void 0 && _ref$contains.call(ref, event.target)) {
-        return;
-      }
-
-      cb(event);
-    };
-
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return () => {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
-    };
-  }, [ref, cb]);
-}
-
-exports.useOnClickOutside = useOnClickOutside;

package/esm/PopoverArrow.js

@@ -1,45 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-var _svg;
-const arrowWidth = 18;
-const arrowHeight = 18;
-const StyledArrow = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-olcdf1-0"
-})(["position:absolute;width:", "px;height:", "px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-", "px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-", "px;}&[data-placement^='bottom']{top:-", "px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-", "px;}margin-left:", ";margin-top:", ";"], arrowWidth, arrowHeight, _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.neutral['500'];
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral['000'];
-}, arrowHeight, arrowWidth, arrowHeight, arrowWidth, props => props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom') ? "-".concat(arrowWidth / 2, "px;") : '0;', props => props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right') ? "-".concat(arrowHeight / 2, "px;") : '0;');
-const PopoverArrow = _ref3 => {
-  let {
-    placement,
-    style,
-    arrowElementRef
-  } = _ref3;
-  return /*#__PURE__*/jsx(StyledArrow, {
-    "data-placement": placement,
-    style: style,
-    ref: arrowElementRef,
-    "data-testid": "ds-tooltip-arrow",
-    children: _svg || (_svg = /*#__PURE__*/_jsx("svg", {
-      viewBox: "0 0 30 30"
-    }, void 0, /*#__PURE__*/_jsx("path", {
-      className: "stroke",
-      d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
-    }), /*#__PURE__*/_jsx("path", {
-      className: "fill",
-      d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-    })))
-  }, "popper-arrow");
-};
-
-export { PopoverArrow };

package/esm/PopoverContent.js

@@ -1,62 +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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useCallback, useMemo } from 'react';
-import { PopoverArrow } from './PopoverArrow.js';
-import { StyledPopoverContentWrapper, StyledAnimatedPopper } from './styled.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-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; }
-const PopoverContent = _ref => {
-  let {
-    setPopperElement,
-    popperStyles,
-    popperAttributes,
-    children,
-    showPopover,
-    setArrowElement,
-    setIsAnimating,
-    arrowStyle,
-    withoutArrow,
-    withoutAnimation,
-    animationDuration,
-    zIndex
-  } = _ref;
-  const checkAnimationStatus = useCallback(() => {
-    if (!showPopover && !withoutAnimation) {
-      setIsAnimating(false);
-    }
-  }, [showPopover, withoutAnimation, setIsAnimating]);
-  const popperContent = useMemo(() => /*#__PURE__*/jsxs(Fragment, {
-    children: [children, withoutArrow === false ? /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/_jsx(PopoverArrow, {
-        arrowElementRef: setArrowElement,
-        style: arrowStyle,
-        placement: popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'
-      }), /*#__PURE__*/jsx("div", {
-        ref: setArrowElement,
-        style: arrowStyle
-      })]
-    }) : null]
-  }), [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement]);
-  return /*#__PURE__*/jsx(StyledPopoverContentWrapper, _objectSpread(_objectSpread({
-    zIndex: zIndex,
-    ref: setPopperElement,
-    style: popperStyles
-  }, popperAttributes), {}, {
-    children: /*#__PURE__*/_jsx(StyledAnimatedPopper, {
-      showPopover: showPopover,
-      animationDuration: animationDuration,
-      withoutAnimation: withoutAnimation,
-      onAnimationEnd: checkAnimationStatus
-    }, void 0, popperContent)
-  }));
-};
-
-export { PopoverContent };

package/esm/config/useConfigDSPopperjs.js

@@ -1,56 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useMemo, useEffect } from 'react';
-import { usePopper } from 'react-popper';
-import { useConfiguredMergedProps } from './useConfiguredMergedProps.js';
-import { useOnClickOutside } from '../utils/hooks/useOnClickOutside.js';
-
-const useConfigDSPopperjs = appProps => {
-  const [popperElement, setPopperElement] = useState(null);
-  const [arrowElement, setArrowElement] = useState(null);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const props = useConfiguredMergedProps({
-    props: appProps,
-    arrowElement
-  });
-  const {
-    referenceElement,
-    closeContextMenu,
-    onClickOutside,
-    modifiers,
-    startPlacementPreference
-  } = props;
-  const popperExtraOpts = useMemo(() => ({
-    placement: startPlacementPreference,
-    modifiers
-  }), [modifiers, startPlacementPreference]);
-  const popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);
-  const {
-    showPopover,
-    withoutAnimation
-  } = props;
-  useEffect(() => {
-    if (showPopover && !withoutAnimation) {
-      setIsAnimating(true);
-    }
-  }, [showPopover, withoutAnimation]);
-  useOnClickOutside(popperElement, e => {
-    var _referenceElement$con;
-
-    if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$con = referenceElement.contains) !== null && _referenceElement$con !== void 0 && _referenceElement$con.call(referenceElement, e === null || e === void 0 ? void 0 : e.target))) {
-      onClickOutside(e);
-      closeContextMenu();
-    }
-  });
-  return useMemo(() => ({
-    props,
-    popperElement,
-    setPopperElement,
-    arrowElement,
-    setArrowElement,
-    popoverHelper,
-    isAnimating,
-    setIsAnimating
-  }), [arrowElement, popoverHelper, popperElement, isAnimating, props]);
-};
-
-export { useConfigDSPopperjs };