@elliemae/ds-overlay 3.27.0-next.1 → 3.27.0-next.2

package/dist/cjs/index.js

@@ -29,10 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  default: () => import_DSOverlay.default
+  default: () => import_ds_legacy_overlay.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSOverlay.js"), module.exports);
-var import_DSOverlay = __toESM(require("./DSOverlay.js"));
+__reExport(src_exports, require("@elliemae/ds-legacy-overlay"), module.exports);
+var import_ds_legacy_overlay = __toESM(require("@elliemae/ds-legacy-overlay"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-export * from "./DSOverlay.js";
-import { default as default2 } from "./DSOverlay.js";
+export * from "@elliemae/ds-legacy-overlay";
+import { default as default2 } from "@elliemae/ds-legacy-overlay";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +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.js';\nexport { default } from './DSOverlay.js';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-overlay';\nexport { default } from '@elliemae/ds-legacy-overlay';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSOverlay.js';
-export { default } from './DSOverlay.js';
+export * from '@elliemae/ds-legacy-overlay';
+export { default } from '@elliemae/ds-legacy-overlay';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-overlay",
-  "version": "3.27.0-next.1",
+  "version": "3.27.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Overlay",
   "files": [
@@ -13,10 +13,6 @@
     ".": {
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
-    },
-    "./DSOverlay": {
-      "import": "./dist/esm/DSOverlay.js",
-      "require": "./dist/cjs/DSOverlay.js"
     }
   },
   "sideEffects": [
@@ -39,15 +35,12 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-backdrop": "3.27.0-next.1",
-    "@elliemae/ds-portal": "3.27.0-next.1",
-    "@elliemae/ds-props-helpers": "3.27.0-next.1",
-    "@elliemae/ds-classnames": "3.27.0-next.1"
+    "@elliemae/ds-legacy-overlay": "1.0.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.27.0-next.1"
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -59,13 +52,13 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
-    "dts": "node ../../../scripts/dts.mjs",
+    "test": "exit 0 | echo",
+    "lint": "exit 0 | echo",
+    "eslint:fix": "exit 0 | echo",
+    "dts": "exit 0 | echo",
     "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "exit 0 | echo"
   }
 }

package/dist/cjs/DSOverlay.js

@@ -1,143 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSOverlay_exports = {};
-__export(DSOverlay_exports, {
-  DSOverlay: () => DSOverlay,
-  default: () => DSOverlay_default
-});
-module.exports = __toCommonJS(DSOverlay_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-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, style = {} } = this.props;
-    if (!isOpen)
-      return null;
-    const overlay = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      OverlayContainer,
-      {
-        style: {
-          zIndex: 3e3,
-          ...style
-        },
-        classProps: { usePortal, isOpen },
-        innerRef: this.overlayRef,
-        children: [
-          hasBackdrop && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.default, { zIndex: backDropZIndex }),
-          children
-        ]
-      }
-    );
-    if (usePortal) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_portal.default, { children: 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
-};
-const DSOverlayPropTypes = {
-  backDropZIndex: import_ds_props_helpers.PropTypes.number.description("backDropZIndex"),
-  children: import_ds_props_helpers.PropTypes.element.description("children"),
-  hasBackdrop: import_ds_props_helpers.PropTypes.bool.description("hasBackdrop"),
-  isOpen: import_ds_props_helpers.PropTypes.bool.description("isOpen"),
-  onClickOutside: import_ds_props_helpers.PropTypes.func.description("onClickOutside"),
-  usePortal: import_ds_props_helpers.PropTypes.bool.description("usePortal")
-};
-DSOverlay.propTypes = DSOverlayPropTypes;
-const DSOverlayWithSchema = (0, import_ds_props_helpers.describe)(DSOverlay);
-DSOverlayWithSchema.propTypes = DSOverlayPropTypes;
-var DSOverlay_default = DSOverlay;
-//# sourceMappingURL=DSOverlay.js.map

