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

package/cjs/Arrow.js

@@ -1,63 +1,62 @@
-'use strict';
-
-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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsPopper = require('@elliemae/ds-popper');
-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);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-var _svg;
-
-const _excluded = ["style", "className", "innerRef", "blockName", "placement"];
-
-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 ArrowWrapper = dsClassnames.aggregatedClasses('span')('popover', 'arrow');
-
-function Arrow(_ref) {
-  let {
-    style,
+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 Arrow_exports = {};
+__export(Arrow_exports, {
+  default: () => Arrow_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_popper = require("@elliemae/ds-popper");
+const ArrowWrapper = (0, import_ds_classnames.aggregatedClasses)("span")("popover", "arrow");
+function Arrow({ style, className, innerRef, blockName = "popover", placement, ...otherProps }) {
+  return /* @__PURE__ */ import_react.default.createElement(ArrowWrapper, {
     className,
+    "data-placement": placement,
+    ...otherProps,
     innerRef,
-    blockName = 'popover',
-    placement
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(ArrowWrapper, _objectSpread(_objectSpread({
-    className: className,
-    "data-placement": placement
-  }, otherProps), {}, {
-    innerRef: innerRef,
-    style: _objectSpread(_objectSpread({}, style), dsPopper.getArrowStylesBySize(placement, 25)),
-    children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
-      viewBox: "0 0 30 30"
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
-      className: "stroke",
-      d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
-    }), /*#__PURE__*/_jsx__default["default"]("path", {
-      className: "fill",
-      d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-    })))
-  }));
+    style: {
+      ...style,
+      ...(0, import_ds_popper.getArrowStylesBySize)(placement, 25)
+    }
+  }, /* @__PURE__ */ import_react.default.createElement("svg", {
+    viewBox: "0 0 30 30"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "stroke",
+    d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    className: "fill",
+    d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+  })));
 }
-
-var Arrow$1 = /*#__PURE__*/react.forwardRef((props, ref) => /*#__PURE__*/jsxRuntime.jsx(Arrow, _objectSpread(_objectSpread({}, props), {}, {
+var Arrow_default = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ import_react.default.createElement(Arrow, {
+  ...props,
   innerRef: ref || props.innerRef
-})));
-
-module.exports = Arrow$1;
+}));
+module.exports = __toCommonJS(Arrow_exports);
+//# sourceMappingURL=Arrow.js.map

package/cjs/Arrow.js.map

