@elliemae/ds-popperjs 1.57.0 → 2.0.0-alpha.11

package/esm/PopoverArrow.js

@@ -1,41 +1,34 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
-var arrowWidth = 18;
-var arrowHeight = 18;
-var StyledArrow = /*#__PURE__*/styled.div.withConfig({
+var _svg;
+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, function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.neutral['500'];
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.neutral['000'];
-}, arrowHeight, arrowWidth, arrowHeight, arrowWidth, function (props) {
-  return props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom') ? "-".concat(arrowWidth / 2, "px;") : '0;';
-}, function (props) {
-  return props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right') ? "-".concat(arrowHeight / 2, "px;") : '0;';
-});
-var PopoverArrow = function PopoverArrow(_ref3) {
-  var placement = _ref3.placement,
-      style = _ref3.style,
-      arrowElementRef = _ref3.arrowElementRef;
-  return /*#__PURE__*/React.createElement(StyledArrow, {
-    key: "popper-arrow",
-    "data-placement": placement,
-    style: style,
-    ref: arrowElementRef,
-    "data-testid": "ds-tooltip-arrow"
-  }, /*#__PURE__*/React.createElement("svg", {
+})(["position:absolute;width:18px;height:18px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-18px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-18px;}&[data-placement^='bottom']{top:-18px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-18px;}"], ({
+  theme
+}) => theme.colors.neutral['500'], ({
+  theme
+}) => theme.colors.neutral['000']);
+const PopoverArrow = ({
+  placement,
+  style,
+  arrowElementRef
+}) => /*#__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"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, 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__*/React.createElement("path", {
+  }), /*#__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 };
-//# sourceMappingURL=PopoverArrow.js.map

package/esm/PopoverContent.js

@@ -1,36 +1,42 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { PopoverArrow } from './PopoverArrow.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var StyledPopoverContentWrapper = /*#__PURE__*/styled.div.withConfig({
+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) { _defineProperty(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; }
+const StyledPopoverContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1gxm7np-0"
-})(["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);z-index:", ";"], function (_ref) {
-  var zIndex = _ref.zIndex;
-  return zIndex;
-});
-var PopoverContent = function PopoverContent(_ref2) {
-  var setPopperElement = _ref2.setPopperElement,
-      popperStyles = _ref2.popperStyles,
-      popperAttributes = _ref2.popperAttributes,
-      children = _ref2.children,
-      setArrowElement = _ref2.setArrowElement,
-      arrowStyle = _ref2.arrowStyle,
-      withoutArrow = _ref2.withoutArrow,
-      zIndex = _ref2.zIndex;
-  return /*#__PURE__*/React.createElement(StyledPopoverContentWrapper, _extends({
-    zIndex: zIndex,
-    ref: setPopperElement,
-    style: popperStyles
-  }, popperAttributes), children, withoutArrow === false ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopoverArrow, {
-    arrowElementRef: setArrowElement,
-    style: arrowStyle,
-    placement: popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'
-  }), /*#__PURE__*/React.createElement("div", {
-    ref: setArrowElement,
-    style: arrowStyle
-  })) : null);
-};
+})(["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);z-index:", ";"], ({
+  zIndex
+}) => zIndex);
+const PopoverContent = ({
+  setPopperElement,
+  popperStyles,
+  popperAttributes,
+  children,
+  setArrowElement,
+  arrowStyle,
+  withoutArrow,
+  zIndex
+}) => /*#__PURE__*/jsxs(StyledPopoverContentWrapper, _objectSpread(_objectSpread({
+  zIndex: zIndex,
+  ref: setPopperElement,
+  style: popperStyles
+}, popperAttributes), {}, {
+  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]
+}));
 
 export { PopoverContent };
-//# sourceMappingURL=PopoverContent.js.map

package/esm/config/useConfigDSPopperjs.js

@@ -1,59 +1,40 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useMemo } from 'react';
 import { usePopper } from 'react-popper';
 import { useConfiguredMergedProps } from './useConfiguredMergedProps.js';
 import { useOnClickOutside } from '../utils/hooks/useOnClickOutside.js';
-import '@elliemae/ds-props-helpers';
-import './useConfiguredDefaultProps.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './useConfiguredDefaultModifiers.js';
 
