@elliemae/ds-popover 2.2.0-alpha.5 → 2.2.0-next.1

package/esm/usePopoverProviderState.js

@@ -1,46 +1,62 @@
-import * as React from "react";
-import { useState, useEffect, useRef } from "react";
-import { throttle } from "lodash";
-import { useExecutionTimer } from "@elliemae/ds-utilities";
-function usePopoverProviderState({
-  initialState = {
-    reference: null,
-    visible: false,
-    value: "",
-    options: {}
-  },
-  delay
-}) {
+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 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useState, useEffect } from 'react';
+import { throttle } from 'lodash';
+import { useExecutionTimer } from '@elliemae/ds-utilities';
+
+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; }
+
+function usePopoverProviderState(_ref) {
+  let {
+    initialState = {
+      reference: null,
+      visible: false,
+      value: '',
+      options: {}
+    },
+    delay
+  } = _ref;
   const triggerRef = useRef();
   const [tooltipState, setTooltipState] = useState(initialState);
-  const show = (state) => {
-    setTooltipState((prevState) => ({
-      ...prevState,
-      ...state,
+
+  const show = state => {
+    setTooltipState(prevState => _objectSpread(_objectSpread(_objectSpread({}, prevState), state), {}, {
       visible: true
     }));
   };
-  const hide = (state) => {
-    setTooltipState((prevState) => ({
-      ...prevState,
-      ...state,
+
+  const hide = state => {
+    setTooltipState(prevState => _objectSpread(_objectSpread(_objectSpread({}, prevState), state), {}, {
       visible: false
     }));
   };
+
   const [showTooltip, hideTooltip] = useExecutionTimer(show, hide, delay);
+
   const handleShowTooltip = (state, e) => {
     triggerRef.current = e.target;
-    showTooltip({ ...state, reference: e.target });
+    showTooltip(_objectSpread(_objectSpread({}, state), {}, {
+      reference: e.target
+    }));
   };
-  const handleHideTooltip = (state) => {
+
+  const handleHideTooltip = state => {
     hideTooltip(state);
   };
+
   useEffect(() => {
-    window.addEventListener("scroll", throttle(handleHideTooltip, 300), true);
-    window.addEventListener("click", handleHideTooltip, true);
+    window.addEventListener('scroll', throttle(handleHideTooltip, 300), true);
+    window.addEventListener('click', handleHideTooltip, true);
     return () => {
-      window.removeEventListener("scroll", throttle(handleHideTooltip, 300), true);
-      window.addEventListener("click", handleHideTooltip, true);
+      window.removeEventListener('scroll', throttle(handleHideTooltip, 300), true);
+      window.addEventListener('click', handleHideTooltip, true);
     };
   }, [tooltipState.reference]);
   return {
@@ -49,8 +65,5 @@ function usePopoverProviderState({
     state: tooltipState
   };
 }
-var usePopoverProviderState_default = usePopoverProviderState;
-export {
-  usePopoverProviderState_default as default
-};
-//# sourceMappingURL=usePopoverProviderState.js.map
+
+export { usePopoverProviderState as default };

package/esm/usePopper.js

@@ -1,31 +1,50 @@
-import * as React from "react";
-import Popper from "popper.js";
-import { useEffect, useRef, useState } from "react";
-function calculateOffset({ offset, showArrow }) {
+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 'core-js/modules/web.dom-collections.iterator.js';
+import Popper from 'popper.js';
+import { useState, useRef, useEffect } from 'react';
+
+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; }
+
+function calculateOffset(_ref) {
+  let {
+    offset,
+    showArrow
+  } = _ref;
   const arrowSize = 10;
   const defaultPadding = 3;
   return {
     enabled: showArrow || offset,
-    offset: Array.isArray(offset) ? `${offset[0]}, ${(offset[1] || offset[0]) + arrowSize + defaultPadding}` : `0, ${arrowSize + defaultPadding}`
+    offset: Array.isArray(offset) ? "".concat(offset[0], ", ").concat((offset[1] || offset[0]) + arrowSize + defaultPadding) : "0, ".concat(arrowSize + defaultPadding)
   };
 }
-function usePopper({
-  offset,
-  showArrow,
-  placement,
-  isOpen,
-  modifiers,
-  eventsEnabled = true,
-  positionFixed,
-  boundaries = "scrollParent",
-  referenceEl: refEl
-}) {
-  const [popperData, setPopperData] = useState({});
+
+function usePopper(_ref2) {
+  let {
+    offset,
+    showArrow,
+    placement,
+    isOpen,
+    modifiers,
+    eventsEnabled = true,
+    positionFixed,
+    boundaries = 'scrollParent',
+    referenceEl: refEl
+  } = _ref2;
+  const [popperData, setPopperData] = useState({}); // this is util for deferred rendering like with portals
+
   const [dynamicPopperNode, setPopperNode] = useState(null);
   const referenceRef = useRef();
   const popperRef = useRef();
   const arrowRef = useRef();
-  const popper = useRef();
+  const popper = useRef(); // initialize popper with refs and options
+
   useEffect(() => {
     const referenceEl = refEl || referenceRef.current;
     const popperEl = dynamicPopperNode || popperRef.current;
@@ -35,48 +54,40 @@ function usePopper({
       isOpen,
       eventsEnabled,
       positionFixed,
-      modifiers: {
-        preventOverflow: {
+      modifiers: _objectSpread(_objectSpread({
+        preventOverflow: _objectSpread({
           padding: 0,
-          boundariesElement: boundaries,
-          ...modifiers.preventOverflow
-        },
+          boundariesElement: boundaries
+        }, modifiers.preventOverflow),
         offset: calculateOffset({
           offset,
           showArrow
-        }),
-        ...modifiers,
+        })
+      }, modifiers), {}, {
         arrow: {
           enabled: !!arrowEl,
           element: arrowEl
         },
-        applyStyle: { enabled: false },
+        applyStyle: {
+          enabled: false
+        },
         updateStateModifier: {
           order: 900,
           enabled: true,
-          fn: (data) => {
+          fn: data => {
             setPopperData(data);
             return data;
           }
         }
-      }
+      })
     });
     return () => {
-      if (popper.current)
-        popper.current.destroy();
+      if (popper.current) popper.current.destroy();
     };
-  }, [
-    refEl,
-    dynamicPopperNode,
-    placement,
-    showArrow,
-    offset,
-    popperRef,
-    eventsEnabled
-  ]);
+  }, [refEl, dynamicPopperNode, placement, showArrow, offset, popperRef, eventsEnabled]); // update popper instance after initialization
+
   useEffect(() => {
-    if (!popper.current)
-      return;
+    if (!popper.current) return;
     popper.current.update();
   }, [popper.current]);
   const arrow = {
@@ -87,7 +98,7 @@ function usePopper({
     style: popperData.styles,
     ref: setPopperNode,
     placement: popperData.placement,
-    "data-testid": "popover-container"
+    'data-testid': 'popover-container'
   };
   const reference = {
     ref: referenceRef
@@ -97,10 +108,9 @@ function usePopper({
     popper: popperProps,
     arrow,
     reference,
+    // setPopperNode,
     popperData
   };
 }
-export {
-  usePopper as default
-};
-//# sourceMappingURL=usePopper.js.map
+
+export { usePopper as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popover",
-  "version": "2.2.0-alpha.5",
+  "version": "2.2.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popover",
   "module": "./esm/index.js",
@@ -60,11 +60,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.2.0-alpha.5",
-    "@elliemae/ds-hidden": "2.2.0-alpha.5",
-    "@elliemae/ds-popper": "2.2.0-alpha.5",
-    "@elliemae/ds-portal": "2.2.0-alpha.5",
-    "@elliemae/ds-utilities": "2.2.0-alpha.5",
+    "@elliemae/ds-classnames": "2.2.0-next.1",
+    "@elliemae/ds-hidden": "2.2.0-next.1",
+    "@elliemae/ds-popper": "2.2.0-next.1",
+    "@elliemae/ds-portal": "2.2.0-next.1",
+    "@elliemae/ds-utilities": "2.2.0-next.1",
     "popper.js": "~1.16.1",
     "react-desc": "~4.1.3"
   },

package/cjs/Arrow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Arrow.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-popper';\n\nconst ArrowWrapper = aggregatedClasses('span')('popover', 'arrow');\nfunction Arrow({ style, className, innerRef, blockName = 'popover', placement, ...otherProps }) {\n  return (\n    <ArrowWrapper\n      className={className}\n      data-placement={placement}\n      {...otherProps}\n      innerRef={innerRef}\n      style={{\n        ...style,\n        ...getArrowStylesBySize(placement, 25),\n      }}\n    >\n      <svg viewBox=\"0 0 30 30\">\n        <path\n          className=\"stroke\"\n          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\"\n        />\n        <path\n          className=\"fill\"\n          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\"\n        />\n      </svg>\n    </ArrowWrapper>\n  );\n}\n\nexport default forwardRef((props, ref) => <Arrow {...props} innerRef={ref || props.innerRef} />);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,2BAAkC;AAClC,uBAAqC;AAErC,MAAM,eAAe,4CAAkB,QAAQ,WAAW;AAC1D,eAAe,EAAE,OAAO,WAAW,UAAU,YAAY,WAAW,cAAc,cAAc;AAC9F,SACE,mDAAC,cAAD;AAAA,IACE;AAAA,IACA,kBAAgB;AAAA,OACZ;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,SACF;AAAA,SACA,2CAAqB,WAAW;AAAA;AAAA,KAGrC,mDAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,MAGJ,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA;AAAA;AAOZ,IAAO,gBAAQ,6BAAW,CAAC,OAAO,QAAQ,mDAAC,OAAD;AAAA,KAAW;AAAA,EAAO,UAAU,OAAO,MAAM;AAAA;",
-  "names": []
-}

package/cjs/DSPopover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSPopover.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useHoverHandlersDelay } from '@elliemae/ds-utilities';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport Popover from './Popover';\nimport usePopper from './usePopper';\nimport Arrow from './Arrow';\nimport usePopoverProviderState from './usePopoverProviderState';\n\nexport * from '@elliemae/ds-popper';\nexport const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\n/* Unstable Popover, not yet fully working */\nconst DSPopover = ({\n  containerProps,\n  content, // react component inside the popover to render its content\n  renderer, // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)\n  visible: visibleProp,\n  offset,\n  showArrow,\n  // popper props options\n  placement,\n  boundaries, // scrollParent | window | viewport\n  modifiers,\n  referenceEl,\n  renderTrigger,\n  onClickOutside,\n  destroyOnHidden,\n  interactionType,\n  isOpen,\n  style,\n}) => {\n  const { visible, onShow, onHide, onToggle } = useHiddenController(visibleProp);\n\n  const { reference, popper, arrow, popperData } = usePopper({\n    placement,\n    showArrow,\n    boundaries,\n    modifiers,\n    offset,\n    referenceEl,\n    eventsEnabled: visible,\n    isOpen,\n  });\n\n  const hoverHandlers = useHoverHandlersDelay({\n    onMouseOver: onShow,\n    onMouseLeave: onHide,\n  });\n  const isPopoverVisible = visible || isOpen;\n  return (\n    <>\n      {renderTrigger({\n        ...reference,\n        handlers: interactionType === 'click' ? { onClick: onToggle } : hoverHandlers,\n        onShow,\n        onToggle,\n        onHide,\n        'aria-haspopup': true,\n        'aria-expanded': visible,\n      })}\n      {isPopoverVisible && reference.ref && (\n        <Popover\n          containerProps={containerProps}\n          destroyOnHidden={destroyOnHidden}\n          interactionType={interactionType}\n          isOpen={isOpen}\n          onClickOutside={(...args) => {\n            onClickOutside(...args);\n            if (interactionType === 'click') onHide();\n          }}\n          popperProps={popper}\n          renderer={\n            renderer &&\n            ((props) =>\n              renderer({\n                ...props,\n                onShow,\n                onToggle,\n                onHide,\n              }))\n          }\n          style={style}\n          visible={isPopoverVisible}\n        >\n          {showArrow && <Arrow {...arrow} placement={popperData.placement} />}\n          {isPopoverVisible && content}\n        </Popover>\n      )}\n    </>\n  );\n};\n\nDSPopover.defaultProps = {\n  containerProps: {},\n  renderer: undefined,\n  visible: undefined,\n  offset: undefined,\n  showArrow: false,\n  placement: 'top',\n  modifiers: {},\n  renderTrigger: () => null,\n  onClickOutside: () => null,\n  destroyOnHidden: true,\n  isOpen: undefined,\n};\n\nconst popoverProps = {\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  destroyOnHidden: PropTypes.bool.description('destroy popover on hidden or not').defaultValue(true),\n  renderer: PropTypes.func.description('custom renderer'),\n  popperProps: PropTypes.object.description('Popper props attached to container'),\n  visible: PropTypes.bool.description('is visible or not').defaultValue(false),\n  content: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('popover content'),\n  onClickOutside: PropTypes.func.description('function called on click outside'),\n  interaction: PropTypes.string.description('interaction type: hover, click'),\n  offset: PropTypes.object.description('offset'),\n  showArrow: PropTypes.bool.description('show tooltip arrow or not'),\n  placement: PropTypes.string.description('popover placement: top, bottom, right, left'),\n  boundaries: PropTypes.string.description('popover boundaries'),\n  modifiers: PropTypes.object.description('modifiers'),\n  style: PropTypes.object.description('css style object'),\n  referenceEl: PropTypes.element.description('reference element'),\n  renderTrigger: PropTypes.func.description('render trigger element'),\n  interactionType: PropTypes.string.description('interaction type'),\n  isOpen: PropTypes.bool.description('open or not').defaultValue(false),\n};\n\nDSPopover.propTypes = popoverProps;\n\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/cjs/Popover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Popover.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n  containerProps,\n  destroyOnHidden = true,\n  renderer = undefined,\n  popperProps = {},\n  visible = false,\n  content = undefined,\n  onClickOutside = () => null,\n  style,\n  ...otherProps\n}) {\n  const popoverRef = useRef();\n  const hiddenTransitionProps = useHiddenTransition({ visible });\n  const popoverProps = removeUndefinedProperties({\n    containerprops: containerProps,\n    content,\n    ref: popoverRef,\n    ...otherProps,\n    ...hiddenTransitionProps,\n  });\n\n  useOnClickOutside(popoverRef, onClickOutside);\n\n  const wrapStyle = omit(style, 'zIndex') || {};\n  return (\n    destroyOnHidden &&\n    !hiddenTransitionProps.destroyed && (\n      <DSPortal>\n        <div {...popperProps} style={{ ...style, ...popperProps.style }}>\n          {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n        </div>\n      </DSPortal>\n    )\n  );\n}\n\nexport default Popover;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,oBAAqB;AACrB,2BAAkC;AAClC,0BAAyE;AACzE,uBAAoC;AACpC,uBAAqB;AAErB,MAAM,YAAY;AAClB,MAAM,mBAAmB,4CAAkB,OAAO;AAElD,iBAAiB;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EACvB;AAAA,KACG;AAAA,GACF;AACD,QAAM,aAAa;AACnB,QAAM,wBAAwB,0CAAoB,EAAE;AACpD,QAAM,eAAe,mDAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,OACF;AAAA,OACA;AAAA;AAGL,6CAAkB,YAAY;AAE9B,QAAM,YAAY,wBAAK,OAAO,aAAa;AAC3C,SACE,mBACA,CAAC,sBAAsB,aACrB,mDAAC,0BAAD,MACE,mDAAC,OAAD;AAAA,OAAS;AAAA,IAAa,OAAO,KAAK,UAAU,YAAY;AAAA,KACrD,oCAAW,YAAY,SAAS,gBAAgB,mDAAC,kBAAD;AAAA,OAAsB;AAAA,IAAc,OAAO;AAAA;AAAA;AAOtG,IAAO,kBAAQ;",
-  "names": []
-}

package/cjs/PopoverTrigger.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PopoverTrigger.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\n\nexport const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\nconst noop = () => {};\n\nfunction useHiddenTrigger({\n  hiddenId,\n  visible = false,\n  interaction = 'click',\n  onToggle = noop,\n  onShow = noop,\n  onHide = noop,\n}) {\n  const handlers = {\n    [Interaction.CLICK]: {\n      onClick: onToggle,\n    },\n    [Interaction.HOVER]: {\n      onMouseEnter: onShow,\n      onMouseLeave: onHide,\n    },\n  };\n  return {\n    'aria-expanded': visible,\n    ...handlers[interaction],\n    'aria-controls': hiddenId,\n  };\n}\n\nfunction PopoverTrigger({ as: Component, ...props }) {\n  const hiddenTriggerProps = useHiddenTrigger(props);\n\n  return <Component {...hiddenTriggerProps} />;\n}\n\nexport default PopoverTrigger;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AAAA;AAGT,MAAM,OAAO,MAAM;AAAA;AAEnB,0BAA0B;AAAA,EACxB;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,GACR;AACD,QAAM,WAAW;AAAA,KACd,YAAY,QAAQ;AAAA,MACnB,SAAS;AAAA;AAAA,KAEV,YAAY,QAAQ;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA;AAAA;AAGlB,SAAO;AAAA,IACL,iBAAiB;AAAA,OACd,SAAS;AAAA,IACZ,iBAAiB;AAAA;AAAA;AAIrB,wBAAwB,EAAE,IAAI,cAAc,SAAS;AACnD,QAAM,qBAAqB,iBAAiB;AAE5C,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;AAGxB,IAAO,yBAAQ;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSPopover';\nexport { default } from './DSPopover';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,uBAAwB;",
-  "names": []
-}

package/cjs/usePopover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/usePopover.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import usePopper from './usePopper';\n\nfunction usePopover({ ...otherProps }) {\n  const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n  return {\n    triggerProps: { ...reference },\n    popoverProps: { ...popper },\n    arrowProps: { ...arrow },\n    ...popperProps,\n  };\n}\n\nexport default usePopover;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAsB;AAEtB,oBAAoB,KAAK,cAAc;AACrC,QAAM,EAAE,WAAW,QAAQ,UAAU,gBAAgB,8BAAU;AAE/D,SAAO;AAAA,IACL,cAAc,KAAK;AAAA,IACnB,cAAc,KAAK;AAAA,IACnB,YAAY,KAAK;AAAA,OACd;AAAA;AAAA;AAIP,IAAO,qBAAQ;",
-  "names": []
-}

package/cjs/usePopoverProviderState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/usePopoverProviderState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-utilities';\n\nfunction usePopoverProviderState({\n  initialState = {\n    reference: null,\n    visible: false,\n    value: '',\n    options: {},\n  },\n  delay,\n}) {\n  const triggerRef = useRef();\n  const [tooltipState, setTooltipState] = useState(initialState);\n\n  const show = (state) => {\n    setTooltipState((prevState) => ({\n      ...prevState,\n      ...state,\n      visible: true,\n    }));\n  };\n  const hide = (state) => {\n    setTooltipState((prevState) => ({\n      ...prevState,\n      ...state,\n      visible: false,\n    }));\n  };\n\n  const [showTooltip, hideTooltip] = useExecutionTimer(show, hide, delay);\n\n  const handleShowTooltip = (state, e) => {\n    triggerRef.current = e.target;\n    showTooltip({ ...state, reference: e.target });\n  };\n\n  const handleHideTooltip = (state) => {\n    hideTooltip(state);\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', throttle(handleHideTooltip, 300), true);\n    window.addEventListener('click', handleHideTooltip, true);\n    return () => {\n      window.removeEventListener('scroll', throttle(handleHideTooltip, 300), true);\n      window.addEventListener('click', handleHideTooltip, true);\n    };\n  }, [tooltipState.reference]);\n\n  return {\n    show: handleShowTooltip,\n    hide: handleHideTooltip,\n    state: tooltipState,\n  };\n}\n\nexport default usePopoverProviderState;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,oBAAyB;AACzB,0BAAkC;AAElC,iCAAiC;AAAA,EAC/B,eAAe;AAAA,IACb,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA;AAAA,EAEX;AAAA,GACC;AACD,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,cAAe;AAAA,SAC3B;AAAA,SACA;AAAA,MACH,SAAS;AAAA;AAAA;AAGb,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,cAAe;AAAA,SAC3B;AAAA,SACA;AAAA,MACH,SAAS;AAAA;AAAA;AAIb,QAAM,CAAC,aAAa,eAAe,2CAAkB,MAAM,MAAM;AAEjE,QAAM,oBAAoB,CAAC,OAAO,MAAM;AACtC,eAAW,UAAU,EAAE;AACvB,gBAAY,KAAK,OAAO,WAAW,EAAE;AAAA;AAGvC,QAAM,oBAAoB,CAAC,UAAU;AACnC,gBAAY;AAAA;AAGd,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,4BAAS,mBAAmB,MAAM;AACpE,WAAO,iBAAiB,SAAS,mBAAmB;AACpD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,4BAAS,mBAAmB,MAAM;AACvE,aAAO,iBAAiB,SAAS,mBAAmB;AAAA;AAAA,KAErD,CAAC,aAAa;AAEjB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA;AAAA;AAIX,IAAO,kCAAQ;",
-  "names": []
-}

package/cjs/usePopper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/usePopper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import Popper from 'popper.js';\nimport { useEffect, useRef, useState } from 'react';\n\nfunction calculateOffset({ offset, showArrow }) {\n  const arrowSize = 10;\n  const defaultPadding = 3;\n  return {\n    enabled: showArrow || offset,\n    offset: Array.isArray(offset)\n      ? `${offset[0]}, ${(offset[1] || offset[0]) + arrowSize + defaultPadding}`\n      : `0, ${arrowSize + defaultPadding}`,\n  };\n}\n\nexport default function usePopper({\n  offset,\n  showArrow,\n  placement,\n  isOpen,\n  modifiers,\n  eventsEnabled = true,\n  positionFixed,\n  boundaries = 'scrollParent',\n  referenceEl: refEl,\n}) {\n  const [popperData, setPopperData] = useState({});\n  // this is util for deferred rendering like with portals\n  const [dynamicPopperNode, setPopperNode] = useState(null);\n  const referenceRef = useRef();\n  const popperRef = useRef();\n  const arrowRef = useRef();\n  const popper = useRef();\n\n  // initialize popper with refs and options\n  useEffect(() => {\n    const referenceEl = refEl || referenceRef.current;\n    const popperEl = dynamicPopperNode || popperRef.current;\n    const arrowEl = arrowRef.current;\n\n    popper.current =\n      referenceEl &&\n      popperEl &&\n      new Popper(referenceEl, popperEl, {\n        placement,\n        isOpen,\n        eventsEnabled,\n        positionFixed,\n        modifiers: {\n          preventOverflow: {\n            padding: 0,\n            boundariesElement: boundaries,\n            ...modifiers.preventOverflow,\n          },\n          offset: calculateOffset({\n            offset,\n            showArrow,\n          }),\n          ...modifiers,\n          arrow: {\n            enabled: !!arrowEl,\n            element: arrowEl,\n          },\n          applyStyle: { enabled: false },\n          updateStateModifier: {\n            order: 900,\n            enabled: true,\n            fn: (data) => {\n              setPopperData(data);\n              return data;\n            },\n          },\n        },\n      });\n\n    return () => {\n      if (popper.current) popper.current.destroy();\n    };\n  }, [\n    refEl,\n    dynamicPopperNode,\n    placement,\n    showArrow,\n    offset,\n    popperRef,\n    eventsEnabled,\n  ]);\n\n  // update popper instance after initialization\n  useEffect(() => {\n    if (!popper.current) return;\n    popper.current.update();\n  }, [popper.current]);\n\n  const arrow = {\n    ref: arrowRef,\n    style: popperData.arrowStyles,\n  };\n  const popperProps = {\n    style: popperData.styles,\n    ref: setPopperNode,\n    placement: popperData.placement,\n    'data-testid': 'popover-container',\n  };\n  const reference = {\n    ref: referenceRef,\n  };\n  return {\n    popperInstance: popper.current,\n    popper: popperProps,\n    arrow,\n    reference,\n    // setPopperNode,\n    popperData,\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAmB;AACnB,mBAA4C;AAE5C,yBAAyB,EAAE,QAAQ,aAAa;AAC9C,QAAM,YAAY;AAClB,QAAM,iBAAiB;AACvB,SAAO;AAAA,IACL,SAAS,aAAa;AAAA,IACtB,QAAQ,MAAM,QAAQ,UAClB,GAAG,OAAO,OAAQ,QAAO,MAAM,OAAO,MAAM,YAAY,mBACxD,MAAM,YAAY;AAAA;AAAA;AAIX,mBAAmB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,GACZ;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAE7C,QAAM,CAAC,mBAAmB,iBAAiB,2BAAS;AACpD,QAAM,eAAe;AACrB,QAAM,YAAY;AAClB,QAAM,WAAW;AACjB,QAAM,SAAS;AAGf,8BAAU,MAAM;AACd,UAAM,cAAc,SAAS,aAAa;AAC1C,UAAM,WAAW,qBAAqB,UAAU;AAChD,UAAM,UAAU,SAAS;AAEzB,WAAO,UACL,eACA,YACA,IAAI,sBAAO,aAAa,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB;AAAA,UACf,SAAS;AAAA,UACT,mBAAmB;AAAA,aAChB,UAAU;AAAA;AAAA,QAEf,QAAQ,gBAAgB;AAAA,UACtB;AAAA,UACA;AAAA;AAAA,WAEC;AAAA,QACH,OAAO;AAAA,UACL,SAAS,CAAC,CAAC;AAAA,UACX,SAAS;AAAA;AAAA,QAEX,YAAY,EAAE,SAAS;AAAA,QACvB,qBAAqB;AAAA,UACnB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,IAAI,CAAC,SAAS;AACZ,0BAAc;AACd,mBAAO;AAAA;AAAA;AAAA;AAAA;AAMjB,WAAO,MAAM;AACX,UAAI,OAAO;AAAS,eAAO,QAAQ;AAAA;AAAA,KAEpC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,8BAAU,MAAM;AACd,QAAI,CAAC,OAAO;AAAS;AACrB,WAAO,QAAQ;AAAA,KACd,CAAC,OAAO;AAEX,QAAM,QAAQ;AAAA,IACZ,KAAK;AAAA,IACL,OAAO,WAAW;AAAA;AAEpB,QAAM,cAAc;AAAA,IAClB,OAAO,WAAW;AAAA,IAClB,KAAK;AAAA,IACL,WAAW,WAAW;AAAA,IACtB,eAAe;AAAA;AAEjB,QAAM,YAAY;AAAA,IAChB,KAAK;AAAA;AAEP,SAAO;AAAA,IACL,gBAAgB,OAAO;AAAA,IACvB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IAEA;AAAA;AAAA;",
-  "names": []
-}

package/esm/Arrow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Arrow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-popper';\n\nconst ArrowWrapper = aggregatedClasses('span')('popover', 'arrow');\nfunction Arrow({ style, className, innerRef, blockName = 'popover', placement, ...otherProps }) {\n  return (\n    <ArrowWrapper\n      className={className}\n      data-placement={placement}\n      {...otherProps}\n      innerRef={innerRef}\n      style={{\n        ...style,\n        ...getArrowStylesBySize(placement, 25),\n      }}\n    >\n      <svg viewBox=\"0 0 30 30\">\n        <path\n          className=\"stroke\"\n          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\"\n        />\n        <path\n          className=\"fill\"\n          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\"\n        />\n      </svg>\n    </ArrowWrapper>\n  );\n}\n\nexport default forwardRef((props, ref) => <Arrow {...props} innerRef={ref || props.innerRef} />);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,eAAe,kBAAkB,QAAQ,WAAW;AAC1D,eAAe,EAAE,OAAO,WAAW,UAAU,YAAY,WAAW,cAAc,cAAc;AAC9F,SACE,qCAAC,cAAD;AAAA,IACE;AAAA,IACA,kBAAgB;AAAA,OACZ;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,SACF;AAAA,SACA,qBAAqB,WAAW;AAAA;AAAA,KAGrC,qCAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,MAGJ,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA;AAAA;AAOZ,IAAO,gBAAQ,WAAW,CAAC,OAAO,QAAQ,qCAAC,OAAD;AAAA,KAAW;AAAA,EAAO,UAAU,OAAO,MAAM;AAAA;",
-  "names": []
-}

package/esm/DSPopover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPopover.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useHoverHandlersDelay } from '@elliemae/ds-utilities';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport Popover from './Popover';\nimport usePopper from './usePopper';\nimport Arrow from './Arrow';\nimport usePopoverProviderState from './usePopoverProviderState';\n\nexport * from '@elliemae/ds-popper';\nexport const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\n/* Unstable Popover, not yet fully working */\nconst DSPopover = ({\n  containerProps,\n  content, // react component inside the popover to render its content\n  renderer, // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)\n  visible: visibleProp,\n  offset,\n  showArrow,\n  // popper props options\n  placement,\n  boundaries, // scrollParent | window | viewport\n  modifiers,\n  referenceEl,\n  renderTrigger,\n  onClickOutside,\n  destroyOnHidden,\n  interactionType,\n  isOpen,\n  style,\n}) => {\n  const { visible, onShow, onHide, onToggle } = useHiddenController(visibleProp);\n\n  const { reference, popper, arrow, popperData } = usePopper({\n    placement,\n    showArrow,\n    boundaries,\n    modifiers,\n    offset,\n    referenceEl,\n    eventsEnabled: visible,\n    isOpen,\n  });\n\n  const hoverHandlers = useHoverHandlersDelay({\n    onMouseOver: onShow,\n    onMouseLeave: onHide,\n  });\n  const isPopoverVisible = visible || isOpen;\n  return (\n    <>\n      {renderTrigger({\n        ...reference,\n        handlers: interactionType === 'click' ? { onClick: onToggle } : hoverHandlers,\n        onShow,\n        onToggle,\n        onHide,\n        'aria-haspopup': true,\n        'aria-expanded': visible,\n      })}\n      {isPopoverVisible && reference.ref && (\n        <Popover\n          containerProps={containerProps}\n          destroyOnHidden={destroyOnHidden}\n          interactionType={interactionType}\n          isOpen={isOpen}\n          onClickOutside={(...args) => {\n            onClickOutside(...args);\n            if (interactionType === 'click') onHide();\n          }}\n          popperProps={popper}\n          renderer={\n            renderer &&\n            ((props) =>\n              renderer({\n                ...props,\n                onShow,\n                onToggle,\n                onHide,\n              }))\n          }\n          style={style}\n          visible={isPopoverVisible}\n        >\n          {showArrow && <Arrow {...arrow} placement={popperData.placement} />}\n          {isPopoverVisible && content}\n        </Popover>\n      )}\n    </>\n  );\n};\n\nDSPopover.defaultProps = {\n  containerProps: {},\n  renderer: undefined,\n  visible: undefined,\n  offset: undefined,\n  showArrow: false,\n  placement: 'top',\n  modifiers: {},\n  renderTrigger: () => null,\n  onClickOutside: () => null,\n  destroyOnHidden: true,\n  isOpen: undefined,\n};\n\nconst popoverProps = {\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  destroyOnHidden: PropTypes.bool.description('destroy popover on hidden or not').defaultValue(true),\n  renderer: PropTypes.func.description('custom renderer'),\n  popperProps: PropTypes.object.description('Popper props attached to container'),\n  visible: PropTypes.bool.description('is visible or not').defaultValue(false),\n  content: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('popover content'),\n  onClickOutside: PropTypes.func.description('function called on click outside'),\n  interaction: PropTypes.string.description('interaction type: hover, click'),\n  offset: PropTypes.object.description('offset'),\n  showArrow: PropTypes.bool.description('show tooltip arrow or not'),\n  placement: PropTypes.string.description('popover placement: top, bottom, right, left'),\n  boundaries: PropTypes.string.description('popover boundaries'),\n  modifiers: PropTypes.object.description('modifiers'),\n  style: PropTypes.object.description('css style object'),\n  referenceEl: PropTypes.element.description('reference element'),\n  renderTrigger: PropTypes.func.description('render trigger element'),\n  interactionType: PropTypes.string.description('interaction type'),\n  isOpen: PropTypes.bool.description('open or not').defaultValue(false),\n};\n\nDSPopover.propTypes = popoverProps;\n\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AAAA;AAIT,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,SAAS,QAAQ,QAAQ,aAAa,oBAAoB;AAElE,QAAM,EAAE,WAAW,QAAQ,OAAO,eAAe,UAAU;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA;AAGF,QAAM,gBAAgB,sBAAsB;AAAA,IAC1C,aAAa;AAAA,IACb,cAAc;AAAA;AAEhB,QAAM,mBAAmB,WAAW;AACpC,SACE,4DACG,cAAc;AAAA,OACV;AAAA,IACH,UAAU,oBAAoB,UAAU,EAAE,SAAS,aAAa;AAAA,IAChE;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,MAElB,oBAAoB,UAAU,OAC7B,qCAAC,SAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,IAAI,SAAS;AAC3B,qBAAe,GAAG;AAClB,UAAI,oBAAoB;AAAS;AAAA;AAAA,IAEnC,aAAa;AAAA,IACb,UACE,YACC,EAAC,UACA,SAAS;AAAA,SACJ;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAGN;AAAA,IACA,SAAS;AAAA,KAER,aAAa,qCAAC,OAAD;AAAA,OAAW;AAAA,IAAO,WAAW,WAAW;AAAA,MACrD,oBAAoB;AAAA;AAO/B,UAAU,eAAe;AAAA,EACvB,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,iBAAiB;AAAA,EACjB,QAAQ;AAAA;AAGV,MAAM,eAAe;AAAA,EACnB,gBAAgB,UAAU,MAAM,IAAI,YAAY;AAAA,EAChD,iBAAiB,UAAU,KAAK,YAAY,oCAAoC,aAAa;AAAA,EAC7F,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,aAAa,UAAU,OAAO,YAAY;AAAA,EAC1C,SAAS,UAAU,KAAK,YAAY,qBAAqB,aAAa;AAAA,EACtE,SAAS,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,SAAS,YAAY;AAAA,EAChF,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAC3C,aAAa,UAAU,OAAO,YAAY;AAAA,EAC1C,QAAQ,UAAU,OAAO,YAAY;AAAA,EACrC,WAAW,UAAU,KAAK,YAAY;AAAA,EACtC,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,YAAY,UAAU,OAAO,YAAY;AAAA,EACzC,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,aAAa,UAAU,QAAQ,YAAY;AAAA,EAC3C,eAAe,UAAU,KAAK,YAAY;AAAA,EAC1C,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAC9C,QAAQ,UAAU,KAAK,YAAY,eAAe,aAAa;AAAA;AAGjE,UAAU,YAAY;AAEtB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAI9B,IAAO,oBAAQ;",
-  "names": []
-}

package/esm/Popover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Popover.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n  containerProps,\n  destroyOnHidden = true,\n  renderer = undefined,\n  popperProps = {},\n  visible = false,\n  content = undefined,\n  onClickOutside = () => null,\n  style,\n  ...otherProps\n}) {\n  const popoverRef = useRef();\n  const hiddenTransitionProps = useHiddenTransition({ visible });\n  const popoverProps = removeUndefinedProperties({\n    containerprops: containerProps,\n    content,\n    ref: popoverRef,\n    ...otherProps,\n    ...hiddenTransitionProps,\n  });\n\n  useOnClickOutside(popoverRef, onClickOutside);\n\n  const wrapStyle = omit(style, 'zIndex') || {};\n  return (\n    destroyOnHidden &&\n    !hiddenTransitionProps.destroyed && (\n      <DSPortal>\n        <div {...popperProps} style={{ ...style, ...popperProps.style }}>\n          {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n        </div>\n      </DSPortal>\n    )\n  );\n}\n\nexport default Popover;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,mBAAmB,kBAAkB,OAAO;AAElD,iBAAiB;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EACvB;AAAA,KACG;AAAA,GACF;AACD,QAAM,aAAa;AACnB,QAAM,wBAAwB,oBAAoB,EAAE;AACpD,QAAM,eAAe,0BAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,OACF;AAAA,OACA;AAAA;AAGL,oBAAkB,YAAY;AAE9B,QAAM,YAAY,KAAK,OAAO,aAAa;AAC3C,SACE,mBACA,CAAC,sBAAsB,aACrB,qCAAC,UAAD,MACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAa,OAAO,KAAK,UAAU,YAAY;AAAA,KACrD,WAAW,YAAY,SAAS,gBAAgB,qCAAC,kBAAD;AAAA,OAAsB;AAAA,IAAc,OAAO;AAAA;AAAA;AAOtG,IAAO,kBAAQ;",
-  "names": []
-}

package/esm/PopoverTrigger.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PopoverTrigger.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\nconst noop = () => {};\n\nfunction useHiddenTrigger({\n  hiddenId,\n  visible = false,\n  interaction = 'click',\n  onToggle = noop,\n  onShow = noop,\n  onHide = noop,\n}) {\n  const handlers = {\n    [Interaction.CLICK]: {\n      onClick: onToggle,\n    },\n    [Interaction.HOVER]: {\n      onMouseEnter: onShow,\n      onMouseLeave: onHide,\n    },\n  };\n  return {\n    'aria-expanded': visible,\n    ...handlers[interaction],\n    'aria-controls': hiddenId,\n  };\n}\n\nfunction PopoverTrigger({ as: Component, ...props }) {\n  const hiddenTriggerProps = useHiddenTrigger(props);\n\n  return <Component {...hiddenTriggerProps} />;\n}\n\nexport default PopoverTrigger;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AAAA;AAGT,MAAM,OAAO,MAAM;AAAA;AAEnB,0BAA0B;AAAA,EACxB;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,GACR;AACD,QAAM,WAAW;AAAA,KACd,YAAY,QAAQ;AAAA,MACnB,SAAS;AAAA;AAAA,KAEV,YAAY,QAAQ;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA;AAAA;AAGlB,SAAO;AAAA,IACL,iBAAiB;AAAA,OACd,SAAS;AAAA,IACZ,iBAAiB;AAAA;AAAA;AAIrB,wBAAwB,EAAE,IAAI,cAAc,SAAS;AACnD,QAAM,qBAAqB,iBAAiB;AAE5C,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;AAGxB,IAAO,yBAAQ;",
-  "names": []
-}

package/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSPopover';\nexport { default } from './DSPopover';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/esm/usePopover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/usePopover.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import usePopper from './usePopper';\n\nfunction usePopover({ ...otherProps }) {\n  const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n  return {\n    triggerProps: { ...reference },\n    popoverProps: { ...popper },\n    arrowProps: { ...arrow },\n    ...popperProps,\n  };\n}\n\nexport default usePopover;\n"],
-  "mappings": "AAAA;ACAA;AAEA,oBAAoB,KAAK,cAAc;AACrC,QAAM,EAAE,WAAW,QAAQ,UAAU,gBAAgB,UAAU;AAE/D,SAAO;AAAA,IACL,cAAc,KAAK;AAAA,IACnB,cAAc,KAAK;AAAA,IACnB,YAAY,KAAK;AAAA,OACd;AAAA;AAAA;AAIP,IAAO,qBAAQ;",
-  "names": []
-}

