@elliemae/ds-overlay 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/DSOverlay.js

@@ -1,55 +1,48 @@
-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);
+'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
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSOverlay_exports = {};
-__export(DSOverlay_exports, {
-  DSOverlay: () => DSOverlay,
-  default: () => DSOverlay_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_classnames = __toESM(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 {
+
+class DSOverlay extends React.Component {
   constructor(props) {
     super(props);
-    this.overlayRef = import_react.default.createRef();
+    this.overlayRef = /*#__PURE__*/React__default["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();
@@ -58,38 +51,55 @@ const _DSOverlay = class extends import_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(({ overlayRef }) => {
+    const hasClickedOverlay = overlayStack.slice(overlayIndex).some(_ref2 => {
+      let {
+        overlayRef
+      } = _ref2;
       const elem = overlayRef.current;
       return elem && elem.contains(e.target) && !elem.isSameNode(e.target);
     });
+
     if (isOpen && !hasClickedOverlay) {
-      onClickOutside(e);
+      onClickOutside(e); // giving opportunity for callers to operate on the event.
     }
   }
+
   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,
@@ -98,37 +108,36 @@ const _DSOverlay = class extends import_react.Component {
       children,
       backDropZIndex
     } = this.props;
-    if (!isOpen)
-      return null;
-    const overlay = /* @__PURE__ */ import_react.default.createElement(OverlayContainer, {
-      classProps: { usePortal, isOpen },
+    if (!isOpen) return null;
+
+    const overlay = /*#__PURE__*/_jsx__default["default"](OverlayContainer, {
+      classProps: {
+        usePortal,
+        isOpen
+      },
       innerRef: this.overlayRef
-    }, hasBackdrop && /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.default, {
+    }, void 0, hasBackdrop && /*#__PURE__*/_jsx__default["default"](DSBackdrop__default["default"], {
       zIndex: backDropZIndex
     }), children);
+
     if (usePortal) {
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_portal.default, null, overlay);
+      return /*#__PURE__*/_jsx__default["default"](DSPortal__default["default"], {}, void 0, 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
 };
-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
+
+exports.DSOverlay = DSOverlay;
+exports["default"] = DSOverlay;

package/cjs/index.js

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

package/esm/DSOverlay.js

@@ -1,23 +1,37 @@
-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 {
+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 {
   constructor(props) {
     super(props);
-    this.overlayRef = React2.createRef();
+    this.overlayRef = /*#__PURE__*/React.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();
@@ -26,38 +40,55 @@ const _DSOverlay = class 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(({ overlayRef }) => {
+    const hasClickedOverlay = overlayStack.slice(overlayIndex).some(_ref2 => {
+      let {
+        overlayRef
+      } = _ref2;
       const elem = overlayRef.current;
       return elem && elem.contains(e.target) && !elem.isSameNode(e.target);
     });
+
     if (isOpen && !hasClickedOverlay) {
-      onClickOutside(e);
+      onClickOutside(e); // giving opportunity for callers to operate on the event.
     }
   }
+
   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,
@@ -66,40 +97,35 @@ const _DSOverlay = class extends Component {
       children,
       backDropZIndex
     } = this.props;
-    if (!isOpen)
-      return null;
-    const overlay = /* @__PURE__ */ React2.createElement(OverlayContainer, {
-      classProps: { usePortal, isOpen },
+    if (!isOpen) return null;
+
+    const overlay = /*#__PURE__*/_jsx(OverlayContainer, {
+      classProps: {
+        usePortal,
+        isOpen
+      },
       innerRef: this.overlayRef
-    }, hasBackdrop && /* @__PURE__ */ React2.createElement(DSBackdrop, {
+    }, void 0, hasBackdrop && /*#__PURE__*/_jsx(DSBackdrop, {
       zIndex: backDropZIndex
     }), children);
+
     if (usePortal) {
-      return /* @__PURE__ */ React2.createElement(DSPortal, null, overlay);
+      return /*#__PURE__*/_jsx(DSPortal, {}, void 0, 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
 };
-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
+
+export { DSOverlay, DSOverlay as default };

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-overlay",
-  "version": "2.2.0-alpha.3",
+  "version": "3.0.0-next.0",
   "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.0-alpha.3",
-    "@elliemae/ds-classnames": "2.2.0-alpha.3",
-    "@elliemae/ds-portal": "2.2.0-alpha.3",
+    "@elliemae/ds-backdrop": "3.0.0-next.0",
+    "@elliemae/ds-classnames": "3.0.0-next.0",
+    "@elliemae/ds-portal": "3.0.0-next.0",
     "prop-types": "~15.7.2"
   },
   "peerDependencies": {

package/cjs/DSOverlay.js.map

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

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

@@ -1,7 +0,0 @@
-{
-  "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.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 './DSOverlay';\nexport { default } from './DSOverlay';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}