@elliemae/ds-overlay 2.0.0-alpha.10 → 2.0.0-alpha.14
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.
- package/cjs/DSOverlay.js +20 -16
- package/esm/DSOverlay.js +20 -15
- package/package.json +4 -4
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
package/cjs/DSOverlay.js
CHANGED
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.some.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.some.js');
|
|
7
9
|
var React = require('react');
|
|
8
10
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
11
|
var DSBackdrop = require('@elliemae/ds-backdrop');
|
|
@@ -12,20 +14,22 @@ var DSPortal = require('@elliemae/ds-portal');
|
|
|
12
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
15
|
|
|
14
16
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
17
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
18
|
var DSBackdrop__default = /*#__PURE__*/_interopDefaultLegacy(DSBackdrop);
|
|
18
19
|
var DSPortal__default = /*#__PURE__*/_interopDefaultLegacy(DSPortal);
|
|
19
20
|
|
|
20
21
|
const blockName = 'overlay';
|
|
21
22
|
const events = ['mousedown', 'touchstart'];
|
|
22
|
-
const OverlayContainer = dsClassnames.aggregatedClasses('div')(blockName, null,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
const OverlayContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
24
|
+
let {
|
|
25
|
+
usePortal,
|
|
26
|
+
isOpen
|
|
27
|
+
} = _ref;
|
|
28
|
+
return {
|
|
29
|
+
inline: !usePortal,
|
|
30
|
+
opened: isOpen
|
|
31
|
+
};
|
|
32
|
+
});
|
|
29
33
|
|
|
30
34
|
class DSOverlay extends React.Component {
|
|
31
35
|
constructor(props) {
|
|
@@ -69,9 +73,10 @@ class DSOverlay extends React.Component {
|
|
|
69
73
|
overlayStack
|
|
70
74
|
} = DSOverlay;
|
|
71
75
|
const overlayIndex = overlayStack.indexOf(this);
|
|
72
|
-
const hasClickedOverlay = overlayStack.slice(overlayIndex).some(
|
|
73
|
-
|
|
74
|
-
|
|
76
|
+
const hasClickedOverlay = overlayStack.slice(overlayIndex).some(_ref2 => {
|
|
77
|
+
let {
|
|
78
|
+
overlayRef
|
|
79
|
+
} = _ref2;
|
|
75
80
|
const elem = overlayRef.current;
|
|
76
81
|
return elem && elem.contains(e.target) && !elem.isSameNode(e.target);
|
|
77
82
|
});
|
|
@@ -124,16 +129,15 @@ class DSOverlay extends React.Component {
|
|
|
124
129
|
|
|
125
130
|
}
|
|
126
131
|
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
_defineProperty__default["default"](DSOverlay, "defaultProps", {
|
|
132
|
+
DSOverlay.overlayStack = [];
|
|
133
|
+
DSOverlay.defaultProps = {
|
|
130
134
|
isOpen: false,
|
|
131
135
|
usePortal: true,
|
|
132
136
|
hasBackdrop: false,
|
|
133
137
|
backDropZIndex: 2,
|
|
134
138
|
// https://jira.elliemae.io/browse/PUI-1712
|
|
135
139
|
onClickOutside: () => null
|
|
136
|
-
}
|
|
140
|
+
};
|
|
137
141
|
|
|
138
142
|
exports.DSOverlay = DSOverlay;
|
|
139
143
|
exports["default"] = DSOverlay;
|
package/esm/DSOverlay.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.some.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.some.js';
|
|
3
5
|
import React, { Component } from 'react';
|
|
4
6
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
5
7
|
import DSBackdrop from '@elliemae/ds-backdrop';
|
|
@@ -7,13 +9,16 @@ import DSPortal from '@elliemae/ds-portal';
|
|
|
7
9
|
|
|
8
10
|
const blockName = 'overlay';
|
|
9
11
|
const events = ['mousedown', 'touchstart'];
|
|
10
|
-
const OverlayContainer = aggregatedClasses('div')(blockName, null,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
const OverlayContainer = aggregatedClasses('div')(blockName, null, _ref => {
|
|
13
|
+
let {
|
|
14
|
+
usePortal,
|
|
15
|
+
isOpen
|
|
16
|
+
} = _ref;
|
|
17
|
+
return {
|
|
18
|
+
inline: !usePortal,
|
|
19
|
+
opened: isOpen
|
|
20
|
+
};
|
|
21
|
+
});
|
|
17
22
|
|
|
18
23
|
class DSOverlay extends Component {
|
|
19
24
|
constructor(props) {
|
|
@@ -57,9 +62,10 @@ class DSOverlay extends Component {
|
|
|
57
62
|
overlayStack
|
|
58
63
|
} = DSOverlay;
|
|
59
64
|
const overlayIndex = overlayStack.indexOf(this);
|
|
60
|
-
const hasClickedOverlay = overlayStack.slice(overlayIndex).some(
|
|
61
|
-
|
|
62
|
-
|
|
65
|
+
const hasClickedOverlay = overlayStack.slice(overlayIndex).some(_ref2 => {
|
|
66
|
+
let {
|
|
67
|
+
overlayRef
|
|
68
|
+
} = _ref2;
|
|
63
69
|
const elem = overlayRef.current;
|
|
64
70
|
return elem && elem.contains(e.target) && !elem.isSameNode(e.target);
|
|
65
71
|
});
|
|
@@ -112,15 +118,14 @@ class DSOverlay extends Component {
|
|
|
112
118
|
|
|
113
119
|
}
|
|
114
120
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
_defineProperty(DSOverlay, "defaultProps", {
|
|
121
|
+
DSOverlay.overlayStack = [];
|
|
122
|
+
DSOverlay.defaultProps = {
|
|
118
123
|
isOpen: false,
|
|
119
124
|
usePortal: true,
|
|
120
125
|
hasBackdrop: false,
|
|
121
126
|
backDropZIndex: 2,
|
|
122
127
|
// https://jira.elliemae.io/browse/PUI-1712
|
|
123
128
|
onClickOutside: () => null
|
|
124
|
-
}
|
|
129
|
+
};
|
|
125
130
|
|
|
126
131
|
export { DSOverlay, DSOverlay as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-overlay",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.14",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Overlay",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
"build": "node ../../scripts/build/build.js"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-backdrop": "2.0.0-alpha.
|
|
40
|
-
"@elliemae/ds-classnames": "2.0.0-alpha.
|
|
41
|
-
"@elliemae/ds-portal": "2.0.0-alpha.
|
|
39
|
+
"@elliemae/ds-backdrop": "2.0.0-alpha.14",
|
|
40
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.14",
|
|
41
|
+
"@elliemae/ds-portal": "2.0.0-alpha.14",
|
|
42
42
|
"prop-types": "~15.7.2"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
package/cjs/package.json
DELETED