@elliemae/ds-popper 2.2.0-alpha.2 → 2.2.0-beta.0
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/DSPopper.js +97 -117
- package/cjs/PopperContent.js +114 -106
- package/cjs/PopperImpl.js +167 -104
- package/cjs/getArrowStylesBySize.js +45 -59
- package/cjs/index.js +19 -37
- package/cjs/interaction.js +9 -37
- package/cjs/positions.js +23 -67
- package/cjs/props.js +61 -62
- package/esm/DSPopper.js +80 -85
- package/esm/PopperContent.js +102 -74
- package/esm/PopperImpl.js +148 -69
- package/esm/getArrowStylesBySize.js +36 -30
- package/esm/index.js +4 -8
- package/esm/interaction.js +4 -8
- package/esm/positions.js +18 -38
- package/esm/props.js +54 -31
- package/package.json +3 -3
- package/types/DSPopper.d.ts +1 -33
- package/cjs/DSPopper.js.map +0 -7
- package/cjs/PopperContent.js.map +0 -7
- package/cjs/PopperImpl.js.map +0 -7
- package/cjs/getArrowStylesBySize.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/interaction.js.map +0 -7
- package/cjs/positions.js.map +0 -7
- package/cjs/props.js.map +0 -7
- package/esm/DSPopper.js.map +0 -7
- package/esm/PopperContent.js.map +0 -7
- package/esm/PopperImpl.js.map +0 -7
- package/esm/getArrowStylesBySize.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/interaction.js.map +0 -7
- package/esm/positions.js.map +0 -7
- package/esm/props.js.map +0 -7
package/cjs/PopperImpl.js
CHANGED
|
@@ -1,55 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
Reference: () => import_react_popper.Reference,
|
|
32
|
-
default: () => PopperImpl
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
|
|
37
|
-
var import_react_popper = __toESM(require("react-popper"));
|
|
38
|
-
var import_memoize_one = __toESM(require("memoize-one"));
|
|
39
|
-
var import_PopperContent = __toESM(require("./PopperContent"));
|
|
40
|
-
var import_interaction = __toESM(require("./interaction"));
|
|
41
|
-
class PopperImpl extends import_react.Component {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
11
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
|
+
var react = require('react');
|
|
13
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
14
|
+
var reactPopper = require('react-popper');
|
|
15
|
+
var memoizeOne = require('memoize-one');
|
|
16
|
+
var PopperContent = require('./PopperContent.js');
|
|
17
|
+
var interaction = require('./interaction.js');
|
|
18
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
19
|
+
|
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
+
|
|
22
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
+
var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
|
|
25
|
+
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
+
class PopperImpl extends react.Component {
|
|
30
|
+
// we use safeIsMounted because isMounted is not allowed by React.
|
|
42
31
|
constructor(props) {
|
|
43
32
|
super(props);
|
|
44
33
|
this.safeIsMounted = false;
|
|
45
|
-
this.handlePopperPlacementChange =
|
|
46
|
-
const {
|
|
34
|
+
this.handlePopperPlacementChange = memoizeOne__default["default"](placement => {
|
|
35
|
+
const {
|
|
36
|
+
onPlacementChange
|
|
37
|
+
} = this.props;
|
|
47
38
|
onPlacementChange(placement);
|
|
48
39
|
});
|
|
49
40
|
this.state = {
|
|
50
41
|
isOpen: false,
|
|
51
42
|
destroyed: true
|
|
52
|
-
};
|
|
43
|
+
}; // TODO: Fix the autobinding to remove this!!
|
|
44
|
+
|
|
53
45
|
this.handleMouseEnter = this.handleMouseEnter.bind(this);
|
|
54
46
|
this.handleMouseLeave = this.handleMouseLeave.bind(this);
|
|
55
47
|
this.handleTriggerClick = this.handleTriggerClick.bind(this);
|
|
@@ -59,42 +51,63 @@ class PopperImpl extends import_react.Component {
|
|
|
59
51
|
this.handleDestroyContent = this.handleDestroyContent.bind(this);
|
|
60
52
|
this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);
|
|
61
53
|
this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);
|
|
62
|
-
}
|
|
54
|
+
} // this is needed to prevent setState on unmounted components
|
|
55
|
+
|
|
56
|
+
|
|
63
57
|
componentDidMount() {
|
|
64
58
|
this.safeIsMounted = true;
|
|
65
59
|
}
|
|
60
|
+
|
|
66
61
|
componentDidUpdate() {
|
|
67
|
-
const {
|
|
62
|
+
const {
|
|
63
|
+
isOpen,
|
|
64
|
+
destroyed
|
|
65
|
+
} = this.state;
|
|
66
|
+
|
|
68
67
|
if (isOpen === true && destroyed === true) {
|
|
69
|
-
|
|
68
|
+
// eslint-disable-next-line react/no-did-update-set-state
|
|
69
|
+
this.setState({
|
|
70
|
+
destroyed: false
|
|
71
|
+
});
|
|
70
72
|
}
|
|
71
73
|
}
|
|
74
|
+
|
|
72
75
|
componentWillUnmount() {
|
|
73
76
|
this.safeIsMounted = false;
|
|
74
77
|
}
|
|
78
|
+
|
|
75
79
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
76
|
-
const {
|
|
77
|
-
|
|
80
|
+
const {
|
|
81
|
+
isOpen
|
|
82
|
+
} = nextProps;
|
|
83
|
+
const {
|
|
84
|
+
prevPropIsOpen
|
|
85
|
+
} = prevState; // todo: this causes multiple rerenders
|
|
86
|
+
|
|
78
87
|
if (isOpen !== prevPropIsOpen) {
|
|
79
88
|
return {
|
|
80
89
|
isOpen,
|
|
81
90
|
prevPropIsOpen: isOpen
|
|
82
91
|
};
|
|
83
92
|
}
|
|
93
|
+
|
|
84
94
|
return null;
|
|
85
95
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
96
|
+
|
|
97
|
+
getInteractionObject(interaction$1) {
|
|
98
|
+
let referenceProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
99
|
+
const {
|
|
100
|
+
isOpen
|
|
101
|
+
} = this.props;
|
|
102
|
+
if (isOpen !== undefined) return {};
|
|
90
103
|
return {
|
|
91
|
-
[
|
|
104
|
+
[interaction.Interaction.CLICK]: {
|
|
92
105
|
handlers: {
|
|
93
106
|
onClick: this.handleTriggerClick
|
|
94
107
|
},
|
|
95
108
|
canClose: () => true
|
|
96
109
|
},
|
|
97
|
-
[
|
|
110
|
+
[interaction.Interaction.HOVER]: {
|
|
98
111
|
handlers: {
|
|
99
112
|
onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,
|
|
100
113
|
onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,
|
|
@@ -104,50 +117,71 @@ class PopperImpl extends import_react.Component {
|
|
|
104
117
|
},
|
|
105
118
|
canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper
|
|
106
119
|
}
|
|
107
|
-
}[interaction] || {
|
|
120
|
+
}[interaction$1] || {
|
|
108
121
|
handlers: {},
|
|
109
122
|
canClose: () => true
|
|
110
123
|
};
|
|
111
124
|
}
|
|
125
|
+
|
|
112
126
|
setOpen(opening) {
|
|
113
|
-
const {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
127
|
+
const {
|
|
128
|
+
onOpen
|
|
129
|
+
} = this.props;
|
|
130
|
+
const {
|
|
131
|
+
prevPropIsOpen
|
|
132
|
+
} = this.state;
|
|
133
|
+
if (!this.safeIsMounted) return;
|
|
134
|
+
|
|
135
|
+
if (prevPropIsOpen === undefined) {
|
|
118
136
|
this.setState({
|
|
119
137
|
isOpen: opening,
|
|
120
138
|
destroyed: false
|
|
121
139
|
});
|
|
122
140
|
}
|
|
141
|
+
|
|
123
142
|
onOpen(opening);
|
|
124
143
|
}
|
|
144
|
+
|
|
125
145
|
open() {
|
|
126
146
|
clearTimeout(this.closeTimer);
|
|
127
|
-
const {
|
|
147
|
+
const {
|
|
148
|
+
delayOpen
|
|
149
|
+
} = this.props;
|
|
128
150
|
this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);
|
|
129
151
|
}
|
|
152
|
+
|
|
130
153
|
close() {
|
|
131
154
|
clearTimeout(this.openTimer);
|
|
132
|
-
const {
|
|
155
|
+
const {
|
|
156
|
+
delayClose,
|
|
157
|
+
onClose = () => null
|
|
158
|
+
} = this.props;
|
|
133
159
|
this.closeTimer = setTimeout(() => {
|
|
134
160
|
this.setOpen(false);
|
|
135
161
|
onClose();
|
|
136
162
|
}, delayClose);
|
|
137
163
|
}
|
|
164
|
+
|
|
138
165
|
handleTriggerClick(e) {
|
|
139
|
-
const {
|
|
140
|
-
|
|
166
|
+
const {
|
|
167
|
+
triggerComponent
|
|
168
|
+
} = this.props;
|
|
169
|
+
const {
|
|
170
|
+
onClick
|
|
171
|
+
} = dsUtilities.get(triggerComponent, 'props') || {};
|
|
141
172
|
this.open();
|
|
142
|
-
if (
|
|
143
|
-
onClick(e);
|
|
173
|
+
if (dsUtilities.isFunction(onClick)) onClick(e);
|
|
144
174
|
}
|
|
175
|
+
|
|
145
176
|
handleContentMouseEnter() {
|
|
146
177
|
this.isMouseOverContent = true;
|
|
147
178
|
}
|
|
179
|
+
|
|
148
180
|
handleContentMouseLeave() {
|
|
149
181
|
this.isMouseOverContent = false;
|
|
150
|
-
const {
|
|
182
|
+
const {
|
|
183
|
+
onClose = () => null
|
|
184
|
+
} = this.props;
|
|
151
185
|
setTimeout(() => {
|
|
152
186
|
if (!this.isMouseOverTarget) {
|
|
153
187
|
this.setOpen(false);
|
|
@@ -155,10 +189,12 @@ class PopperImpl extends import_react.Component {
|
|
|
155
189
|
}
|
|
156
190
|
}, 10);
|
|
157
191
|
}
|
|
192
|
+
|
|
158
193
|
handleMouseEnter() {
|
|
159
194
|
this.isMouseOverTarget = true;
|
|
160
195
|
this.open();
|
|
161
196
|
}
|
|
197
|
+
|
|
162
198
|
handleMouseLeave() {
|
|
163
199
|
this.isMouseOverTarget = false;
|
|
164
200
|
setTimeout(() => {
|
|
@@ -167,35 +203,57 @@ class PopperImpl extends import_react.Component {
|
|
|
167
203
|
}
|
|
168
204
|
}, 10);
|
|
169
205
|
}
|
|
206
|
+
|
|
170
207
|
updatePopoverState(popperData) {
|
|
171
208
|
this.handlePopperPlacementChange(popperData.placement);
|
|
172
209
|
return popperData;
|
|
173
210
|
}
|
|
211
|
+
|
|
174
212
|
handleDestroyContent() {
|
|
175
|
-
this.setState({
|
|
213
|
+
this.setState({
|
|
214
|
+
destroyed: true
|
|
215
|
+
});
|
|
176
216
|
}
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
const
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
217
|
+
|
|
218
|
+
renderTarget(_ref) {
|
|
219
|
+
let {
|
|
220
|
+
ref
|
|
221
|
+
} = _ref;
|
|
222
|
+
const {
|
|
223
|
+
isOpen
|
|
224
|
+
} = this.state;
|
|
225
|
+
const {
|
|
226
|
+
triggerComponent,
|
|
227
|
+
interactionType,
|
|
228
|
+
renderReference
|
|
229
|
+
} = this.props;
|
|
230
|
+
const componentInnerRef = dsUtilities.get(triggerComponent, ['props', 'innerRef'], () => null);
|
|
231
|
+
const compRef = dsUtilities.isDOMTypeElement(triggerComponent) ? {
|
|
232
|
+
ref
|
|
233
|
+
} : {
|
|
234
|
+
innerRef: dsUtilities.mergeRefs(ref, componentInnerRef)
|
|
188
235
|
};
|
|
236
|
+
const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;
|
|
237
|
+
|
|
238
|
+
const targetProps = _objectSpread(_objectSpread(_objectSpread({}, triggerHandler), compRef), {}, {
|
|
239
|
+
'aria-haspopup': true,
|
|
240
|
+
'aria-expanded': isOpen
|
|
241
|
+
});
|
|
242
|
+
|
|
189
243
|
if (renderReference) {
|
|
190
|
-
return renderReference({
|
|
191
|
-
ref
|
|
192
|
-
|
|
193
|
-
});
|
|
244
|
+
return renderReference(_objectSpread({
|
|
245
|
+
ref
|
|
246
|
+
}, targetProps));
|
|
194
247
|
}
|
|
195
|
-
|
|
248
|
+
|
|
249
|
+
return dsUtilities.getComponentFromProps(triggerComponent, targetProps);
|
|
196
250
|
}
|
|
251
|
+
|
|
197
252
|
render() {
|
|
198
|
-
const {
|
|
253
|
+
const {
|
|
254
|
+
isOpen,
|
|
255
|
+
destroyed
|
|
256
|
+
} = this.state;
|
|
199
257
|
const {
|
|
200
258
|
placement,
|
|
201
259
|
interactionType,
|
|
@@ -215,10 +273,11 @@ class PopperImpl extends import_react.Component {
|
|
|
215
273
|
zIndex,
|
|
216
274
|
hideIfNotVisible
|
|
217
275
|
} = this.props;
|
|
218
|
-
|
|
276
|
+
|
|
277
|
+
const allModifiers = _objectSpread({
|
|
219
278
|
offset: {
|
|
220
279
|
enabled: showArrow,
|
|
221
|
-
offset:
|
|
280
|
+
offset: "0, ".concat(arrowSize + arrowGap)
|
|
222
281
|
},
|
|
223
282
|
preventOverflow: {
|
|
224
283
|
enabled: true,
|
|
@@ -229,9 +288,9 @@ class PopperImpl extends import_react.Component {
|
|
|
229
288
|
enabled: true,
|
|
230
289
|
fn: this.updatePopoverState,
|
|
231
290
|
order: 900
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
|
|
291
|
+
}
|
|
292
|
+
}, modifiers);
|
|
293
|
+
|
|
235
294
|
const triggerHandler = this.getInteractionObject(interactionType).handlers;
|
|
236
295
|
const popperContentProps = {
|
|
237
296
|
hideIfNotVisible,
|
|
@@ -249,24 +308,28 @@ class PopperImpl extends import_react.Component {
|
|
|
249
308
|
usePortal,
|
|
250
309
|
openAnimationConfig,
|
|
251
310
|
closeAnimationConfig,
|
|
252
|
-
onMouseEnter: interactionType ===
|
|
253
|
-
onMouseLeave: interactionType ===
|
|
311
|
+
onMouseEnter: interactionType === interaction.Interaction.HOVER ? this.handleContentMouseEnter : undefined,
|
|
312
|
+
onMouseLeave: interactionType === interaction.Interaction.HOVER ? this.handleContentMouseLeave : undefined,
|
|
254
313
|
referenceNode,
|
|
255
314
|
zIndex
|
|
256
315
|
};
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
316
|
+
|
|
317
|
+
if (customPopper && typeof customPopper === 'function') {
|
|
318
|
+
return /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, customPopper({
|
|
319
|
+
Reference: reactPopper.Reference,
|
|
260
320
|
triggerHandler,
|
|
261
|
-
content:
|
|
262
|
-
...popperContentProps
|
|
263
|
-
})
|
|
321
|
+
content: /*#__PURE__*/jsxRuntime.jsx(PopperContent, _objectSpread({}, popperContentProps))
|
|
264
322
|
}));
|
|
265
323
|
}
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
}));
|
|
324
|
+
|
|
325
|
+
return /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Reference, {}, void 0, this.renderTarget), /*#__PURE__*/jsxRuntime.jsx(PopperContent, _objectSpread({}, popperContentProps)));
|
|
269
326
|
}
|
|
327
|
+
|
|
270
328
|
}
|
|
271
|
-
|
|
272
|
-
|
|
329
|
+
|
|
330
|
+
Object.defineProperty(exports, 'Reference', {
|
|
331
|
+
enumerable: true,
|
|
332
|
+
get: function () { return reactPopper.Reference; }
|
|
333
|
+
});
|
|
334
|
+
exports.PopperContent = PopperContent;
|
|
335
|
+
exports["default"] = PopperImpl;
|
|
@@ -1,60 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
15
|
+
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
+
|
|
20
|
+
const getArrowStylesBySize = function (position) {
|
|
21
|
+
let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
|
|
22
|
+
const basePosition = position && position.split('-')[0];
|
|
23
|
+
return _objectSpread({
|
|
24
|
+
borderWidth: size
|
|
25
|
+
}, {
|
|
26
|
+
top: {
|
|
27
|
+
top: '100% !important',
|
|
28
|
+
transform: "rotateZ(".concat(180, "deg)")
|
|
29
|
+
},
|
|
30
|
+
right: {
|
|
31
|
+
right: '100%',
|
|
32
|
+
transform: "rotateZ(".concat(-90, "deg)")
|
|
33
|
+
},
|
|
34
|
+
bottom: {
|
|
35
|
+
bottom: '100%',
|
|
36
|
+
transform: "rotateZ(".concat(0, "deg)")
|
|
37
|
+
},
|
|
38
|
+
left: {
|
|
39
|
+
left: '100%',
|
|
40
|
+
transform: "rotateZ(".concat(90, "deg)")
|
|
41
|
+
}
|
|
42
|
+
}[basePosition]);
|
|
11
43
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var getArrowStylesBySize_exports = {};
|
|
29
|
-
__export(getArrowStylesBySize_exports, {
|
|
30
|
-
default: () => getArrowStylesBySize_default,
|
|
31
|
-
getArrowStylesBySize: () => getArrowStylesBySize
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
const getArrowStylesBySize = (position, size = 30) => {
|
|
35
|
-
const basePosition = position && position.split("-")[0];
|
|
36
|
-
return {
|
|
37
|
-
borderWidth: size,
|
|
38
|
-
...{
|
|
39
|
-
top: {
|
|
40
|
-
top: "100% !important",
|
|
41
|
-
transform: `rotateZ(${180}deg)`
|
|
42
|
-
},
|
|
43
|
-
right: {
|
|
44
|
-
right: "100%",
|
|
45
|
-
transform: `rotateZ(${-90}deg)`
|
|
46
|
-
},
|
|
47
|
-
bottom: {
|
|
48
|
-
bottom: "100%",
|
|
49
|
-
transform: `rotateZ(${0}deg)`
|
|
50
|
-
},
|
|
51
|
-
left: {
|
|
52
|
-
left: "100%",
|
|
53
|
-
transform: `rotateZ(${90}deg)`
|
|
54
|
-
}
|
|
55
|
-
}[basePosition]
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
var getArrowStylesBySize_default = getArrowStylesBySize;
|
|
59
|
-
module.exports = __toCommonJS(getArrowStylesBySize_exports);
|
|
60
|
-
//# sourceMappingURL=getArrowStylesBySize.js.map
|
|
44
|
+
|
|
45
|
+
exports["default"] = getArrowStylesBySize;
|
|
46
|
+
exports.getArrowStylesBySize = getArrowStylesBySize;
|
package/cjs/index.js
CHANGED
|
@@ -1,37 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
default: () => import_DSPopper.default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(src_exports, __toESM(require("./DSPopper")));
|
|
34
|
-
__reExport(src_exports, __toESM(require("./getArrowStylesBySize")));
|
|
35
|
-
var import_DSPopper = __toESM(require("./DSPopper"));
|
|
36
|
-
module.exports = __toCommonJS(src_exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSPopper = require('./DSPopper.js');
|
|
6
|
+
var getArrowStylesBySize = require('./getArrowStylesBySize.js');
|
|
7
|
+
var interaction = require('./interaction.js');
|
|
8
|
+
var positions = require('./positions.js');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.DSPopper = DSPopper.DSPopper;
|
|
13
|
+
exports.DSPopperWithSchema = DSPopper.DSPopperWithSchema;
|
|
14
|
+
exports["default"] = DSPopper.DSPopper;
|
|
15
|
+
exports.getArrowStylesBySize = getArrowStylesBySize.getArrowStylesBySize;
|
|
16
|
+
exports.PopperInteractions = interaction.Interaction;
|
|
17
|
+
exports.interactions = interaction.interactions;
|
|
18
|
+
exports.PopperPositions = positions.Position;
|
|
19
|
+
exports.positions = positions.positions;
|
package/cjs/interaction.js
CHANGED
|
@@ -1,40 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var interaction_exports = {};
|
|
29
|
-
__export(interaction_exports, {
|
|
30
|
-
Interaction: () => Interaction,
|
|
31
|
-
interactions: () => interactions
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
34
5
|
const Interaction = {
|
|
35
|
-
CLICK:
|
|
36
|
-
HOVER:
|
|
6
|
+
CLICK: 'click',
|
|
7
|
+
HOVER: 'hover'
|
|
37
8
|
};
|
|
38
9
|
const interactions = [Interaction.CLICK, Interaction.HOVER];
|
|
39
|
-
|
|
40
|
-
|
|
10
|
+
|
|
11
|
+
exports.Interaction = Interaction;
|
|
12
|
+
exports.interactions = interactions;
|