@elliemae/ds-popperjs 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/PopoverArrow.js

@@ -1,91 +1,54 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopoverArrow_exports = {};
-__export(PopoverArrow_exports, {
-  PopoverArrow: () => PopoverArrow
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _svg;
 const arrowWidth = 18;
 const arrowHeight = 18;
-const StyledArrow = import_styled_components.default.div`
-  position: absolute;
-  width: ${arrowWidth}px;
-  height: ${arrowHeight}px;
-  pointer-events: none;
-  background-color: transparent;
-  & .stroke {
-    fill: ${({ theme }) => theme.colors.neutral["500"]};
-    fill-opacity: 0.4;
-  }
-  & .fill {
-    fill: ${({ theme }) => theme.colors.neutral["000"]};
-  }
+const StyledArrow = /*#__PURE__*/styled__default["default"].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__*/jsxRuntime.jsx(StyledArrow, {
+    "data-placement": placement,
+    style: style,
+    ref: arrowElementRef,
+    "data-testid": "ds-tooltip-arrow",
+    children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
+      viewBox: "0 0 30 30"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default["default"]("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");
+};
 
-  &[data-placement^='top'] {
-    svg {
-      transform: rotateZ(180deg);
-    }
-    bottom: -${arrowHeight}px;
-  }
-  &[data-placement^='right'] {
-    svg {
-      transform: rotateZ(-90deg);
-    }
-    left: -${arrowWidth}px;
-  }
-  &[data-placement^='bottom'] {
-    top: -${arrowHeight}px;
-  }
-  &[data-placement^='left'] {
-    svg {
-      transform: rotateZ(90deg);
-    }
-    right: -${arrowWidth}px;
-  }
-  margin-left: ${(props) => props["data-placement"].startsWith("top") || props["data-placement"].startsWith("bottom") ? `-${arrowWidth / 2}px;` : "0;"};
-  margin-top: ${(props) => props["data-placement"].startsWith("left") || props["data-placement"].startsWith("right") ? `-${arrowHeight / 2}px;` : "0;"};
-`;
-const PopoverArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ import_react.default.createElement(StyledArrow, {
-  key: "popper-arrow",
-  "data-placement": placement,
-  style,
-  ref: arrowElementRef,
-  "data-testid": "ds-tooltip-arrow"
-}, /* @__PURE__ */ import_react.default.createElement("svg", {
-  viewBox: "0 0 30 30"
-}, /* @__PURE__ */ import_react.default.createElement("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\n        C26.7,29,24.6,28.1,23.7,27.1z"
-}), /* @__PURE__ */ import_react.default.createElement("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"
-})));
-module.exports = __toCommonJS(PopoverArrow_exports);
-//# sourceMappingURL=PopoverArrow.js.map
+exports.PopoverArrow = PopoverArrow;

package/cjs/PopoverContent.js

@@ -1,76 +1,71 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopoverContent_exports = {};
-__export(PopoverContent_exports, {
-  PopoverContent: () => PopoverContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_PopoverArrow = require("./PopoverArrow");
-var import_styled = require("./styled");
-const PopoverContent = ({
-  setPopperElement,
-  popperStyles,
-  popperAttributes,
-  children,
-  showPopover,
-  setArrowElement,
-  setIsAnimating,
-  arrowStyle,
-  withoutArrow,
-  withoutAnimation,
-  animationDuration,
-  zIndex
-}) => {
-  const checkAnimationStatus = (0, import_react.useCallback)(() => {
+'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 _jsx = require('@babel/runtime/helpers/jsx');
+var react = require('react');
+var PopoverArrow = require('./PopoverArrow.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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 PopoverContent = _ref => {
+  let {
+    setPopperElement,
+    popperStyles,
+    popperAttributes,
+    children,
+    showPopover,
+    setArrowElement,
+    setIsAnimating,
+    arrowStyle,
+    withoutArrow,
+    withoutAnimation,
+    animationDuration,
+    zIndex
+  } = _ref;
+  const checkAnimationStatus = react.useCallback(() => {
     if (!showPopover && !withoutAnimation) {
       setIsAnimating(false);
     }
   }, [showPopover, withoutAnimation, setIsAnimating]);
-  const popperContent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children, withoutArrow === false ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PopoverArrow.PopoverArrow, {
-    arrowElementRef: setArrowElement,
-    style: arrowStyle,
-    placement: popperAttributes ? popperAttributes["data-popper-placement"] : "bottom"
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: setArrowElement,
-    style: arrowStyle
-  })) : null), [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPopoverContentWrapper, {
-    zIndex,
+  const popperContent = react.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [children, withoutArrow === false ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/_jsx__default["default"](PopoverArrow.PopoverArrow, {
+        arrowElementRef: setArrowElement,
+        style: arrowStyle,
+        placement: popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: setArrowElement,
+        style: arrowStyle
+      })]
+    }) : null]
+  }), [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement]);
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledPopoverContentWrapper, _objectSpread(_objectSpread({
+    zIndex: zIndex,
     ref: setPopperElement,
-    style: popperStyles,
-    ...popperAttributes
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledAnimatedPopper, {
-    showPopover,
-    animationDuration,
-    withoutAnimation,
-    onAnimationEnd: checkAnimationStatus
-  }, popperContent));
+    style: popperStyles
+  }, popperAttributes), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledAnimatedPopper, {
+      showPopover: showPopover,
+      animationDuration: animationDuration,
+      withoutAnimation: withoutAnimation,
+      onAnimationEnd: checkAnimationStatus
+    }, void 0, popperContent)
+  }));
 };