@@ -0,0 +1,7 @@
+{
+  "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

@@ -1,75 +1,73 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-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');
-require('react');
-var reactDesc = require('react-desc');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsHidden = require('@elliemae/ds-hidden');
-var Popover = require('./Popover.js');
-var usePopper = require('./usePopper.js');
-var Arrow = require('./Arrow.js');
-var usePopoverProviderState = require('./usePopoverProviderState.js');
-var jsxRuntime = require('react/jsx-runtime');
-var dsPopper = require('@elliemae/ds-popper');
-
-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; }
+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 DSPopover_exports = {};
+__export(DSPopover_exports, {
+  DSPopover: () => DSPopover,
+  Interaction: () => Interaction,
+  PopoverWithSchema: () => PopoverWithSchema,
+  default: () => DSPopover_default,
+  usePopoverProviderState: () => import_usePopoverProviderState.default,
+  usePopper: () => import_usePopper.default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_hidden = require("@elliemae/ds-hidden");
+var import_Popover = __toESM(require("./Popover"));
+var import_usePopper = __toESM(require("./usePopper"));
+var import_Arrow = __toESM(require("./Arrow"));
+var import_usePopoverProviderState = __toESM(require("./usePopoverProviderState"));
+__reExport(DSPopover_exports, require("@elliemae/ds-popper"));
 const Interaction = {
-  CLICK: 'click',
-  HOVER: 'hover'
+  CLICK: "click",
+  HOVER: "hover"
 };
-/* Unstable Popover, not yet fully working */
-
-const DSPopover = _ref => {
-  let {
-    containerProps,
-    content,
-    // react component inside the popover to render its content
-    renderer,
-    // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
-    visible: visibleProp,
-    offset,
-    showArrow,
-    // popper props options
-    placement,
-    boundaries,
-    // scrollParent | window | viewport
-    modifiers,
-    referenceEl,
-    renderTrigger,
-    onClickOutside,
-    destroyOnHidden,
-    interactionType,
-    isOpen,
-    style
-  } = _ref;
-  const {
-    visible,
-    onShow,
-    onHide,
-    onToggle
-  } = dsHidden.useHiddenController(visibleProp);
-  const {
-    reference,
-    popper,
-    arrow,
-    popperData
-  } = usePopper({
+const DSPopover = ({
+  containerProps,
+  content,
+  renderer,
+  visible: visibleProp,
+  offset,
+  showArrow,
+  placement,
+  boundaries,
+  modifiers,
+  referenceEl,
+  renderTrigger,
+  onClickOutside,
+  destroyOnHidden,
+  interactionType,
+  isOpen,
+  style
+}) => {
+  const { visible, onShow, onHide, onToggle } = (0, import_ds_hidden.useHiddenController)(visibleProp);
+  const { reference, popper, arrow, popperData } = (0, import_usePopper.default)({
     placement,
     showArrow,
     boundaries,
@@ -79,89 +77,79 @@ const DSPopover = _ref => {
     eventsEnabled: visible,
     isOpen
   });
-  const hoverHandlers = dsUtilities.useHoverHandlersDelay({
+  const hoverHandlers = (0, import_ds_utilities.useHoverHandlersDelay)({
     onMouseOver: onShow,
     onMouseLeave: onHide
   });
   const isPopoverVisible = visible || isOpen;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderTrigger(_objectSpread(_objectSpread({}, reference), {}, {
-      handlers: interactionType === 'click' ? {
-        onClick: onToggle
-      } : hoverHandlers,
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderTrigger({
+    ...reference,
+    handlers: interactionType === "click" ? { onClick: onToggle } : hoverHandlers,
+    onShow,
+    onToggle,
+    onHide,
+    "aria-haspopup": true,
+    "aria-expanded": visible
+  }), isPopoverVisible && reference.ref && /* @__PURE__ */ import_react.default.createElement(import_Popover.default, {
+    containerProps,
+    destroyOnHidden,
+    interactionType,
+    isOpen,
+    onClickOutside: (...args) => {
+      onClickOutside(...args);
+      if (interactionType === "click")
+        onHide();
+    },
+    popperProps: popper,
+    renderer: renderer && ((props) => renderer({
+      ...props,
       onShow,
       onToggle,
-      onHide,
-      'aria-haspopup': true,
-      'aria-expanded': visible
-    })), isPopoverVisible && reference.ref && /*#__PURE__*/_jsx__default["default"](Popover, {
-      containerProps: containerProps,
-      destroyOnHidden: destroyOnHidden,
-      interactionType: interactionType,
-      isOpen: isOpen,
-      onClickOutside: function () {
-        onClickOutside(...arguments);
-        if (interactionType === 'click') onHide();
-      },
-      popperProps: popper,
-      renderer: renderer && (props => renderer(_objectSpread(_objectSpread({}, props), {}, {
-        onShow,
-        onToggle,
-        onHide
-      }))),
-      style: style,
-      visible: isPopoverVisible
-    }, void 0, showArrow && /*#__PURE__*/jsxRuntime.jsx(Arrow, _objectSpread(_objectSpread({}, arrow), {}, {
-      placement: popperData.placement
-    })), isPopoverVisible && content)]
-  });
+      onHide
+    })),
+    style,
+    visible: isPopoverVisible
+  }, showArrow && /* @__PURE__ */ import_react.default.createElement(import_Arrow.default, {
+    ...arrow,
+    placement: popperData.placement
+  }), isPopoverVisible && content));
 };
-
 DSPopover.defaultProps = {
   containerProps: {},
-  renderer: undefined,
-  visible: undefined,
-  offset: undefined,
+  renderer: void 0,
+  visible: void 0,
+  offset: void 0,
   showArrow: false,
-  placement: 'top',
+  placement: "top",
   modifiers: {},
   renderTrigger: () => null,
   onClickOutside: () => null,
   destroyOnHidden: true,
-  isOpen: undefined
+  isOpen: void 0
 };
 const popoverProps = {
-  containerProps: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
-  destroyOnHidden: reactDesc.PropTypes.bool.description('destroy popover on hidden or not').defaultValue(true),
-  renderer: reactDesc.PropTypes.func.description('custom renderer'),
-  popperProps: reactDesc.PropTypes.object.description('Popper props attached to container'),
-  visible: reactDesc.PropTypes.bool.description('is visible or not').defaultValue(false),
-  content: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string]).description('popover content'),
-  onClickOutside: reactDesc.PropTypes.func.description('function called on click outside'),
-  interaction: reactDesc.PropTypes.string.description('interaction type: hover, click'),
-  offset: reactDesc.PropTypes.object.description('offset'),
-  showArrow: reactDesc.PropTypes.bool.description('show tooltip arrow or not'),
-  placement: reactDesc.PropTypes.string.description('popover placement: top, bottom, right, left'),
-  boundaries: reactDesc.PropTypes.string.description('popover boundaries'),
-  modifiers: reactDesc.PropTypes.object.description('modifiers'),
-  style: reactDesc.PropTypes.object.description('css style object'),
-  referenceEl: reactDesc.PropTypes.element.description('reference element'),
-  renderTrigger: reactDesc.PropTypes.func.description('render trigger element'),
-  interactionType: reactDesc.PropTypes.string.description('interaction type'),
-  isOpen: reactDesc.PropTypes.bool.description('open or not').defaultValue(false)
+  containerProps: import_react_desc.PropTypes.shape({}).description("Set of Properties attached to the main container"),
+  destroyOnHidden: import_react_desc.PropTypes.bool.description("destroy popover on hidden or not").defaultValue(true),
+  renderer: import_react_desc.PropTypes.func.description("custom renderer"),
+  popperProps: import_react_desc.PropTypes.object.description("Popper props attached to container"),
+  visible: import_react_desc.PropTypes.bool.description("is visible or not").defaultValue(false),
+  content: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.string]).description("popover content"),
+  onClickOutside: import_react_desc.PropTypes.func.description("function called on click outside"),
+  interaction: import_react_desc.PropTypes.string.description("interaction type: hover, click"),
+  offset: import_react_desc.PropTypes.object.description("offset"),
+  showArrow: import_react_desc.PropTypes.bool.description("show tooltip arrow or not"),
+  placement: import_react_desc.PropTypes.string.description("popover placement: top, bottom, right, left"),
+  boundaries: import_react_desc.PropTypes.string.description("popover boundaries"),
+  modifiers: import_react_desc.PropTypes.object.description("modifiers"),
+  style: import_react_desc.PropTypes.object.description("css style object"),
+  referenceEl: import_react_desc.PropTypes.element.description("reference element"),
+  renderTrigger: import_react_desc.PropTypes.func.description("render trigger element"),
+  interactionType: import_react_desc.PropTypes.string.description("interaction type"),
+  isOpen: import_react_desc.PropTypes.bool.description("open or not").defaultValue(false)
 };