package/dist/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, describe } from '@elliemae/ds-props-helpers';\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')(blockName, null, ({ usePortal, isOpen }) => ({\n  inline: !usePortal,\n  opened: isOpen,\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\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.slice(overlayIndex).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 { usePortal, isOpen, hasBackdrop, children, backDropZIndex, style = {} } = this.props;\n\n    if (!isOpen) return null;\n\n    const overlay = (\n      <OverlayContainer\n        style={{\n          zIndex: 3000,\n          ...style,\n        }}\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\nconst DSOverlayPropTypes = {\n  backDropZIndex: PropTypes.number.description('backDropZIndex'),\n  children: PropTypes.element.description('children'),\n  hasBackdrop: PropTypes.bool.description('hasBackdrop'),\n  isOpen: PropTypes.bool.description('isOpen'),\n  onClickOutside: PropTypes.func.description('onClickOutside'),\n  usePortal: PropTypes.bool.description('usePortal'),\n};\n\nDSOverlay.propTypes = DSOverlayPropTypes;\n\nconst DSOverlayWithSchema = describe(DSOverlay);\nDSOverlayWithSchema.propTypes = DSOverlayPropTypes;\n\nexport { DSOverlay };\nexport default DSOverlay;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React", "DSBackdrop", "DSPortal"]
-}

package/dist/esm/DSOverlay.js

@@ -1,113 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import React2, { Component } from "react";
-import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-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, style = {} } = this.props;
-    if (!isOpen)
-      return null;
-    const overlay = /* @__PURE__ */ jsxs(
-      OverlayContainer,
-      {
-        style: {
-          zIndex: 3e3,
-          ...style
-        },
-        classProps: { usePortal, isOpen },
-        innerRef: this.overlayRef,
-        children: [
-          hasBackdrop && /* @__PURE__ */ jsx(DSBackdrop, { zIndex: backDropZIndex }),
-          children
-        ]
-      }
-    );
-    if (usePortal) {
-      return /* @__PURE__ */ jsx(DSPortal, { children: 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
-};
-const DSOverlayPropTypes = {
-  backDropZIndex: PropTypes.number.description("backDropZIndex"),
-  children: PropTypes.element.description("children"),
-  hasBackdrop: PropTypes.bool.description("hasBackdrop"),
-  isOpen: PropTypes.bool.description("isOpen"),
-  onClickOutside: PropTypes.func.description("onClickOutside"),
-  usePortal: PropTypes.bool.description("usePortal")
-};
-DSOverlay.propTypes = DSOverlayPropTypes;
-const DSOverlayWithSchema = describe(DSOverlay);
-DSOverlayWithSchema.propTypes = DSOverlayPropTypes;
-var DSOverlay_default = DSOverlay;
-export {
-  DSOverlay,
-  DSOverlay_default as default
-};
-//# sourceMappingURL=DSOverlay.js.map

package/dist/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, describe } from '@elliemae/ds-props-helpers';\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')(blockName, null, ({ usePortal, isOpen }) => ({\n  inline: !usePortal,\n  opened: isOpen,\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\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.slice(overlayIndex).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 { usePortal, isOpen, hasBackdrop, children, backDropZIndex, style = {} } = this.props;\n\n    if (!isOpen) return null;\n\n    const overlay = (\n      <OverlayContainer\n        style={{\n          zIndex: 3000,\n          ...style,\n        }}\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\nconst DSOverlayPropTypes = {\n  backDropZIndex: PropTypes.number.description('backDropZIndex'),\n  children: PropTypes.element.description('children'),\n  hasBackdrop: PropTypes.bool.description('hasBackdrop'),\n  isOpen: PropTypes.bool.description('isOpen'),\n  onClickOutside: PropTypes.func.description('onClickOutside'),\n  usePortal: PropTypes.bool.description('usePortal'),\n};\n\nDSOverlay.propTypes = DSOverlayPropTypes;\n\nconst DSOverlayWithSchema = describe(DSOverlay);\nDSOverlayWithSchema.propTypes = DSOverlayPropTypes;\n\nexport { DSOverlay };\nexport default DSOverlay;\n"],
-  "mappings": "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",
-  "names": ["React"]
-}

package/dist/types/DSOverlay.d.ts

@@ -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(): import("react/jsx-runtime").JSX.Element | null;
-}
-export { DSOverlay };
-export default DSOverlay;