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

package/cjs/config/useConfiguredMergedProps.js

@@ -1,40 +1,20 @@
-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 });
+'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);
 };
-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 useConfiguredMergedProps_exports = {};
-__export(useConfiguredMergedProps_exports, {
-  useConfiguredMergedProps: () => useConfiguredMergedProps
-});
-var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_useConfiguredDefaultProps = require("./useConfiguredDefaultProps");
-const useConfiguredMergedProps = ({ props, arrowElement }) => {
-  const defaultProps = (0, import_useConfiguredDefaultProps.useConfiguredDefaultProps)({ props, arrowElement });
-  return (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, defaultProps);
-};
-module.exports = __toCommonJS(useConfiguredMergedProps_exports);
-//# sourceMappingURL=useConfiguredMergedProps.js.map
+
+exports.useConfiguredMergedProps = useConfiguredMergedProps;

package/cjs/index.d.js

@@ -1,27 +1,2 @@
-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 __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 index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+

package/cjs/index.js

@@ -1,44 +1,32 @@
-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 src_exports = {};
-__export(src_exports, {
-  DSPopperJS: () => DSPopperJS,
-  DSPopperJSWithSchema: () => DSPopperJSWithSchema,
-  default: () => src_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_dom = require("react-dom");
-var import_react_desc = require("react-desc");
-var import_propTypes = require("./propTypes");
-var import_PopoverContent = require("./PopoverContent");
-var import_useConfigDSPopperjs = require("./config/useConfigDSPopperjs");
-const DSPopperJS = (props) => {
+'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,
@@ -55,47 +43,43 @@ const DSPopperJS = (props) => {
     setIsAnimating,
     popoverHelper,
     isAnimating
-  } = (0, import_useConfigDSPopperjs.useConfigDSPopperjs)(props);
-  const { children } = props;
-  const { styles, attributes } = popoverHelper;
-  const contentJSX = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_PopoverContent.PopoverContent, {
-    setPopperElement,
-    popperStyles: { ...styles.popper, ...extraPopperStyles },
+  } = 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: setArrowElement,
     arrowStyle: styles.arrow,
-    withoutArrow,
-    withoutAnimation,
-    animationDuration,
-    zIndex,
-    showPopover,
-    setIsAnimating
-  }, children), [
-    attributes.popper,
-    children,
-    setIsAnimating,
-    showPopover,
-    extraPopperStyles,
-    setArrowElement,
-    setPopperElement,
-    styles.arrow,
-    styles.popper,
-    withoutArrow,
-    withoutAnimation,
-    animationDuration,
-    zIndex
-  ]);
+    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__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_react_dom.createPortal)(/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, contentJSX), portalDOMContainer));
+    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;
 };
-DSPopperJS.propTypes = import_propTypes.dspopperjsPropTypes;
-const DSPopperJSWithSchema = (0, import_react_desc.describe)(DSPopperJS).description("A dimsum custom styling wrapper on top of popperjs");
-DSPopperJSWithSchema.propTypes = import_propTypes.dspopperjsPropTypes;
-var src_default = DSPopperJS;
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+
+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,80 +1,85 @@
-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 propTypes_exports = {};
-__export(propTypes_exports, {
-  dspopperjsPropTypes: () => dspopperjsPropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const dspopperjsPropTypes = {
-  referenceElement: import_react_desc.PropTypes.element.description("popperjs DOM referenceElement").isRequired,
-  showPopover: import_react_desc.PropTypes.bool.description("whether or not to show the popper content").isRequired,
-  closeContextMenu: import_react_desc.PropTypes.func.description('Callback to close the context menu, used for "on click outside", if not provided click outside will not trigger anything').defaultValue("() => {}"),
-  withoutPortal: import_react_desc.PropTypes.bool.description("Whether or not the popper content should appear in a DOM portal or not").defaultValue(true),
-  withoutArrow: import_react_desc.PropTypes.bool.description("Whether or not the popper context menu should print the arrow").defaultValue(false),
-  withoutAnimation: import_react_desc.PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
-  animationDuration: import_react_desc.PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
-  boundaryElement: import_react_desc.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(void 0),
-  portalDOMContainer: import_react_desc.PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
-  startPlacementPreference: import_react_desc.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'"),
-  placementOrderPreference: import_react_desc.PropTypes.arrayOf(import_react_desc.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']"),
-  zIndex: import_react_desc.PropTypes.number.description("popperjs content z-index").defaultValue(1),
-  customOffset: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number).description("placement offset array").defaultValue(1),
-  modifiers: import_react_desc.PropTypes.array.description("modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/").defaultValue(1),
-  extraPopperStyles: import_react_desc.PropTypes.object.description("Extra object styles to attach to the popper element").defaultValue({}),
-  onClickOutside: import_react_desc.PropTypes.func.description("Callback triggered when clicking outside the popper").defaultValue(() => null),
-  children: import_react_desc.PropTypes.node.description("The content of the popper").defaultValue(void 0)
+  /**
+   * 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)
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.dspopperjsPropTypes = dspopperjsPropTypes;

package/cjs/styled.js

@@ -1,71 +1,37 @@
-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 styled_exports = {};
-__export(styled_exports, {
-  StyledAnimatedPopper: () => StyledAnimatedPopper,
-  StyledPopoverContentWrapper: () => StyledPopoverContentWrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-const showAnimation = import_ds_system.kfrm`
-    from {
-      opacity: 0;
-      transform: scale(0.8);
-    }
+'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');
 
-    to {
-      opacity: 1;
-      transform: scale(1);
-      visibility: visible;
-    }
-`;
-const hideAnimation = import_ds_system.kfrm`
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    to {
-      opacity: 0;
-      transform: scale(0.8);
-      visibility: hidden;
-    }
-`;
-const StyledPopoverContentWrapper = import_styled_components.default.div`
-  z-index: ${({ zIndex }) => zIndex};
-`;
-const StyledAnimatedPopper = import_styled_components.default.div`
-  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);
+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);
+});
 
-  ${({ showPopover, animationDuration, withoutAnimation }) => !withoutAnimation && import_ds_system.css`
-      animation: ${showPopover ? showAnimation : hideAnimation} ${animationDuration}ms ease-in;
-    `}
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+exports.StyledAnimatedPopper = StyledAnimatedPopper;
+exports.StyledPopoverContentWrapper = StyledPopoverContentWrapper;

package/cjs/utils/hooks/useOnClickOutside.js

@@ -1,51 +1,29 @@
-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 useOnClickOutside_exports = {};
-__export(useOnClickOutside_exports, {
-  useOnClickOutside: () => useOnClickOutside
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
 function useOnClickOutside(ref, cb) {
-  (0, import_react.useEffect)(() => {
-    const listener = (event) => {
-      if (!ref || ref?.contains?.(event.target)) {
+  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);
+
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
     return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
     };
   }, [ref, cb]);
 }
-module.exports = __toCommonJS(useOnClickOutside_exports);
-//# sourceMappingURL=useOnClickOutside.js.map
+
+exports.useOnClickOutside = useOnClickOutside;