-module.exports = __toCommonJS(PopoverContent_exports);
-//# sourceMappingURL=PopoverContent.js.map
+
+exports.PopoverContent = PopoverContent;

package/cjs/config/useConfigDSPopperjs.js

@@ -1,60 +1,51 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useConfigDSPopperjs_exports = {};
-__export(useConfigDSPopperjs_exports, {
-  useConfigDSPopperjs: () => useConfigDSPopperjs
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_react_popper = require("react-popper");
-var import_useConfiguredMergedProps = require("./useConfiguredMergedProps");
-var import_useOnClickOutside = require("../utils/hooks/useOnClickOutside");
-const useConfigDSPopperjs = (appProps) => {
-  const [popperElement, setPopperElement] = (0, import_react.useState)(null);
-  const [arrowElement, setArrowElement] = (0, import_react.useState)(null);
-  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
-  const props = (0, import_useConfiguredMergedProps.useConfiguredMergedProps)({ props: appProps, arrowElement });
-  const { referenceElement, closeContextMenu, onClickOutside, modifiers, startPlacementPreference } = props;
-  const popperExtraOpts = (0, import_react.useMemo)(() => ({ placement: startPlacementPreference, modifiers }), [modifiers, startPlacementPreference]);
-  const popoverHelper = (0, import_react_popper.usePopper)(referenceElement, popperElement, popperExtraOpts);
-  const { showPopover, withoutAnimation } = props;
-  (0, import_react.useEffect)(() => {
+'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]);
-  (0, import_useOnClickOutside.useOnClickOutside)(popperElement, (e) => {
-    if (!referenceElement?.contains?.(e?.target)) {
+  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 (0, import_react.useMemo)(() => ({
+  return react.useMemo(() => ({
     props,
     popperElement,
     setPopperElement,
@@ -65,5 +56,5 @@ const useConfigDSPopperjs = (appProps) => {
     setIsAnimating
   }), [arrowElement, popoverHelper, popperElement, isAnimating, props]);
 };
-module.exports = __toCommonJS(useConfigDSPopperjs_exports);
-//# sourceMappingURL=useConfigDSPopperjs.js.map
+
+exports.useConfigDSPopperjs = useConfigDSPopperjs;

package/cjs/config/useConfiguredDefaultModifiers.js

@@ -1,89 +1,70 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useConfiguredDefaultModifiers_exports = {};
-__export(useConfiguredDefaultModifiers_exports, {
-  useConfiguredDefaultModifiers: () => useConfiguredDefaultModifiers
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useConfiguredDefaultModifiers = ({ props, arrowElement }) => {
+'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 = void 0
-  } = props;
-  const defaultModifiers = (0, import_react.useMemo)(() => {
+    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",
+      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",
+        name: 'offset',
         enabled: true,
         options: {
           offset: defaultOffset
         }
       });
-    }
-    if (!explicitAppWithoutArrow)
-      mod.push({
-        name: "arrow",
-        options: {
-          element: arrowElement,
-          padding: 18
-        }
-      });
-    if (explicitAppBoundaryElement)
-      mod.push({
-        name: "preventOverflow",
-        options: {
-          boundary: explicitAppBoundaryElement
-        }
-      });
+    } // 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
-  ]);
-  const { modifiers: explicitAppModifiers = defaultModifiers } = props;
-  return (0, import_react.useMemo)(() => ({
+  }, [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]);
 };
-module.exports = __toCommonJS(useConfiguredDefaultModifiers_exports);
-//# sourceMappingURL=useConfiguredDefaultModifiers.js.map
+
+exports.useConfiguredDefaultModifiers = useConfiguredDefaultModifiers;

package/cjs/config/useConfiguredDefaultProps.js

@@ -1,42 +1,34 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useConfiguredDefaultProps_exports = {};
-__export(useConfiguredDefaultProps_exports, {
-  useConfiguredDefaultProps: () => useConfiguredDefaultProps
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_useConfiguredDefaultModifiers = require("./useConfiguredDefaultModifiers");
-const noop = () => {
-};
+'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 = ({ props, arrowElement }) => {
-  const staticDefaultProps = (0, import_react.useMemo)(() => ({
+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,
@@ -46,17 +38,21 @@ const useConfiguredDefaultProps = ({ props, arrowElement }) => {
     withoutAnimation: false,
     animationDuration: 100,
     portalDOMContainer: document.body,
-    startPlacementPreference: "top",
-    placementOrderPreference: ["top", "bottom", "left", "right"],
+    startPlacementPreference: 'top',
+    placementOrderPreference: ['top', 'bottom', 'left', 'right'],
     zIndex: 1,
     extraPopperStyles: emptyObj
   }), []);
-  const { modifiers: configuredModifiers } = (0, import_useConfiguredDefaultModifiers.useConfiguredDefaultModifiers)({
+  const {
+    modifiers: configuredModifiers
+  } = useConfiguredDefaultModifiers.useConfiguredDefaultModifiers({
     props,
     arrowElement
   });
-  const defaultProps = (0, import_react.useMemo)(() => ({ ...staticDefaultProps, modifiers: configuredModifiers }), [configuredModifiers, staticDefaultProps]);
+  const defaultProps = react.useMemo(() => _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
+    modifiers: configuredModifiers
+  }), [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
-module.exports = __toCommonJS(useConfiguredDefaultProps_exports);
-//# sourceMappingURL=useConfiguredDefaultProps.js.map
+
+exports.useConfiguredDefaultProps = useConfiguredDefaultProps;