@elliemae/ds-overlay 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/DSOverlay.js

@@ -2,179 +2,138 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var PropTypes = require('prop-types');
 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 _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var DSBackdrop__default = /*#__PURE__*/_interopDefaultLegacy(DSBackdrop);
 var DSPortal__default = /*#__PURE__*/_interopDefaultLegacy(DSPortal);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var blockName = 'overlay';
-var events = ['mousedown', 'touchstart'];
-var OverlayContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
-  var usePortal = _ref.usePortal,
-      isOpen = _ref.isOpen;
-  return {
-    inline: !usePortal,
-    opened: isOpen
-  };
-});
-
-var DSOverlay = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](DSOverlay, _Component);
+const blockName = 'overlay';
+const events = ['mousedown', 'touchstart'];
+const OverlayContainer = dsClassnames.aggregatedClasses('div')(blockName, null, ({
+  usePortal,
+  isOpen
+}) => ({
+  inline: !usePortal,
+  opened: isOpen
+}));
+
+class DSOverlay extends React.Component {
+  constructor(props) {
+    super(props);
+    this.overlayRef = /*#__PURE__*/React__default["default"].createRef();
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+  }
 
-  var _super = _createSuper(DSOverlay);
+  componentDidUpdate(prevProps) {
+    const {
+      isOpen
+    } = this.props;
 
-  function DSOverlay(props) {
-    var _this;
+    if (isOpen !== prevProps.isOpen) {
+      if (isOpen) {
+        this.openOverlay();
+      } else {
+        this.closeOverlay();
+      }
+    }
+  }
 
-    _classCallCheck__default['default'](this, DSOverlay);
+  addClickOutsideListeners() {
+    events.forEach(event => {
+      document.addEventListener(event, this.handleDocumentClick);
+    });
+  }
 
-    _this = _super.call(this, props);
-    _this.overlayRef = /*#__PURE__*/React__default['default'].createRef();
-    _this.handleDocumentClick = _this.handleDocumentClick.bind(_assertThisInitialized__default['default'](_this));
-    return _this;
+  removeClickOutsideListeners() {
+    events.forEach(event => {
+      document.removeEventListener(event, this.handleDocumentClick);
+    });
   }
 
-  _createClass__default['default'](DSOverlay, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var isOpen = this.props.isOpen;
-
-      if (isOpen !== prevProps.isOpen) {
-        if (isOpen) {
-          this.openOverlay();
-        } else {
-          this.closeOverlay();
-        }
-      }
-    }
-  }, {
-    key: "addClickOutsideListeners",
-    value: function addClickOutsideListeners() {
-      var _this2 = this;
-
-      events.forEach(function (event) {
-        document.addEventListener(event, _this2.handleDocumentClick);
-      });
-    }
-  }, {
-    key: "removeClickOutsideListeners",
-    value: function removeClickOutsideListeners() {
-      var _this3 = this;
-
-      events.forEach(function (event) {
-        document.removeEventListener(event, _this3.handleDocumentClick);
-      });
-    }
-  }, {
-    key: "handleDocumentClick",
-    value: function handleDocumentClick(e) {
-      var _this$props = this.props,
-          onClickOutside = _this$props.onClickOutside,
-          isOpen = _this$props.isOpen;
-      var overlayStack = DSOverlay.overlayStack;
-      var overlayIndex = overlayStack.indexOf(this);
-      var hasClickedOverlay = overlayStack.slice(overlayIndex).some(function (_ref2) {
-        var overlayRef = _ref2.overlayRef;
-        var 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.
-      }
+  handleDocumentClick(e) {
+    const {
+      onClickOutside,
+      isOpen
+    } = this.props;
+    const {
+      overlayStack
+    } = DSOverlay;
+    const overlayIndex = overlayStack.indexOf(this);
+    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.
     }
-  }, {
-    key: "openOverlay",
-    value: function openOverlay() {
-      this.addClickOutsideListeners();
-      DSOverlay.overlayStack.push(this);
-    }
-  }, {
-    key: "closeOverlay",
-    value: function closeOverlay() {
-      var overlayStack = DSOverlay.overlayStack;
-      var overlayIndex = overlayStack.indexOf(this);
-      this.removeClickOutsideListeners();
-      overlayStack.splice(overlayIndex, 1);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          usePortal = _this$props2.usePortal,
-          isOpen = _this$props2.isOpen,
-          hasBackdrop = _this$props2.hasBackdrop,
-          children = _this$props2.children,
-          backDropZIndex = _this$props2.backDropZIndex;
-      if (!isOpen) return null;
-      var overlay = /*#__PURE__*/React__default['default'].createElement(OverlayContainer, {
-        classProps: {
-          usePortal: usePortal,
-          isOpen: isOpen
-        },
-        innerRef: this.overlayRef
-      }, hasBackdrop && /*#__PURE__*/React__default['default'].createElement(DSBackdrop__default['default'], {
-        zIndex: backDropZIndex
-      }), children);
-
-      if (usePortal) {
-        return /*#__PURE__*/React__default['default'].createElement(DSPortal__default['default'], null, overlay);
-      }
+  }
+
+  openOverlay() {
+    this.addClickOutsideListeners();
+    DSOverlay.overlayStack.push(this);
+  }
 
-      return overlay;
+  closeOverlay() {
+    const {
+      overlayStack
+    } = DSOverlay;
+    const overlayIndex = overlayStack.indexOf(this);
+    this.removeClickOutsideListeners();
+    overlayStack.splice(overlayIndex, 1);
+  }
+
+  render() {
+    const {
+      usePortal,
+      isOpen,
+      hasBackdrop,
+      children,
+      backDropZIndex
+    } = this.props;
+    if (!isOpen) return null;
+
+    const overlay = /*#__PURE__*/_jsx__default["default"](OverlayContainer, {
+      classProps: {
+        usePortal,
+        isOpen
+      },
+      innerRef: this.overlayRef
+    }, void 0, hasBackdrop && /*#__PURE__*/_jsx__default["default"](DSBackdrop__default["default"], {
+      zIndex: backDropZIndex
+    }), children);
+
+    if (usePortal) {
+      return /*#__PURE__*/_jsx__default["default"](DSPortal__default["default"], {}, void 0, overlay);
     }
-  }]);
 
-  return DSOverlay;
-}(React.Component);
+    return overlay;
+  }
+
+}
 
