npm - @elliemae/ds-overlay - Versions diffs - 3.0.0-next.2 → 3.0.0-next.6 - Mend

@elliemae/ds-overlay 3.0.0-next.2 → 3.0.0-next.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/cjs/DSOverlay.js ADDED Viewed

@@ -0,0 +1,134 @@
+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
+});
+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 = import_react.default.createRef();
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+  }
+  componentDidUpdate(prevProps) {
+    const { isOpen } = this.props;
+    if (isOpen !== prevProps.isOpen) {
+      if (isOpen) {
+        this.openOverlay();
+      } else {
+        this.closeOverlay();
+      }
+    }
+  }
+  addClickOutsideListeners() {
+    events.forEach((event) => {
+      document.addEventListener(event, this.handleDocumentClick);
+    });
+  }
+  removeClickOutsideListeners() {
+    events.forEach((event) => {
+      document.removeEventListener(event, this.handleDocumentClick);
+    });
+  }
+  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);
+    }
+  }
+  openOverlay() {
+    this.addClickOutsideListeners();
+    _DSOverlay.overlayStack.push(this);
+  }
+  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__ */ import_react.default.createElement(OverlayContainer, {
+      classProps: { usePortal, isOpen },
+      innerRef: this.overlayRef
+    }, hasBackdrop && /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.default, {
+      zIndex: backDropZIndex
+    }), children);
+    if (usePortal) {
+      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,
+  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

package/dist/cjs/DSOverlay.js.map ADDED Viewed

@@ -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/dist/cjs/index.js ADDED Viewed

@@ -0,0 +1,36 @@
+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/dist/cjs/index.js.map ADDED Viewed

@@ -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/dist/esm/DSOverlay.js ADDED Viewed

@@ -0,0 +1,105 @@
+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 = React2.createRef();
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+  }
+  componentDidUpdate(prevProps) {
+    const { isOpen } = this.props;
+    if (isOpen !== prevProps.isOpen) {
+      if (isOpen) {
+        this.openOverlay();
+      } else {
+        this.closeOverlay();
+      }
+    }
+  }
+  addClickOutsideListeners() {
+    events.forEach((event) => {
+      document.addEventListener(event, this.handleDocumentClick);
+    });
+  }
+  removeClickOutsideListeners() {
+    events.forEach((event) => {
+      document.removeEventListener(event, this.handleDocumentClick);
+    });
+  }
+  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);
+    }
+  }
+  openOverlay() {
+    this.addClickOutsideListeners();
+    _DSOverlay.overlayStack.push(this);
+  }
+  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__ */ React2.createElement(OverlayContainer, {
+      classProps: { usePortal, isOpen },
+      innerRef: this.overlayRef
+    }, hasBackdrop && /* @__PURE__ */ React2.createElement(DSBackdrop, {
+      zIndex: backDropZIndex
+    }), children);
+    if (usePortal) {
+      return /* @__PURE__ */ React2.createElement(DSPortal, null, overlay);
+    }
+    return overlay;
+  }
+};
+let DSOverlay = _DSOverlay;
+DSOverlay.overlayStack = [];
+DSOverlay.defaultProps = {
+  isOpen: false,
+  usePortal: true,
+  hasBackdrop: false,
+  backDropZIndex: 2,
+  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

package/dist/esm/DSOverlay.js.map ADDED Viewed

@@ -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/dist/esm/index.js ADDED Viewed

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

package/dist/esm/index.js.map ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,19 +1,22 @@
 {
   "name": "@elliemae/ds-overlay",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Overlay",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./DSOverlay": {
-      "import": "./esm/DSOverlay.js",
-      "require": "./cjs/DSOverlay.js"
+      "import": "./dist/esm/DSOverlay.js",
+      "require": "./dist/cjs/DSOverlay.js"
     }
   },
   "sideEffects": [
@@ -25,20 +28,20 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-backdrop": "3.0.0-next.2",
-    "@elliemae/ds-classnames": "3.0.0-next.2",
-    "@elliemae/ds-portal": "3.0.0-next.2",
+    "@elliemae/ds-backdrop": "3.0.0-next.6",
+    "@elliemae/ds-classnames": "3.0.0-next.6",
+    "@elliemae/ds-portal": "3.0.0-next.6",
     "prop-types": "~15.7.2"
   },
   "peerDependencies": {
@@ -47,7 +50,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSOverlay.js DELETED Viewed

@@ -1,143 +0,0 @@
-'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
-  };
-});
-class DSOverlay extends React.Component {
-  constructor(props) {
-    super(props);
-    this.overlayRef = /*#__PURE__*/React__default["default"].createRef();
-    this.handleDocumentClick = this.handleDocumentClick.bind(this);
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      isOpen
-    } = this.props;
-    if (isOpen !== prevProps.isOpen) {
-      if (isOpen) {
-        this.openOverlay();
-      } else {
-        this.closeOverlay();
-      }
-    }
-  }
-  addClickOutsideListeners() {
-    events.forEach(event => {
-      document.addEventListener(event, this.handleDocumentClick);
-    });
-  }
-  removeClickOutsideListeners() {
-    events.forEach(event => {
-      document.removeEventListener(event, this.handleDocumentClick);
-    });
-  }
-  handleDocumentClick(e) {
-    const {
-      onClickOutside,
-      isOpen
-    } = this.props;
-    const {
-      overlayStack
-    } = DSOverlay;
-    const overlayIndex = overlayStack.indexOf(this);
-    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); // giving opportunity for callers to operate on the event.
-    }
-  }
-  openOverlay() {
-    this.addClickOutsideListeners();
-    DSOverlay.overlayStack.push(this);
-  }
-  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 overlay;
-  }
-}
-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;

package/cjs/index.js DELETED Viewed

@@ -1,10 +0,0 @@
-'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 DELETED Viewed

@@ -1,131 +0,0 @@
-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 = /*#__PURE__*/React.createRef();
-    this.handleDocumentClick = this.handleDocumentClick.bind(this);
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      isOpen
-    } = this.props;
-    if (isOpen !== prevProps.isOpen) {
-      if (isOpen) {
-        this.openOverlay();
-      } else {
-        this.closeOverlay();
-      }
-    }
-  }
-  addClickOutsideListeners() {
-    events.forEach(event => {
-      document.addEventListener(event, this.handleDocumentClick);
-    });
-  }
-  removeClickOutsideListeners() {
-    events.forEach(event => {
-      document.removeEventListener(event, this.handleDocumentClick);
-    });
-  }
-  handleDocumentClick(e) {
-    const {
-      onClickOutside,
-      isOpen
-    } = this.props;
-    const {
-      overlayStack
-    } = DSOverlay;
-    const overlayIndex = overlayStack.indexOf(this);
-    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); // giving opportunity for callers to operate on the event.
-    }
-  }
-  openOverlay() {
-    this.addClickOutsideListeners();
-    DSOverlay.overlayStack.push(this);
-  }
-  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 overlay;
-  }
-}
-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 };

package/esm/index.js DELETED Viewed

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

package/types/DSOverlay.d.ts DELETED Viewed

@@ -1,21 +0,0 @@
-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 DELETED Viewed

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