package/esm/usePopoverProviderState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/usePopoverProviderState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-utilities';\n\nfunction usePopoverProviderState({\n  initialState = {\n    reference: null,\n    visible: false,\n    value: '',\n    options: {},\n  },\n  delay,\n}) {\n  const triggerRef = useRef();\n  const [tooltipState, setTooltipState] = useState(initialState);\n\n  const show = (state) => {\n    setTooltipState((prevState) => ({\n      ...prevState,\n      ...state,\n      visible: true,\n    }));\n  };\n  const hide = (state) => {\n    setTooltipState((prevState) => ({\n      ...prevState,\n      ...state,\n      visible: false,\n    }));\n  };\n\n  const [showTooltip, hideTooltip] = useExecutionTimer(show, hide, delay);\n\n  const handleShowTooltip = (state, e) => {\n    triggerRef.current = e.target;\n    showTooltip({ ...state, reference: e.target });\n  };\n\n  const handleHideTooltip = (state) => {\n    hideTooltip(state);\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', throttle(handleHideTooltip, 300), true);\n    window.addEventListener('click', handleHideTooltip, true);\n    return () => {\n      window.removeEventListener('scroll', throttle(handleHideTooltip, 300), true);\n      window.addEventListener('click', handleHideTooltip, true);\n    };\n  }, [tooltipState.reference]);\n\n  return {\n    show: handleShowTooltip,\n    hide: handleHideTooltip,\n    state: tooltipState,\n  };\n}\n\nexport default usePopoverProviderState;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,iCAAiC;AAAA,EAC/B,eAAe;AAAA,IACb,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA;AAAA,EAEX;AAAA,GACC;AACD,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,cAAe;AAAA,SAC3B;AAAA,SACA;AAAA,MACH,SAAS;AAAA;AAAA;AAGb,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,cAAe;AAAA,SAC3B;AAAA,SACA;AAAA,MACH,SAAS;AAAA;AAAA;AAIb,QAAM,CAAC,aAAa,eAAe,kBAAkB,MAAM,MAAM;AAEjE,QAAM,oBAAoB,CAAC,OAAO,MAAM;AACtC,eAAW,UAAU,EAAE;AACvB,gBAAY,KAAK,OAAO,WAAW,EAAE;AAAA;AAGvC,QAAM,oBAAoB,CAAC,UAAU;AACnC,gBAAY;AAAA;AAGd,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,SAAS,mBAAmB,MAAM;AACpE,WAAO,iBAAiB,SAAS,mBAAmB;AACpD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,SAAS,mBAAmB,MAAM;AACvE,aAAO,iBAAiB,SAAS,mBAAmB;AAAA;AAAA,KAErD,CAAC,aAAa;AAEjB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA;AAAA;AAIX,IAAO,kCAAQ;",
-  "names": []
-}