-_defineProperty__default['default'](DSOverlay, "overlayStack", []);
+_defineProperty__default["default"](DSOverlay, "overlayStack", []);
 
-_defineProperty__default['default'](DSOverlay, "defaultProps", {
+_defineProperty__default["default"](DSOverlay, "defaultProps", {
   isOpen: false,
   usePortal: true,
   hasBackdrop: false,
   backDropZIndex: 2,
   // https://jira.elliemae.io/browse/PUI-1712
-  onClickOutside: function onClickOutside() {
-    return null;
-  }
+  onClickOutside: () => null
 });
 
-DSOverlay.propTypes = {
-  backDropZIndex: PropTypes__default['default'].number,
-  children: PropTypes__default['default'].element,
-  hasBackdrop: PropTypes__default['default'].bool,
-  isOpen: PropTypes__default['default'].bool,
-  onClickOutside: PropTypes__default['default'].func,
-  usePortal: PropTypes__default['default'].bool
-};
-
 exports.DSOverlay = DSOverlay;
-exports['default'] = DSOverlay;
-//# sourceMappingURL=DSOverlay.js.map
+exports["default"] = DSOverlay;

package/cjs/index.js

@@ -3,21 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSOverlay = require('./DSOverlay.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('prop-types');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-backdrop');
-require('@elliemae/ds-portal');
 
 
 
 exports.DSOverlay = DSOverlay.DSOverlay;
-exports.default = DSOverlay.DSOverlay;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSOverlay.DSOverlay;

package/esm/DSOverlay.js

@@ -1,139 +1,116 @@
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { 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';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var blockName = 'overlay';
-var events = ['mousedown', 'touchstart'];
-var OverlayContainer = aggregatedClasses('div')(blockName, null, function (_ref) {
-  var usePortal = _ref.usePortal,
-      isOpen = _ref.isOpen;
-  return {
-    inline: !usePortal,
-    opened: isOpen
-  };
-});
-
-var DSOverlay = /*#__PURE__*/function (_Component) {
-  _inherits(DSOverlay, _Component);
+const blockName = 'overlay';
+const events = ['mousedown', 'touchstart'];
+const OverlayContainer = aggregatedClasses('div')(blockName, null, ({
+  usePortal,
+  isOpen
+}) => ({
+  inline: !usePortal,
+  opened: isOpen
+}));
+
+class DSOverlay extends Component {
+  constructor(props) {
+    super(props);
+    this.overlayRef = /*#__PURE__*/React.createRef();
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+  }
 
-  var _super = _createSuper(DSOverlay);
+  componentDidUpdate(prevProps) {
+    const {
+      isOpen
+    } = this.props;
 
-  function DSOverlay(props) {
-    var _this;
+    if (isOpen !== prevProps.isOpen) {
+      if (isOpen) {
+        this.openOverlay();
+      } else {
+        this.closeOverlay();
+      }
+    }
+  }
 
-    _classCallCheck(this, DSOverlay);
+  addClickOutsideListeners() {
+    events.forEach(event => {
+      document.addEventListener(event, this.handleDocumentClick);
+    });
+  }
 
-    _this = _super.call(this, props);
-    _this.overlayRef = /*#__PURE__*/React.createRef();
-    _this.handleDocumentClick = _this.handleDocumentClick.bind(_assertThisInitialized(_this));
-    return _this;
+  removeClickOutsideListeners() {
+    events.forEach(event => {
+      document.removeEventListener(event, this.handleDocumentClick);
+    });
   }
 
-  _createClass(DSOverlay, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var isOpen = this.props.isOpen;
-
-      if (isOpen !== prevProps.isOpen) {
-        if (isOpen) {
-          this.openOverlay();
-        } else {
-          this.closeOverlay();
-        }
-      }
-    }
-  }, {
-    key: "addClickOutsideListeners",
-    value: function addClickOutsideListeners() {
-      var _this2 = this;
-
-      events.forEach(function (event) {
-        document.addEventListener(event, _this2.handleDocumentClick);
-      });
-    }
-  }, {
-    key: "removeClickOutsideListeners",
-    value: function removeClickOutsideListeners() {
-      var _this3 = this;
-
-      events.forEach(function (event) {
-        document.removeEventListener(event, _this3.handleDocumentClick);
-      });
-    }
-  }, {
-    key: "handleDocumentClick",
-    value: function handleDocumentClick(e) {
-      var _this$props = this.props,
-          onClickOutside = _this$props.onClickOutside,
-          isOpen = _this$props.isOpen;
-      var overlayStack = DSOverlay.overlayStack;
-      var overlayIndex = overlayStack.indexOf(this);
-      var hasClickedOverlay = overlayStack.slice(overlayIndex).some(function (_ref2) {
-        var overlayRef = _ref2.overlayRef;
-        var 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.
-      }
+  handleDocumentClick(e) {
+    const {
+      onClickOutside,
+      isOpen
+    } = this.props;
+    const {
+      overlayStack
+    } = DSOverlay;
+    const overlayIndex = overlayStack.indexOf(this);
+    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.
     }
-  }, {
-    key: "openOverlay",
-    value: function openOverlay() {
-      this.addClickOutsideListeners();
-      DSOverlay.overlayStack.push(this);
-    }
-  }, {
-    key: "closeOverlay",
-    value: function closeOverlay() {
-      var overlayStack = DSOverlay.overlayStack;
-      var overlayIndex = overlayStack.indexOf(this);
-      this.removeClickOutsideListeners();
-      overlayStack.splice(overlayIndex, 1);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          usePortal = _this$props2.usePortal,
-          isOpen = _this$props2.isOpen,
-          hasBackdrop = _this$props2.hasBackdrop,
-          children = _this$props2.children,
-          backDropZIndex = _this$props2.backDropZIndex;
-      if (!isOpen) return null;
-      var overlay = /*#__PURE__*/React.createElement(OverlayContainer, {
-        classProps: {
-          usePortal: usePortal,
-          isOpen: isOpen
-        },
-        innerRef: this.overlayRef
-      }, hasBackdrop && /*#__PURE__*/React.createElement(DSBackdrop, {
-        zIndex: backDropZIndex
-      }), children);
-
-      if (usePortal) {
-        return /*#__PURE__*/React.createElement(DSPortal, null, overlay);
-      }
+  }
+
+  openOverlay() {
+    this.addClickOutsideListeners();
+    DSOverlay.overlayStack.push(this);
+  }
 
-      return overlay;
+  closeOverlay() {
+    const {
+      overlayStack
+    } = DSOverlay;
+    const overlayIndex = overlayStack.indexOf(this);
+    this.removeClickOutsideListeners();
+    overlayStack.splice(overlayIndex, 1);
+  }
+
+  render() {
+    const {
+      usePortal,
+      isOpen,
+      hasBackdrop,
+      children,
+      backDropZIndex
+    } = this.props;
+    if (!isOpen) return null;
+
+    const overlay = /*#__PURE__*/_jsx(OverlayContainer, {
+      classProps: {
+        usePortal,
+        isOpen
+      },
+      innerRef: this.overlayRef
+    }, void 0, hasBackdrop && /*#__PURE__*/_jsx(DSBackdrop, {
+      zIndex: backDropZIndex
+    }), children);
+
+    if (usePortal) {
+      return /*#__PURE__*/_jsx(DSPortal, {}, void 0, overlay);
     }
-  }]);
 
-  return DSOverlay;
-}(Component);
+    return overlay;
+  }
+
+}
 
 _defineProperty(DSOverlay, "overlayStack", []);
 
@@ -143,19 +120,7 @@ _defineProperty(DSOverlay, "defaultProps", {
   hasBackdrop: false,
   backDropZIndex: 2,
   // https://jira.elliemae.io/browse/PUI-1712
-  onClickOutside: function onClickOutside() {
-    return null;
-  }
+  onClickOutside: () => null
 });
 
-DSOverlay.propTypes = {
-  backDropZIndex: PropTypes.number,
-  children: PropTypes.element,
-  hasBackdrop: PropTypes.bool,
-  isOpen: PropTypes.bool,
-  onClickOutside: PropTypes.func,
-  usePortal: PropTypes.bool
-};
-
 export { DSOverlay, DSOverlay as default };
-//# sourceMappingURL=DSOverlay.js.map

package/esm/index.js

@@ -1,14 +1 @@
 export { DSOverlay, DSOverlay as default } from './DSOverlay.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'prop-types';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-backdrop';
-import '@elliemae/ds-portal';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,34 @@
 {
   "name": "@elliemae/ds-overlay",
-  "version": "1.57.1-rc.0",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Overlay",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Overlay",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./DSOverlay": {
+      "import": "./esm/DSOverlay.js",
+      "require": "./cjs/DSOverlay.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,17 +36,18 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-backdrop": "1.57.1-rc.0",
-    "@elliemae/ds-classnames": "1.57.1-rc.0",
-    "@elliemae/ds-portal": "1.57.1-rc.0",
+    "@elliemae/ds-backdrop": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@elliemae/ds-portal": "2.0.0-alpha.11",
     "prop-types": "~15.7.2"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSOverlay.d.ts

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+declare class DSOverlay extends Component {
+    static overlayStack: never[];
+    static defaultProps: {
+        isOpen: boolean;
+        usePortal: boolean;
+        hasBackdrop: boolean;
+        backDropZIndex: number;
+        onClickOutside: () => null;
+    };
+    constructor(props: any);
+    componentDidUpdate(prevProps: any): void;
+    addClickOutsideListeners(): void;
+    removeClickOutsideListeners(): void;
+    handleDocumentClick(e: any): void;
+    openOverlay(): void;
+    closeOverlay(): void;
+    render(): JSX.Element | null;
+}
+export { DSOverlay };
+export default DSOverlay;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSOverlay';
+export { default } from './DSOverlay';

package/DSOverlay/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-overlay/DSOverlay",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSOverlay.js",
-  "module": "../esm/DSOverlay.js"
-}

package/cjs/DSOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSOverlay.js","sources":["../../src/DSOverlay.tsx"],"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"],"names":["blockName","events","OverlayContainer","aggregatedClasses","usePortal","isOpen","inline","opened","DSOverlay","props","overlayRef","React","createRef","handleDocumentClick","bind","prevProps","openOverlay","closeOverlay","forEach","event","document","addEventListener","removeEventListener","e","onClickOutside","overlayStack","overlayIndex","indexOf","hasClickedOverlay","slice","some","elem","current","contains","target","isSameNode","addClickOutsideListeners","push","removeClickOutsideListeners","splice","hasBackdrop","children","backDropZIndex","overlay","DSBackdrop","DSPortal","Component","propTypes","PropTypes","number","element","bool","func"],"mappings":"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"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/esm/DSOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSOverlay.js","sources":["../../src/DSOverlay.tsx"],"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"],"names":["blockName","events","OverlayContainer","aggregatedClasses","usePortal","isOpen","inline","opened","DSOverlay","props","overlayRef","React","createRef","handleDocumentClick","bind","prevProps","openOverlay","closeOverlay","forEach","event","document","addEventListener","removeEventListener","e","onClickOutside","overlayStack","overlayIndex","indexOf","hasClickedOverlay","slice","some","elem","current","contains","target","isSameNode","addClickOutsideListeners","push","removeClickOutsideListeners","splice","hasBackdrop","children","backDropZIndex","overlay","Component","propTypes","PropTypes","number","element","bool","func"],"mappings":"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"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}