-const PopoverWithSchema = reactDesc.describe(DSPopover);
+DSPopover.propTypes = popoverProps;
+const PopoverWithSchema = (0, import_react_desc.describe)(DSPopover);
 PopoverWithSchema.propTypes = popoverProps;
-
-exports.usePopper = usePopper;
-exports.usePopoverProviderState = usePopoverProviderState;
-exports.DSPopover = DSPopover;
-exports.Interaction = Interaction;
-exports.PopoverWithSchema = PopoverWithSchema;
-exports["default"] = DSPopover;
-Object.keys(dsPopper).forEach(function (k) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return dsPopper[k]; }
-  });
-});
+var DSPopover_default = DSPopover;
+module.exports = __toCommonJS(DSPopover_exports);
+//# sourceMappingURL=DSPopover.js.map

package/cjs/DSPopover.js.map

@@ -0,0 +1,7 @@
+{
+  "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

@@ -1,66 +1,73 @@
-'use strict';
-
-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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
-var lodash = require('lodash');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsHidden = require('@elliemae/ds-hidden');
-var DSPortal = require('@elliemae/ds-portal');
-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);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSPortal__default = /*#__PURE__*/_interopDefaultLegacy(DSPortal);
-
-const _excluded = ["containerProps", "destroyOnHidden", "renderer", "popperProps", "visible", "content", "onClickOutside", "style"];
-
-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 blockName = 'popover';
-const PopoverComponent = dsClassnames.aggregatedClasses('div')(blockName);
-
-function Popover(_ref) {
-  let {
-    containerProps,
-    destroyOnHidden = true,
-    renderer = undefined,
-    popperProps = {},
-    visible = false,
-    content = undefined,
-    onClickOutside = () => null,
-    style
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const popoverRef = react.useRef();
-  const hiddenTransitionProps = dsHidden.useHiddenTransition({
-    visible
-  });
-  const popoverProps = dsUtilities.removeUndefinedProperties(_objectSpread(_objectSpread({
+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 Popover_exports = {};
+__export(Popover_exports, {
+  default: () => Popover_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_hidden = require("@elliemae/ds-hidden");
+var import_ds_portal = __toESM(require("@elliemae/ds-portal"));
+const blockName = "popover";
+const PopoverComponent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+function Popover({
+  containerProps,
+  destroyOnHidden = true,
+  renderer = void 0,
+  popperProps = {},
+  visible = false,
+  content = void 0,
+  onClickOutside = () => null,
+  style,
+  ...otherProps
+}) {
+  const popoverRef = (0, import_react.useRef)();
+  const hiddenTransitionProps = (0, import_ds_hidden.useHiddenTransition)({ visible });
+  const popoverProps = (0, import_ds_utilities.removeUndefinedProperties)({
     containerprops: containerProps,
     content,
-    ref: popoverRef
-  }, otherProps), hiddenTransitionProps));
-  dsUtilities.useOnClickOutside(popoverRef, onClickOutside);
-  const wrapStyle = lodash.omit(style, 'zIndex') || {};
-  return destroyOnHidden && !hiddenTransitionProps.destroyed && /*#__PURE__*/_jsx__default["default"](DSPortal__default["default"], {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, popperProps), {}, {
-    style: _objectSpread(_objectSpread({}, style), popperProps.style),
-    children: dsUtilities.isFunction(renderer) ? renderer(popoverProps) : /*#__PURE__*/jsxRuntime.jsx(PopoverComponent, _objectSpread(_objectSpread({}, popoverProps), {}, {
-      style: wrapStyle
-    }))
+    ref: popoverRef,
+    ...otherProps,
+    ...hiddenTransitionProps
+  });
+  (0, import_ds_utilities.useOnClickOutside)(popoverRef, onClickOutside);
+  const wrapStyle = (0, import_lodash.omit)(style, "zIndex") || {};
+  return destroyOnHidden && !hiddenTransitionProps.destroyed && /* @__PURE__ */ import_react.default.createElement(import_ds_portal.default, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    ...popperProps,
+    style: { ...style, ...popperProps.style }
+  }, (0, import_ds_utilities.isFunction)(renderer) ? renderer(popoverProps) : /* @__PURE__ */ import_react.default.createElement(PopoverComponent, {
+    ...popoverProps,
+    style: wrapStyle
   })));
 }
-
-module.exports = Popover;
+var Popover_default = Popover;
+module.exports = __toCommonJS(Popover_exports);
+//# sourceMappingURL=Popover.js.map

package/cjs/Popover.js.map

@@ -0,0 +1,7 @@
+{
+  "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": []
+}