@elliemae/ds-overlay 2.2.1 → 2.3.0-alpha.4

package/cjs/DSOverlay.js

@@ -1,48 +1,55 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.some.js');
-var React = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSBackdrop = require('@elliemae/ds-backdrop');
-var DSPortal = require('@elliemae/ds-portal');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSBackdrop__default = /*#__PURE__*/_interopDefaultLegacy(DSBackdrop);
-var DSPortal__default = /*#__PURE__*/_interopDefaultLegacy(DSPortal);
-
-const blockName = 'overlay';
-const events = ['mousedown', 'touchstart'];
-const OverlayContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    usePortal,
-    isOpen
-  } = _ref;
-  return {
-    inline: !usePortal,
-    opened: isOpen
+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 DSOverlay_exports = {};
+__export(DSOverlay_exports, {
+  DSOverlay: () => DSOverlay,
+  default: () => DSOverlay_default
 });
-
-class DSOverlay extends React.Component {
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_backdrop = __toESM(require("@elliemae/ds-backdrop"));
+var import_ds_portal = __toESM(require("@elliemae/ds-portal"));
+const blockName = "overlay";
+const events = ["mousedown", "touchstart"];
+const OverlayContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ usePortal, isOpen }) => ({
+  inline: !usePortal,
+  opened: isOpen
+}));
+const _DSOverlay = class extends import_react.Component {
   constructor(props) {
     super(props);
-    this.overlayRef = /*#__PURE__*/React__default["default"].createRef();
+    this.overlayRef = import_react.default.createRef();
     this.handleDocumentClick = this.handleDocumentClick.bind(this);
   }
-
   componentDidUpdate(prevProps) {
-    const {
-      isOpen
-    } = this.props;
-
+    const { isOpen } = this.props;
     if (isOpen !== prevProps.isOpen) {
       if (isOpen) {
         this.openOverlay();
@@ -51,55 +58,38 @@ class DSOverlay extends React.Component {
       }
     }
   }
-
   addClickOutsideListeners() {
-    events.forEach(event => {
+    events.forEach((event) => {
       document.addEventListener(event, this.handleDocumentClick);
     });
   }
-
   removeClickOutsideListeners() {
-    events.forEach(event => {
+    events.forEach((event) => {
       document.removeEventListener(event, this.handleDocumentClick);
     });
   }
-
   handleDocumentClick(e) {
-    const {
-      onClickOutside,
-      isOpen
-    } = this.props;
-    const {
-      overlayStack
-    } = DSOverlay;
+    const { onClickOutside, isOpen } = this.props;
+    const { overlayStack } = _DSOverlay;
     const overlayIndex = overlayStack.indexOf(this);
-    const hasClickedOverlay = overlayStack.slice(overlayIndex).some(_ref2 => {
-      let {
-        overlayRef
-      } = _ref2;
+    const hasClickedOverlay = overlayStack.slice(overlayIndex).some(({ overlayRef }) => {
       const elem = overlayRef.current;
       return elem && elem.contains(e.target) && !elem.isSameNode(e.target);
     });
-
     if (isOpen && !hasClickedOverlay) {
-      onClickOutside(e); // giving opportunity for callers to operate on the event.
+      onClickOutside(e);
     }
   }
-
   openOverlay() {
     this.addClickOutsideListeners();
-    DSOverlay.overlayStack.push(this);
+    _DSOverlay.overlayStack.push(this);
   }
-
   closeOverlay() {
-    const {
-      overlayStack
-    } = DSOverlay;
+    const { overlayStack } = _DSOverlay;
     const overlayIndex = overlayStack.indexOf(this);
     this.removeClickOutsideListeners();
     overlayStack.splice(overlayIndex, 1);
   }
-
   render() {
     const {
       usePortal,
@@ -108,36 +98,37 @@ class DSOverlay extends React.Component {
       children,
       backDropZIndex
     } = this.props;
-    if (!isOpen) return null;
-
-    const overlay = /*#__PURE__*/_jsx__default["default"](OverlayContainer, {
-      classProps: {
-        usePortal,
-        isOpen
-      },
+    if (!isOpen)
+      return null;
+    const overlay = /* @__PURE__ */ import_react.default.createElement(OverlayContainer, {
+      classProps: { usePortal, isOpen },
       innerRef: this.overlayRef
-    }, void 0, hasBackdrop && /*#__PURE__*/_jsx__default["default"](DSBackdrop__default["default"], {
+    }, hasBackdrop && /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.default, {
       zIndex: backDropZIndex
     }), children);
-
     if (usePortal) {
-      return /*#__PURE__*/_jsx__default["default"](DSPortal__default["default"], {}, void 0, overlay);
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_portal.default, null, overlay);
     }
-
     return overlay;
   }
-
-}
-
+};
+let DSOverlay = _DSOverlay;
 DSOverlay.overlayStack = [];
 DSOverlay.defaultProps = {
   isOpen: false,
   usePortal: true,
   hasBackdrop: false,
   backDropZIndex: 2,
-  // https://jira.elliemae.io/browse/PUI-1712
   onClickOutside: () => null
 };
-
-exports.DSOverlay = DSOverlay;
-exports["default"] = DSOverlay;
+DSOverlay.propTypes = {
+  backDropZIndex: import_prop_types.default.number,
+  children: import_prop_types.default.element,
+  hasBackdrop: import_prop_types.default.bool,
+  isOpen: import_prop_types.default.bool,
+  onClickOutside: import_prop_types.default.func,
+  usePortal: import_prop_types.default.bool
+};
+var DSOverlay_default = DSOverlay;
+module.exports = __toCommonJS(DSOverlay_exports);
+//# sourceMappingURL=DSOverlay.js.map

package/cjs/DSOverlay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSOverlay.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSBackdrop from '@elliemae/ds-backdrop';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'overlay';\n\nconst events = ['mousedown', 'touchstart'];\n\nconst OverlayContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ usePortal, isOpen }) => ({\n    inline: !usePortal,\n    opened: isOpen,\n  }),\n);\n\nclass DSOverlay extends Component {\n  static overlayStack = [];\n\n  static defaultProps = {\n    isOpen: false,\n    usePortal: true,\n    hasBackdrop: false,\n    backDropZIndex: 2, // https://jira.elliemae.io/browse/PUI-1712\n    onClickOutside: () => null,\n  };\n  constructor(props) {\n    super(props);\n    this.overlayRef = React.createRef();\n\n    this.handleDocumentClick = this.handleDocumentClick.bind(this);\n  }\n\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen !== prevProps.isOpen) {\n      if (isOpen) {\n        this.openOverlay();\n      } else {\n        this.closeOverlay();\n      }\n    }\n  }\n\n  addClickOutsideListeners() {\n    events.forEach((event) => {\n      document.addEventListener(event, this.handleDocumentClick);\n    });\n  }\n\n  removeClickOutsideListeners() {\n    events.forEach((event) => {\n      document.removeEventListener(event, this.handleDocumentClick);\n    });\n  }\n\n  handleDocumentClick(e) {\n    const { onClickOutside, isOpen } = this.props;\n    const { overlayStack } = DSOverlay;\n    const overlayIndex = overlayStack.indexOf(this);\n    const hasClickedOverlay = overlayStack\n      .slice(overlayIndex)\n      .some(({ overlayRef }) => {\n        const elem = overlayRef.current;\n        return elem && elem.contains(e.target) && !elem.isSameNode(e.target);\n      });\n\n    if (isOpen && !hasClickedOverlay) {\n      onClickOutside(e); // giving opportunity for callers to operate on the event.\n    }\n  }\n\n  openOverlay() {\n    this.addClickOutsideListeners();\n    DSOverlay.overlayStack.push(this);\n  }\n\n  closeOverlay() {\n    const { overlayStack } = DSOverlay;\n    const overlayIndex = overlayStack.indexOf(this);\n    this.removeClickOutsideListeners();\n    overlayStack.splice(overlayIndex, 1);\n  }\n\n  render() {\n    const {\n      usePortal,\n      isOpen,\n      hasBackdrop,\n      children,\n      backDropZIndex,\n    } = this.props;\n\n    if (!isOpen) return null;\n\n    const overlay = (\n      <OverlayContainer\n        classProps={{ usePortal, isOpen }}\n        innerRef={this.overlayRef}\n      >\n        {hasBackdrop && <DSBackdrop zIndex={backDropZIndex} />}\n        {children}\n      </OverlayContainer>\n    );\n\n    if (usePortal) {\n      return <DSPortal>{overlay}</DSPortal>;\n    }\n\n    return overlay;\n  }\n}\n\nDSOverlay.propTypes = {\n  backDropZIndex: PropTypes.number,\n  children: PropTypes.element,\n  hasBackdrop: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  onClickOutside: PropTypes.func,\n  usePortal: PropTypes.bool,\n};\n\nexport { DSOverlay };\nexport default DSOverlay;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,wBAAsB;AACtB,2BAAkC;AAClC,yBAAuB;AACvB,uBAAqB;AAErB,MAAM,YAAY;AAElB,MAAM,SAAS,CAAC,aAAa;AAE7B,MAAM,mBAAmB,4CAAkB,OACzC,WACA,MACA,CAAC,EAAE,WAAW,aAAc;AAAA,EAC1B,QAAQ,CAAC;AAAA,EACT,QAAQ;AAAA;AAIZ,iCAAwB,uBAAU;AAAA,EAUhC,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,aAAa,qBAAM;AAExB,SAAK,sBAAsB,KAAK,oBAAoB,KAAK;AAAA;AAAA,EAG3D,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,WAAW,UAAU,QAAQ;AAC/B,UAAI,QAAQ;AACV,aAAK;AAAA,aACA;AACL,aAAK;AAAA;AAAA;AAAA;AAAA,EAKX,2BAA2B;AACzB,WAAO,QAAQ,CAAC,UAAU;AACxB,eAAS,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA,EAI1C,8BAA8B;AAC5B,WAAO,QAAQ,CAAC,UAAU;AACxB,eAAS,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA,EAI7C,oBAAoB,GAAG;AACrB,UAAM,EAAE,gBAAgB,WAAW,KAAK;AACxC,UAAM,EAAE,iBAAiB;AACzB,UAAM,eAAe,aAAa,QAAQ;AAC1C,UAAM,oBAAoB,aACvB,MAAM,cACN,KAAK,CAAC,EAAE,iBAAiB;AACxB,YAAM,OAAO,WAAW;AACxB,aAAO,QAAQ,KAAK,SAAS,EAAE,WAAW,CAAC,KAAK,WAAW,EAAE;AAAA;AAGjE,QAAI,UAAU,CAAC,mBAAmB;AAChC,qBAAe;AAAA;AAAA;AAAA,EAInB,cAAc;AACZ,SAAK;AACL,eAAU,aAAa,KAAK;AAAA;AAAA,EAG9B,eAAe;AACb,UAAM,EAAE,iBAAiB;AACzB,UAAM,eAAe,aAAa,QAAQ;AAC1C,SAAK;AACL,iBAAa,OAAO,cAAc;AAAA;AAAA,EAGpC,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,QAAI,CAAC;AAAQ,aAAO;AAEpB,UAAM,UACJ,mDAAC,kBAAD;AAAA,MACE,YAAY,EAAE,WAAW;AAAA,MACzB,UAAU,KAAK;AAAA,OAEd,eAAe,mDAAC,4BAAD;AAAA,MAAY,QAAQ;AAAA,QACnC;AAIL,QAAI,WAAW;AACb,aAAO,mDAAC,0BAAD,MAAW;AAAA;AAGpB,WAAO;AAAA;AAAA;AA7FX;AACS,AADT,UACS,eAAe;AAEf,AAHT,UAGS,eAAe;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB,MAAM;AAAA;AAyF1B,UAAU,YAAY;AAAA,EACpB,gBAAgB,0BAAU;AAAA,EAC1B,UAAU,0BAAU;AAAA,EACpB,aAAa,0BAAU;AAAA,EACvB,QAAQ,0BAAU;AAAA,EAClB,gBAAgB,0BAAU;AAAA,EAC1B,WAAW,0BAAU;AAAA;AAIvB,IAAO,oBAAQ;",
+  "names": []
+}

package/cjs/index.js

@@ -1,10 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSOverlay = require('./DSOverlay.js');
-
-
-
-exports.DSOverlay = DSOverlay.DSOverlay;
-exports["default"] = DSOverlay.DSOverlay;
+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, {
+  default: () => import_DSOverlay.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSOverlay"));
+var import_DSOverlay = __toESM(require("./DSOverlay"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/esm/DSOverlay.js

@@ -1,37 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import React, { Component } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSBackdrop from '@elliemae/ds-backdrop';
-import DSPortal from '@elliemae/ds-portal';
-
-const blockName = 'overlay';
-const events = ['mousedown', 'touchstart'];
-const OverlayContainer = aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    usePortal,
-    isOpen
-  } = _ref;
-  return {
-    inline: !usePortal,
-    opened: isOpen
-  };
-});
-
-class DSOverlay extends Component {
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import DSBackdrop from "@elliemae/ds-backdrop";
+import DSPortal from "@elliemae/ds-portal";
+const blockName = "overlay";
+const events = ["mousedown", "touchstart"];
+const OverlayContainer = aggregatedClasses("div")(blockName, null, ({ usePortal, isOpen }) => ({
+  inline: !usePortal,
+  opened: isOpen
+}));
+const _DSOverlay = class extends Component {
   constructor(props) {
     super(props);
-    this.overlayRef = /*#__PURE__*/React.createRef();
+    this.overlayRef = React2.createRef();
     this.handleDocumentClick = this.handleDocumentClick.bind(this);
   }
-
   componentDidUpdate(prevProps) {
-    const {
-      isOpen
-    } = this.props;
-
+    const { isOpen } = this.props;
     if (isOpen !== prevProps.isOpen) {
       if (isOpen) {
         this.openOverlay();
@@ -40,55 +26,38 @@ class DSOverlay extends Component {
       }
     }
   }
-
   addClickOutsideListeners() {
-    events.forEach(event => {
+    events.forEach((event) => {
       document.addEventListener(event, this.handleDocumentClick);
     });
   }
-
   removeClickOutsideListeners() {
-    events.forEach(event => {
+    events.forEach((event) => {
       document.removeEventListener(event, this.handleDocumentClick);
     });
   }
-
   handleDocumentClick(e) {
-    const {
-      onClickOutside,
-      isOpen
-    } = this.props;
-    const {
-      overlayStack
-    } = DSOverlay;
+    const { onClickOutside, isOpen } = this.props;
+    const { overlayStack } = _DSOverlay;
     const overlayIndex = overlayStack.indexOf(this);
-    const hasClickedOverlay = overlayStack.slice(overlayIndex).some(_ref2 => {
-      let {
-        overlayRef
-      } = _ref2;
+    const hasClickedOverlay = overlayStack.slice(overlayIndex).some(({ overlayRef }) => {
       const elem = overlayRef.current;
       return elem && elem.contains(e.target) && !elem.isSameNode(e.target);
     });
-
     if (isOpen && !hasClickedOverlay) {
-      onClickOutside(e); // giving opportunity for callers to operate on the event.
+      onClickOutside(e);
     }
   }
-
   openOverlay() {
     this.addClickOutsideListeners();
-    DSOverlay.overlayStack.push(this);
+    _DSOverlay.overlayStack.push(this);
   }
-
   closeOverlay() {
-    const {
-      overlayStack
-    } = DSOverlay;
+    const { overlayStack } = _DSOverlay;
     const overlayIndex = overlayStack.indexOf(this);
     this.removeClickOutsideListeners();
     overlayStack.splice(overlayIndex, 1);
   }
-
   render() {
     const {
       usePortal,
@@ -97,35 +66,40 @@ class DSOverlay extends Component {
       children,
       backDropZIndex
     } = this.props;
-    if (!isOpen) return null;
-
-    const overlay = /*#__PURE__*/_jsx(OverlayContainer, {
-      classProps: {
-        usePortal,
-        isOpen
-      },
+    if (!isOpen)
+      return null;
+    const overlay = /* @__PURE__ */ React2.createElement(OverlayContainer, {
+      classProps: { usePortal, isOpen },
       innerRef: this.overlayRef
-    }, void 0, hasBackdrop && /*#__PURE__*/_jsx(DSBackdrop, {
+    }, hasBackdrop && /* @__PURE__ */ React2.createElement(DSBackdrop, {
       zIndex: backDropZIndex
     }), children);
-
     if (usePortal) {
-      return /*#__PURE__*/_jsx(DSPortal, {}, void 0, overlay);
+      return /* @__PURE__ */ React2.createElement(DSPortal, null, overlay);
     }
-
     return overlay;
   }
-
-}
-
+};
+let DSOverlay = _DSOverlay;
 DSOverlay.overlayStack = [];
 DSOverlay.defaultProps = {
   isOpen: false,
   usePortal: true,
   hasBackdrop: false,
   backDropZIndex: 2,
-  // https://jira.elliemae.io/browse/PUI-1712
   onClickOutside: () => null
 };
-
-export { DSOverlay, DSOverlay as default };
+DSOverlay.propTypes = {
+  backDropZIndex: PropTypes.number,
+  children: PropTypes.element,
+  hasBackdrop: PropTypes.bool,
+  isOpen: PropTypes.bool,
+  onClickOutside: PropTypes.func,
+  usePortal: PropTypes.bool
+};
+var DSOverlay_default = DSOverlay;
+export {
+  DSOverlay,
+  DSOverlay_default as default
+};
+//# sourceMappingURL=DSOverlay.js.map

package/esm/DSOverlay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSOverlay.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSBackdrop from '@elliemae/ds-backdrop';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'overlay';\n\nconst events = ['mousedown', 'touchstart'];\n\nconst OverlayContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ usePortal, isOpen }) => ({\n    inline: !usePortal,\n    opened: isOpen,\n  }),\n);\n\nclass DSOverlay extends Component {\n  static overlayStack = [];\n\n  static defaultProps = {\n    isOpen: false,\n    usePortal: true,\n    hasBackdrop: false,\n    backDropZIndex: 2, // https://jira.elliemae.io/browse/PUI-1712\n    onClickOutside: () => null,\n  };\n  constructor(props) {\n    super(props);\n    this.overlayRef = React.createRef();\n\n    this.handleDocumentClick = this.handleDocumentClick.bind(this);\n  }\n\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen !== prevProps.isOpen) {\n      if (isOpen) {\n        this.openOverlay();\n      } else {\n        this.closeOverlay();\n      }\n    }\n  }\n\n  addClickOutsideListeners() {\n    events.forEach((event) => {\n      document.addEventListener(event, this.handleDocumentClick);\n    });\n  }\n\n  removeClickOutsideListeners() {\n    events.forEach((event) => {\n      document.removeEventListener(event, this.handleDocumentClick);\n    });\n  }\n\n  handleDocumentClick(e) {\n    const { onClickOutside, isOpen } = this.props;\n    const { overlayStack } = DSOverlay;\n    const overlayIndex = overlayStack.indexOf(this);\n    const hasClickedOverlay = overlayStack\n      .slice(overlayIndex)\n      .some(({ overlayRef }) => {\n        const elem = overlayRef.current;\n        return elem && elem.contains(e.target) && !elem.isSameNode(e.target);\n      });\n\n    if (isOpen && !hasClickedOverlay) {\n      onClickOutside(e); // giving opportunity for callers to operate on the event.\n    }\n  }\n\n  openOverlay() {\n    this.addClickOutsideListeners();\n    DSOverlay.overlayStack.push(this);\n  }\n\n  closeOverlay() {\n    const { overlayStack } = DSOverlay;\n    const overlayIndex = overlayStack.indexOf(this);\n    this.removeClickOutsideListeners();\n    overlayStack.splice(overlayIndex, 1);\n  }\n\n  render() {\n    const {\n      usePortal,\n      isOpen,\n      hasBackdrop,\n      children,\n      backDropZIndex,\n    } = this.props;\n\n    if (!isOpen) return null;\n\n    const overlay = (\n      <OverlayContainer\n        classProps={{ usePortal, isOpen }}\n        innerRef={this.overlayRef}\n      >\n        {hasBackdrop && <DSBackdrop zIndex={backDropZIndex} />}\n        {children}\n      </OverlayContainer>\n    );\n\n    if (usePortal) {\n      return <DSPortal>{overlay}</DSPortal>;\n    }\n\n    return overlay;\n  }\n}\n\nDSOverlay.propTypes = {\n  backDropZIndex: PropTypes.number,\n  children: PropTypes.element,\n  hasBackdrop: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  onClickOutside: PropTypes.func,\n  usePortal: PropTypes.bool,\n};\n\nexport { DSOverlay };\nexport default DSOverlay;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,SAAS,CAAC,aAAa;AAE7B,MAAM,mBAAmB,kBAAkB,OACzC,WACA,MACA,CAAC,EAAE,WAAW,aAAc;AAAA,EAC1B,QAAQ,CAAC;AAAA,EACT,QAAQ;AAAA;AAIZ,iCAAwB,UAAU;AAAA,EAUhC,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,aAAa,OAAM;AAExB,SAAK,sBAAsB,KAAK,oBAAoB,KAAK;AAAA;AAAA,EAG3D,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,WAAW,UAAU,QAAQ;AAC/B,UAAI,QAAQ;AACV,aAAK;AAAA,aACA;AACL,aAAK;AAAA;AAAA;AAAA;AAAA,EAKX,2BAA2B;AACzB,WAAO,QAAQ,CAAC,UAAU;AACxB,eAAS,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA,EAI1C,8BAA8B;AAC5B,WAAO,QAAQ,CAAC,UAAU;AACxB,eAAS,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA,EAI7C,oBAAoB,GAAG;AACrB,UAAM,EAAE,gBAAgB,WAAW,KAAK;AACxC,UAAM,EAAE,iBAAiB;AACzB,UAAM,eAAe,aAAa,QAAQ;AAC1C,UAAM,oBAAoB,aACvB,MAAM,cACN,KAAK,CAAC,EAAE,iBAAiB;AACxB,YAAM,OAAO,WAAW;AACxB,aAAO,QAAQ,KAAK,SAAS,EAAE,WAAW,CAAC,KAAK,WAAW,EAAE;AAAA;AAGjE,QAAI,UAAU,CAAC,mBAAmB;AAChC,qBAAe;AAAA;AAAA;AAAA,EAInB,cAAc;AACZ,SAAK;AACL,eAAU,aAAa,KAAK;AAAA;AAAA,EAG9B,eAAe;AACb,UAAM,EAAE,iBAAiB;AACzB,UAAM,eAAe,aAAa,QAAQ;AAC1C,SAAK;AACL,iBAAa,OAAO,cAAc;AAAA;AAAA,EAGpC,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,QAAI,CAAC;AAAQ,aAAO;AAEpB,UAAM,UACJ,qCAAC,kBAAD;AAAA,MACE,YAAY,EAAE,WAAW;AAAA,MACzB,UAAU,KAAK;AAAA,OAEd,eAAe,qCAAC,YAAD;AAAA,MAAY,QAAQ;AAAA,QACnC;AAIL,QAAI,WAAW;AACb,aAAO,qCAAC,UAAD,MAAW;AAAA;AAGpB,WAAO;AAAA;AAAA;AA7FX;AACS,AADT,UACS,eAAe;AAEf,AAHT,UAGS,eAAe;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB,MAAM;AAAA;AAyF1B,UAAU,YAAY;AAAA,EACpB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,QAAQ,UAAU;AAAA,EAClB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA;AAIvB,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/index.js

@@ -1 +1,7 @@
-export { DSOverlay, DSOverlay as default } from './DSOverlay.js';
+import * as React from "react";
+export * from "./DSOverlay";
+import { default as default2 } from "./DSOverlay";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-overlay",
-  "version": "2.2.1",
+  "version": "2.3.0-alpha.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Overlay",
   "module": "./esm/index.js",
@@ -36,9 +36,9 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-backdrop": "2.2.1",
-    "@elliemae/ds-classnames": "2.2.1",
-    "@elliemae/ds-portal": "2.2.1",
+    "@elliemae/ds-backdrop": "2.3.0-alpha.4",
+    "@elliemae/ds-classnames": "2.3.0-alpha.4",
+    "@elliemae/ds-portal": "2.3.0-alpha.4",
     "prop-types": "~15.7.2"
   },
   "peerDependencies": {