-var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      popperElement = _useState2[0],
-      setPopperElement = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      arrowElement = _useState4[0],
-      setArrowElement = _useState4[1];
-
-  var props = useConfiguredMergedProps({
+const useConfigDSPopperjs = appProps => {
+  const [popperElement, setPopperElement] = useState(null);
+  const [arrowElement, setArrowElement] = useState(null);
+  const props = useConfiguredMergedProps({
     props: appProps,
-    arrowElement: arrowElement
+    arrowElement
   });
-  var referenceElement = props.referenceElement,
-      closeContextMenu = props.closeContextMenu,
-      onClickOutside = props.onClickOutside,
-      modifiers = props.modifiers,
-      startPlacementPreference = props.startPlacementPreference;
-  var popperExtraOpts = useMemo(function () {
-    return {
-      placement: startPlacementPreference,
-      modifiers: modifiers
-    };
-  }, [modifiers, startPlacementPreference]);
-  var popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);
-  useOnClickOutside(popperElement, function (e) {
+  const {
+    referenceElement,
+    closeContextMenu,
+    modifiers,
+    startPlacementPreference
+  } = props;
+  const popperExtraOpts = useMemo(() => ({
+    placement: startPlacementPreference,
+    modifiers
+  }), [modifiers, startPlacementPreference]);
+  const popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);
+  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))) {
-      closeContextMenu();
-      onClickOutside(e);
-    }
+    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))) closeContextMenu();
   });
-  return useMemo(function () {
-    return {
-      props: props,
-      popperElement: popperElement,
-      setPopperElement: setPopperElement,
-      arrowElement: arrowElement,
-      setArrowElement: setArrowElement,
-      popoverHelper: popoverHelper
-    };
-  }, [arrowElement, popoverHelper, popperElement, props]);
+  return useMemo(() => ({
+    props,
+    popperElement,
+    setPopperElement,
+    arrowElement,
+    setArrowElement,
+    popoverHelper
+  }), [arrowElement, popoverHelper, popperElement, props]);
 };
 
 export { useConfigDSPopperjs };
-//# sourceMappingURL=useConfigDSPopperjs.js.map

package/esm/config/useConfiguredDefaultModifiers.js

@@ -1,19 +1,19 @@
 import { useMemo } from 'react';
 
-var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
+const useConfiguredDefaultModifiers = ({
+  props,
+  arrowElement
+}) => {
   // we destructure explicit app definitions before merge
-  var explicitAppBoundaryElement = props.boundaryElement,
-      _props$withoutArrow = props.withoutArrow,
-      explicitAppWithoutArrow = _props$withoutArrow === void 0 ? false : _props$withoutArrow,
-      _props$placementOrder = props.placementOrderPreference,
-      explicitPlacementOrderPreference = _props$placementOrder === void 0 ? ['top', 'bottom', 'left', 'right'] : _props$placementOrder,
-      _props$customOffset = props.customOffset,
-      explictAppOffset = _props$customOffset === void 0 ? undefined : _props$customOffset; // to build default modifiers on top of it
+  const {
+    boundaryElement: explicitAppBoundaryElement,
+    withoutArrow: explicitAppWithoutArrow = false,
+    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],
+    customOffset: explictAppOffset = undefined
+  } = props; // to build default modifiers on top of it
 