package/esm/usePopper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/usePopper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Popper from 'popper.js';\nimport { useEffect, useRef, useState } from 'react';\n\nfunction calculateOffset({ offset, showArrow }) {\n  const arrowSize = 10;\n  const defaultPadding = 3;\n  return {\n    enabled: showArrow || offset,\n    offset: Array.isArray(offset)\n      ? `${offset[0]}, ${(offset[1] || offset[0]) + arrowSize + defaultPadding}`\n      : `0, ${arrowSize + defaultPadding}`,\n  };\n}\n\nexport default function usePopper({\n  offset,\n  showArrow,\n  placement,\n  isOpen,\n  modifiers,\n  eventsEnabled = true,\n  positionFixed,\n  boundaries = 'scrollParent',\n  referenceEl: refEl,\n}) {\n  const [popperData, setPopperData] = useState({});\n  // this is util for deferred rendering like with portals\n  const [dynamicPopperNode, setPopperNode] = useState(null);\n  const referenceRef = useRef();\n  const popperRef = useRef();\n  const arrowRef = useRef();\n  const popper = useRef();\n\n  // initialize popper with refs and options\n  useEffect(() => {\n    const referenceEl = refEl || referenceRef.current;\n    const popperEl = dynamicPopperNode || popperRef.current;\n    const arrowEl = arrowRef.current;\n\n    popper.current =\n      referenceEl &&\n      popperEl &&\n      new Popper(referenceEl, popperEl, {\n        placement,\n        isOpen,\n        eventsEnabled,\n        positionFixed,\n        modifiers: {\n          preventOverflow: {\n            padding: 0,\n            boundariesElement: boundaries,\n            ...modifiers.preventOverflow,\n          },\n          offset: calculateOffset({\n            offset,\n            showArrow,\n          }),\n          ...modifiers,\n          arrow: {\n            enabled: !!arrowEl,\n            element: arrowEl,\n          },\n          applyStyle: { enabled: false },\n          updateStateModifier: {\n            order: 900,\n            enabled: true,\n            fn: (data) => {\n              setPopperData(data);\n              return data;\n            },\n          },\n        },\n      });\n\n    return () => {\n      if (popper.current) popper.current.destroy();\n    };\n  }, [\n    refEl,\n    dynamicPopperNode,\n    placement,\n    showArrow,\n    offset,\n    popperRef,\n    eventsEnabled,\n  ]);\n\n  // update popper instance after initialization\n  useEffect(() => {\n    if (!popper.current) return;\n    popper.current.update();\n  }, [popper.current]);\n\n  const arrow = {\n    ref: arrowRef,\n    style: popperData.arrowStyles,\n  };\n  const popperProps = {\n    style: popperData.styles,\n    ref: setPopperNode,\n    placement: popperData.placement,\n    'data-testid': 'popover-container',\n  };\n  const reference = {\n    ref: referenceRef,\n  };\n  return {\n    popperInstance: popper.current,\n    popper: popperProps,\n    arrow,\n    reference,\n    // setPopperNode,\n    popperData,\n  };\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,yBAAyB,EAAE,QAAQ,aAAa;AAC9C,QAAM,YAAY;AAClB,QAAM,iBAAiB;AACvB,SAAO;AAAA,IACL,SAAS,aAAa;AAAA,IACtB,QAAQ,MAAM,QAAQ,UAClB,GAAG,OAAO,OAAQ,QAAO,MAAM,OAAO,MAAM,YAAY,mBACxD,MAAM,YAAY;AAAA;AAAA;AAIX,mBAAmB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,GACZ;AACD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAE7C,QAAM,CAAC,mBAAmB,iBAAiB,SAAS;AACpD,QAAM,eAAe;AACrB,QAAM,YAAY;AAClB,QAAM,WAAW;AACjB,QAAM,SAAS;AAGf,YAAU,MAAM;AACd,UAAM,cAAc,SAAS,aAAa;AAC1C,UAAM,WAAW,qBAAqB,UAAU;AAChD,UAAM,UAAU,SAAS;AAEzB,WAAO,UACL,eACA,YACA,IAAI,OAAO,aAAa,UAAU;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB;AAAA,UACf,SAAS;AAAA,UACT,mBAAmB;AAAA,aAChB,UAAU;AAAA;AAAA,QAEf,QAAQ,gBAAgB;AAAA,UACtB;AAAA,UACA;AAAA;AAAA,WAEC;AAAA,QACH,OAAO;AAAA,UACL,SAAS,CAAC,CAAC;AAAA,UACX,SAAS;AAAA;AAAA,QAEX,YAAY,EAAE,SAAS;AAAA,QACvB,qBAAqB;AAAA,UACnB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,IAAI,CAAC,SAAS;AACZ,0BAAc;AACd,mBAAO;AAAA;AAAA;AAAA;AAAA;AAMjB,WAAO,MAAM;AACX,UAAI,OAAO;AAAS,eAAO,QAAQ;AAAA;AAAA,KAEpC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AAAS;AACrB,WAAO,QAAQ;AAAA,KACd,CAAC,OAAO;AAEX,QAAM,QAAQ;AAAA,IACZ,KAAK;AAAA,IACL,OAAO,WAAW;AAAA;AAEpB,QAAM,cAAc;AAAA,IAClB,OAAO,WAAW;AAAA,IAClB,KAAK;AAAA,IACL,WAAW,WAAW;AAAA,IACtB,eAAe;AAAA;AAEjB,QAAM,YAAY;AAAA,IAChB,KAAK;AAAA;AAEP,SAAO;AAAA,IACL,gBAAgB,OAAO;AAAA,IACvB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IAEA;AAAA;AAAA;",
-  "names": []
-}