-  var defaultModifiers = useMemo(function () {
-    var mod = [];
+  const defaultModifiers = useMemo(() => {
+    const mod = [];
     mod.push({
       name: 'hide',
       enabled: true
@@ -26,7 +26,7 @@ var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref)
     }); // we apply an offset if the app defines one or if the app wants the arrow
 
     if (!explicitAppWithoutArrow || explictAppOffset) {
-      var defaultOffset = explictAppOffset || [0, 14];
+      const defaultOffset = explictAppOffset || [0, 14];
       mod.push({
         name: 'offset',
         enabled: true,
@@ -54,14 +54,12 @@ var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref)
     return mod;
   }, [arrowElement, explicitAppBoundaryElement, explicitAppWithoutArrow, explicitPlacementOrderPreference, explictAppOffset]); // if the app pass custom modifier, we don't use "default modifiers"
 
-  var _props$modifiers = props.modifiers,
-      explicitAppModifiers = _props$modifiers === void 0 ? defaultModifiers : _props$modifiers;
-  return useMemo(function () {
-    return {
-      modifiers: explicitAppModifiers
-    };
-  }, [explicitAppModifiers]);
+  const {
+    modifiers: explicitAppModifiers = defaultModifiers
+  } = props;
+  return useMemo(() => ({
+    modifiers: explicitAppModifiers
+  }), [explicitAppModifiers]);
 };
 
 export { useConfiguredDefaultModifiers };
-//# sourceMappingURL=useConfiguredDefaultModifiers.js.map

package/esm/config/useConfiguredDefaultProps.js

@@ -6,42 +6,36 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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) { _defineProperty(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 noop = function noop() {};
+const noop = () => {};
 
-var emptyObj = {};
-var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
+const emptyObj = {};
+const useConfiguredDefaultProps = ({
+  props,
+  arrowElement
+}) => {
   // don't move this out of the hook or `document.body` will explode
-  var staticDefaultProps = useMemo(function () {
-    return {
-      referenceElement: null,
-      showPopover: false,
-      closeContextMenu: noop,
-      onClickOutside: noop,
-      withoutPortal: false,
-      withoutArrow: false,
-      portalDOMContainer: document.body,
-      startPlacementPreference: 'top',
-      placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-      zIndex: 1,
-      extraPopperStyles: emptyObj
-    };
-  }, []);
-
-  var _useConfiguredDefault = useConfiguredDefaultModifiers({
-    props: props,
-    arrowElement: arrowElement
-  }),
-      configuredModifiers = _useConfiguredDefault.modifiers;
-
-  var defaultProps = useMemo(function () {
-    return _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
-      modifiers: configuredModifiers
-    });
-  }, [configuredModifiers, staticDefaultProps]);
+  const staticDefaultProps = useMemo(() => ({
+    referenceElement: null,
+    showPopover: false,
+    closeContextMenu: noop,
+    withoutPortal: false,
+    withoutArrow: false,
+    portalDOMContainer: document.body,
+    startPlacementPreference: 'top',
+    placementOrderPreference: ['top', 'bottom', 'left', 'right'],
+    zIndex: 1,
+    extraPopperStyles: emptyObj
+  }), []);
+  const {
+    modifiers: configuredModifiers
+  } = useConfiguredDefaultModifiers({
+    props,
+    arrowElement
+  });
+  const defaultProps = useMemo(() => _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
+    modifiers: configuredModifiers
+  }), [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
 
 export { useConfiguredDefaultProps };
-//# sourceMappingURL=useConfiguredDefaultProps.js.map

package/esm/config/useConfiguredMergedProps.js

@@ -1,18 +1,15 @@
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
 import { useConfiguredDefaultProps } from './useConfiguredDefaultProps.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import './useConfiguredDefaultModifiers.js';
 
-var useConfiguredMergedProps = function useConfiguredMergedProps(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
-  var defaultProps = useConfiguredDefaultProps({
-    props: props,
-    arrowElement: arrowElement
+const useConfiguredMergedProps = ({
+  props,
+  arrowElement
+}) => {
+  const defaultProps = useConfiguredDefaultProps({
+    props,
+    arrowElement
   });
   return useMemoMergePropsWithDefault(props, defaultProps);
 };
 
 export { useConfiguredMergedProps };
-//# sourceMappingURL=useConfiguredMergedProps.js.map

package/esm/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/index.js

@@ -1,64 +1,61 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { describe } from 'react-desc';
 import { dspopperjsPropTypes } from './propTypes.js';
 import { PopoverContent } from './PopoverContent.js';
 import { useConfigDSPopperjs } from './config/useConfigDSPopperjs.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'styled-components';
-import './PopoverArrow.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-popper';
-import './config/useConfiguredMergedProps.js';
-import '@elliemae/ds-props-helpers';
-import './config/useConfiguredDefaultProps.js';
-import './config/useConfiguredDefaultModifiers.js';
-import './utils/hooks/useOnClickOutside.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
 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) { _defineProperty(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 DSPopperJS = function DSPopperJS(props) {
-  var _useConfigDSPopperjs = useConfigDSPopperjs(props),
-      _useConfigDSPopperjs$ = _useConfigDSPopperjs.props,
-      showPopover = _useConfigDSPopperjs$.showPopover,
-      withoutPortal = _useConfigDSPopperjs$.withoutPortal,
-      withoutArrow = _useConfigDSPopperjs$.withoutArrow,
-      portalDOMContainer = _useConfigDSPopperjs$.portalDOMContainer,
-      zIndex = _useConfigDSPopperjs$.zIndex,
-      extraPopperStyles = _useConfigDSPopperjs$.extraPopperStyles,
-      setPopperElement = _useConfigDSPopperjs.setPopperElement,
-      setArrowElement = _useConfigDSPopperjs.setArrowElement,
-      popoverHelper = _useConfigDSPopperjs.popoverHelper;
-
-  var children = props.children;
-  var styles = popoverHelper.styles,
-      attributes = popoverHelper.attributes;
-  var contentJSX = useMemo(function () {
-    return /*#__PURE__*/React.createElement(PopoverContent, {
-      setPopperElement: setPopperElement,
-      popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
-      popperAttributes: attributes.popper,
-      setArrowElement: setArrowElement,
-      arrowStyle: styles.arrow,
-      withoutArrow: withoutArrow,
-      zIndex: zIndex
-    }, children);
-  }, [attributes.popper, children, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex]);
+const DSPopperJS = props => {
+  const {
+    props: {
+      showPopover,
+      withoutPortal,
+      withoutArrow,
+      portalDOMContainer,
+      zIndex,
+      extraPopperStyles
+    },
+    setPopperElement,
+    setArrowElement,
+    popoverHelper
+  } = useConfigDSPopperjs(props);
+  const {
+    children
+  } = props;
+  const {
+    styles,
+    attributes
+  } = popoverHelper;
+  const contentJSX = useMemo(() => /*#__PURE__*/_jsx(PopoverContent, {
+    setPopperElement: setPopperElement,
+    popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
+    popperAttributes: attributes.popper,
+    setArrowElement: setArrowElement,
+    arrowStyle: styles.arrow,
+    withoutArrow: withoutArrow,
+    zIndex: zIndex
+  }, void 0, children), [attributes.popper, children, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex]);
 
   if (showPopover) {
     if (withoutPortal === true) return contentJSX;
-    if (withoutPortal === false) return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, contentJSX), portalDOMContainer));
+    if (withoutPortal === false) return /*#__PURE__*/jsx(Fragment, {
+      children: /*#__PURE__*/createPortal( /*#__PURE__*/jsx(Fragment, {
+        children: contentJSX
+      }), portalDOMContainer)
+    });
   }
 
   return null;
 };
 
-DSPopperJS.propTypes = dspopperjsPropTypes;
-var DSPopperJSWithSchema = describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');
+const DSPopperJSWithSchema = describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');
 DSPopperJSWithSchema.propTypes = dspopperjsPropTypes;
 
 export { DSPopperJS, DSPopperJSWithSchema, DSPopperJS as default };
-//# sourceMappingURL=index.js.map

package/esm/propTypes.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var dspopperjsPropTypes = {
+const dspopperjsPropTypes = {
   /**
    * React ref to popperjs referenceElement
    */
@@ -67,4 +67,3 @@ var dspopperjsPropTypes = {
 };
 
 export { dspopperjsPropTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/utils/hooks/useOnClickOutside.js

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 
 function useOnClickOutside(ref, cb) {
-  useEffect(function () {
-    var listener = function listener(event) {
+  useEffect(() => {
+    const listener = event => {
       var _ref$contains;
 
       // Do nothing if clicking ref's element or descendent elements
@@ -15,7 +15,7 @@ function useOnClickOutside(ref, cb) {
 
     document.addEventListener('mousedown', listener);
     document.addEventListener('touchstart', listener);
-    return function () {
+    return () => {
       document.removeEventListener('mousedown', listener);
       document.removeEventListener('touchstart', listener);
     };
@@ -23,4 +23,3 @@ function useOnClickOutside(ref, cb) {
 }
 
 export { useOnClickOutside };
-//# sourceMappingURL=useOnClickOutside.js.map

package/package.json

@@ -1,14 +1,62 @@
 {
   "name": "@elliemae/ds-popperjs",
-  "version": "1.57.0",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Popper JS wrapper",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Popper JS Wrapper",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils/hooks/useOnClickOutside": {
+      "import": "./esm/utils/hooks/useOnClickOutside.js",
+      "require": "./cjs/utils/hooks/useOnClickOutside.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
+    "./PopoverContent": {
+      "import": "./esm/PopoverContent.js",
+      "require": "./cjs/PopoverContent.js"
+    },
+    "./PopoverArrow": {
+      "import": "./esm/PopoverArrow.js",
+      "require": "./cjs/PopoverArrow.js"
+    },
+    "./config/useConfiguredMergedProps": {
+      "import": "./esm/config/useConfiguredMergedProps.js",
+      "require": "./cjs/config/useConfiguredMergedProps.js"
+    },
+    "./config/useConfiguredDefaultProps": {
+      "import": "./esm/config/useConfiguredDefaultProps.js",
+      "require": "./cjs/config/useConfiguredDefaultProps.js"
+    },
+    "./config/useConfiguredDefaultModifiers": {
+      "import": "./esm/config/useConfiguredDefaultModifiers.js",
+      "require": "./cjs/config/useConfiguredDefaultModifiers.js"
+    },
+    "./config/useConfigDSPopperjs": {
+      "import": "./esm/config/useConfigDSPopperjs.js",
+      "require": "./cjs/config/useConfigDSPopperjs.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,19 +64,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "1.57.0",
-    "react-popper": "2.2.5"
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.11",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.1"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.1"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/PopoverArrow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PopoverArrowT {
+    placement: string;
+    style: React.CSSProperties;
+    arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;
+}
+export declare const PopoverArrow: ({ placement, style, arrowElementRef }: PopoverArrowT) => React.ReactElement;
+export {};