@elliemae/ds-popper 3.3.0-next.4 → 3.3.0-next.7
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/dist/cjs/PopperContent.js +14 -23
- package/dist/cjs/PopperContent.js.map +1 -1
- package/dist/cjs/PopperImpl.js +18 -27
- package/dist/cjs/PopperImpl.js.map +1 -1
- package/dist/cjs/getArrowStylesBySize.js +21 -34
- package/dist/cjs/getArrowStylesBySize.js.map +1 -1
- package/dist/esm/PopperContent.js +14 -25
- package/dist/esm/PopperContent.js.map +1 -1
- package/dist/esm/PopperImpl.js +18 -29
- package/dist/esm/PopperImpl.js.map +1 -1
- package/dist/esm/getArrowStylesBySize.js +21 -36
- package/dist/esm/getArrowStylesBySize.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,27 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
8
|
var __export = (target, all) => {
|
|
26
9
|
for (var name in all)
|
|
27
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -75,7 +58,10 @@ class PopperContent extends import_react.PureComponent {
|
|
|
75
58
|
ref,
|
|
76
59
|
className: `${blockName || "popper"}__arrow`,
|
|
77
60
|
"data-placement": placement,
|
|
78
|
-
style:
|
|
61
|
+
style: {
|
|
62
|
+
...style,
|
|
63
|
+
...(0, import_getArrowStylesBySize.getArrowStylesBySize)(placement, 25)
|
|
64
|
+
}
|
|
79
65
|
}, /* @__PURE__ */ import_react.default.createElement("svg", {
|
|
80
66
|
viewBox: "0 0 30 30"
|
|
81
67
|
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
@@ -99,22 +85,27 @@ class PopperContent extends import_react.PureComponent {
|
|
|
99
85
|
zIndex,
|
|
100
86
|
hideIfNotVisible
|
|
101
87
|
} = this.props;
|
|
102
|
-
const computedStyle =
|
|
103
|
-
|
|
88
|
+
const computedStyle = {
|
|
89
|
+
...style,
|
|
90
|
+
...contentStyle
|
|
91
|
+
};
|
|
92
|
+
return /* @__PURE__ */ import_react.default.createElement(StyledDiv, {
|
|
93
|
+
...containerProps,
|
|
104
94
|
"data-placement": placement,
|
|
105
95
|
onMouseEnter,
|
|
106
96
|
onMouseLeave,
|
|
107
97
|
style: computedStyle,
|
|
108
98
|
"data-testid": "popper-container",
|
|
109
99
|
zIndex
|
|
110
|
-
}
|
|
100
|
+
}, /* @__PURE__ */ import_react.default.createElement(Content, {
|
|
111
101
|
native: true,
|
|
112
102
|
onRest: this.handleRestAnimation,
|
|
113
103
|
state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? "open" : "close",
|
|
114
104
|
states: {
|
|
115
|
-
open:
|
|
105
|
+
open: {
|
|
106
|
+
...openAnimationConfig,
|
|
116
107
|
from: closeAnimationConfig.to
|
|
117
|
-
}
|
|
108
|
+
},
|
|
118
109
|
close: closeAnimationConfig
|
|
119
110
|
}
|
|
120
111
|
}, (animationStyle) => /* @__PURE__ */ import_react.default.createElement(import_renderprops.animated.div, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopperContent.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Popper } from '@elliemae/react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\nconst StyledDiv = styled.div`\n z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.popper};\n`;\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </div>\n );\n }\n\n renderContent({ ref, style, placement, arrowProps, scheduleUpdate, outOfBoundaries }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n };\n return (\n <StyledDiv\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n zIndex={zIndex}\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'}\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [this.renderArrow(arrowProps, placement)])}\n </animated.div>\n )}\n </Content>\n </StyledDiv>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay isOpen={!destroyed} onClickOutside={onClickOutside} usePortal={usePortal}>\n <Popper modifiers={modifiers} placement={placement} referenceElement={referenceNode}>\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/PopperImpl.js
CHANGED
|
@@ -1,27 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
8
|
var __export = (target, all) => {
|
|
26
9
|
for (var name in all)
|
|
27
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -196,14 +179,17 @@ class PopperImpl extends import_react.Component {
|
|
|
196
179
|
const componentInnerRef = (0, import_ds_utilities.get)(triggerComponent, ["props", "innerRef"], () => null);
|
|
197
180
|
const compRef = (0, import_ds_utilities.isDOMTypeElement)(triggerComponent) ? { ref } : { innerRef: (0, import_ds_utilities.mergeRefs)(ref, componentInnerRef) };
|
|
198
181
|
const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;
|
|
199
|
-
const targetProps =
|
|
182
|
+
const targetProps = {
|
|
183
|
+
...triggerHandler,
|
|
184
|
+
...compRef,
|
|
200
185
|
"aria-haspopup": true,
|
|
201
186
|
"aria-expanded": isOpen
|
|
202
|
-
}
|
|
187
|
+
};
|
|
203
188
|
if (renderReference) {
|
|
204
|
-
return renderReference(
|
|
205
|
-
ref
|
|
206
|
-
|
|
189
|
+
return renderReference({
|
|
190
|
+
ref,
|
|
191
|
+
...targetProps
|
|
192
|
+
});
|
|
207
193
|
}
|
|
208
194
|
return (0, import_ds_utilities.getComponentFromProps)(triggerComponent, targetProps);
|
|
209
195
|
}
|
|
@@ -228,7 +214,7 @@ class PopperImpl extends import_react.Component {
|
|
|
228
214
|
zIndex,
|
|
229
215
|
hideIfNotVisible
|
|
230
216
|
} = this.props;
|
|
231
|
-
const allModifiers =
|
|
217
|
+
const allModifiers = {
|
|
232
218
|
offset: {
|
|
233
219
|
enabled: showArrow,
|
|
234
220
|
offset: `0, ${arrowSize + arrowGap}`
|
|
@@ -242,8 +228,9 @@ class PopperImpl extends import_react.Component {
|
|
|
242
228
|
enabled: true,
|
|
243
229
|
fn: this.updatePopoverState,
|
|
244
230
|
order: 900
|
|
245
|
-
}
|
|
246
|
-
|
|
231
|
+
},
|
|
232
|
+
...modifiers
|
|
233
|
+
};
|
|
247
234
|
const triggerHandler = this.getInteractionObject(interactionType).handlers;
|
|
248
235
|
const popperContentProps = {
|
|
249
236
|
hideIfNotVisible,
|
|
@@ -270,10 +257,14 @@ class PopperImpl extends import_react.Component {
|
|
|
270
257
|
return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, customPopper({
|
|
271
258
|
Reference: import_react_popper.Reference,
|
|
272
259
|
triggerHandler,
|
|
273
|
-
content: /* @__PURE__ */ import_react.default.createElement(import_PopperContent.default,
|
|
260
|
+
content: /* @__PURE__ */ import_react.default.createElement(import_PopperContent.default, {
|
|
261
|
+
...popperContentProps
|
|
262
|
+
})
|
|
274
263
|
}));
|
|
275
264
|
}
|
|
276
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Reference, null, this.renderTarget), /* @__PURE__ */ import_react.default.createElement(import_PopperContent.default,
|
|
265
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Reference, null, this.renderTarget), /* @__PURE__ */ import_react.default.createElement(import_PopperContent.default, {
|
|
266
|
+
...popperContentProps
|
|
267
|
+
}));
|
|
277
268
|
}
|
|
278
269
|
}
|
|
279
270
|
//# sourceMappingURL=PopperImpl.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopperImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from '@elliemae/react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(this);\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n this.getInteractionObject = this.getInteractionObject.bind(this);\n this.setOpen = this.setOpen.bind(this);\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(triggerComponent, ['props', 'innerRef'], () => null);\n const compRef = isDOMTypeElement(triggerComponent) ? { ref } : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter: interactionType === Interaction.HOVER ? this.handleContentMouseEnter : undefined,\n onMouseLeave: interactionType === Interaction.HOVER ? this.handleContentMouseLeave : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -42,26 +28,27 @@ module.exports = __toCommonJS(getArrowStylesBySize_exports);
|
|
|
42
28
|
var React = __toESM(require("react"));
|
|
43
29
|
const getArrowStylesBySize = (position, size = 30) => {
|
|
44
30
|
const basePosition = position && position.split("-")[0];
|
|
45
|
-
return
|
|
46
|
-
borderWidth: size
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
31
|
+
return {
|
|
32
|
+
borderWidth: size,
|
|
33
|
+
...{
|
|
34
|
+
top: {
|
|
35
|
+
top: "100% !important",
|
|
36
|
+
transform: `rotateZ(${180}deg)`
|
|
37
|
+
},
|
|
38
|
+
right: {
|
|
39
|
+
right: "100%",
|
|
40
|
+
transform: `rotateZ(${-90}deg)`
|
|
41
|
+
},
|
|
42
|
+
bottom: {
|
|
43
|
+
bottom: "100%",
|
|
44
|
+
transform: `rotateZ(${0}deg)`
|
|
45
|
+
},
|
|
46
|
+
left: {
|
|
47
|
+
left: "100%",
|
|
48
|
+
transform: `rotateZ(${90}deg)`
|
|
49
|
+
}
|
|
50
|
+
}[basePosition]
|
|
51
|
+
};
|
|
65
52
|
};
|
|
66
53
|
var getArrowStylesBySize_default = getArrowStylesBySize;
|
|
67
54
|
//# sourceMappingURL=getArrowStylesBySize.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/getArrowStylesBySize.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB,CAAC,UAAU,OAAO,OAAO;AAC3D,QAAM,eAAe,YAAY,SAAS,MAAM,GAAG,EAAE;AACrD,SAAO;AAAA,IACL,aAAa;AAAA,IACb,GAAG;AAAA,MACD,KAAK;AAAA,QACH,KAAK;AAAA,QACL,WAAW,WAAW;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,WAAW;AAAA,MACxB;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,WAAW,WAAW;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW,WAAW;AAAA,MACxB;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEA,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import React2, { PureComponent } from "react";
|
|
23
4
|
import { styled } from "@elliemae/ds-system";
|
|
@@ -52,7 +33,10 @@ class PopperContent extends PureComponent {
|
|
|
52
33
|
ref,
|
|
53
34
|
className: `${blockName || "popper"}__arrow`,
|
|
54
35
|
"data-placement": placement,
|
|
55
|
-
style:
|
|
36
|
+
style: {
|
|
37
|
+
...style,
|
|
38
|
+
...getArrowStylesBySize(placement, 25)
|
|
39
|
+
}
|
|
56
40
|
}, /* @__PURE__ */ React2.createElement("svg", {
|
|
57
41
|
viewBox: "0 0 30 30"
|
|
58
42
|
}, /* @__PURE__ */ React2.createElement("path", {
|
|
@@ -76,22 +60,27 @@ class PopperContent extends PureComponent {
|
|
|
76
60
|
zIndex,
|
|
77
61
|
hideIfNotVisible
|
|
78
62
|
} = this.props;
|
|
79
|
-
const computedStyle =
|
|
80
|
-
|
|
63
|
+
const computedStyle = {
|
|
64
|
+
...style,
|
|
65
|
+
...contentStyle
|
|
66
|
+
};
|
|
67
|
+
return /* @__PURE__ */ React2.createElement(StyledDiv, {
|
|
68
|
+
...containerProps,
|
|
81
69
|
"data-placement": placement,
|
|
82
70
|
onMouseEnter,
|
|
83
71
|
onMouseLeave,
|
|
84
72
|
style: computedStyle,
|
|
85
73
|
"data-testid": "popper-container",
|
|
86
74
|
zIndex
|
|
87
|
-
}
|
|
75
|
+
}, /* @__PURE__ */ React2.createElement(Content, {
|
|
88
76
|
native: true,
|
|
89
77
|
onRest: this.handleRestAnimation,
|
|
90
78
|
state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? "open" : "close",
|
|
91
79
|
states: {
|
|
92
|
-
open:
|
|
80
|
+
open: {
|
|
81
|
+
...openAnimationConfig,
|
|
93
82
|
from: closeAnimationConfig.to
|
|
94
|
-
}
|
|
83
|
+
},
|
|
95
84
|
close: closeAnimationConfig
|
|
96
85
|
}
|
|
97
86
|
}, (animationStyle) => /* @__PURE__ */ React2.createElement(animated.div, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PopperContent.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Popper } from '@elliemae/react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\nconst StyledDiv = styled.div`\n z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.popper};\n`;\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </div>\n );\n }\n\n renderContent({ ref, style, placement, arrowProps, scheduleUpdate, outOfBoundaries }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n };\n return (\n <StyledDiv\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n zIndex={zIndex}\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'}\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [this.renderArrow(arrowProps, placement)])}\n </animated.div>\n )}\n </Content>\n </StyledDiv>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay isOpen={!destroyed} onClickOutside={onClickOutside} usePortal={usePortal}>\n <Popper modifiers={modifiers} placement={placement} referenceElement={referenceNode}>\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,UAAU,OAAO,CAAC,CAAC;AACnC,MAAM,YAAY,OAAO;AAAA,aACZ,CAAC,EAAE,QAAQ,YAAY,UAAU,MAAM,OAAO;AAAA;AAG3D,MAAO,sBAAoC,cAAc;AAAA,EAIvD,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;AACjD,SAAK,cAAc,KAAK,YAAY,KAAK,IAAI;AAC7C,SAAK,sBAAsB,KAAK,oBAAoB,KAAK,IAAI;AAAA,EAC/D;AAAA,EAEA,sBAAsB;AACpB,UAAM,EAAE,QAAQ,uBAAuB,KAAK;AAC5C,QAAI,CAAC,QAAQ;AACX,yBAAmB;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,YAAY,EAAE,KAAK,SAAS,WAAW;AACrC,UAAM,EAAE,WAAW,cAAc,KAAK;AACtC,QAAI,CAAC;AAAW,aAAO;AACvB,WACE,qCAAC;AAAA,MACC,KAAI;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,aAAa;AAAA,MAC3B,kBAAgB;AAAA,MAChB,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,qBAAqB,WAAW,EAAE;AAAA,MACvC;AAAA,OAEA,qCAAC;AAAA,MAAI,SAAQ;AAAA,OACX,qCAAC;AAAA,MACC,WAAU;AAAA,MACV,GAAE;AAAA,KAEJ,GACA,qCAAC;AAAA,MACC,WAAU;AAAA,MACV,GAAE;AAAA,KACJ,CACF,CACF;AAAA,EAEJ;AAAA,EAEA,cAAc,EAAE,KAAK,OAAO,WAAW,YAAY,gBAAgB,mBAAmB;AACpF,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AACA,WACE,qCAAC;AAAA,MACE,GAAG;AAAA,MACJ,kBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAY;AAAA,MACZ;AAAA,OAEA,qCAAC;AAAA,MACC,QAAM;AAAA,MACN,QAAQ,KAAK;AAAA,MACb,OAAO,UAAW,EAAC,mBAAmB,CAAC,oBAAoB,SAAS;AAAA,MACpE,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,MAAM,qBAAqB;AAAA,QAC7B;AAAA,QACA,OAAO;AAAA,MACT;AAAA,OAEC,CAAC,mBACA,qCAAC,SAAS,KAAT;AAAA,MAAa;AAAA,MAAU,OAAO;AAAA,OAC5B,sBAAsB,kBAAkB,EAAE,eAAe,GAAG,CAAC,KAAK,YAAY,YAAY,SAAS,CAAC,CAAC,CACxG,CAEJ,CACF;AAAA,EAEJ;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,iBAAiB,MAAM;AAAA,MACvB,YAAY;AAAA,MACZ,YAAY,CAAC;AAAA,MACb;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AACT,WACE,qCAAC;AAAA,MAAU,QAAQ,CAAC;AAAA,MAAW;AAAA,MAAgC;AAAA,OAC7D,qCAAC;AAAA,MAAO;AAAA,MAAsB;AAAA,MAAsB,kBAAkB;AAAA,OACnE,KAAK,aACR,CACF;AAAA,EAEJ;AACF;AAhHE,AAFmB,cAEZ,eAAe,EAAE,oBAAoB,MAAM,KAAK;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/PopperImpl.js
CHANGED
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import React2, { Component } from "react";
|
|
23
4
|
import { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from "@elliemae/ds-utilities";
|
|
@@ -171,14 +152,17 @@ class PopperImpl extends Component {
|
|
|
171
152
|
const componentInnerRef = get(triggerComponent, ["props", "innerRef"], () => null);
|
|
172
153
|
const compRef = isDOMTypeElement(triggerComponent) ? { ref } : { innerRef: mergeRefs(ref, componentInnerRef) };
|
|
173
154
|
const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;
|
|
174
|
-
const targetProps =
|
|
155
|
+
const targetProps = {
|
|
156
|
+
...triggerHandler,
|
|
157
|
+
...compRef,
|
|
175
158
|
"aria-haspopup": true,
|
|
176
159
|
"aria-expanded": isOpen
|
|
177
|
-
}
|
|
160
|
+
};
|
|
178
161
|
if (renderReference) {
|
|
179
|
-
return renderReference(
|
|
180
|
-
ref
|
|
181
|
-
|
|
162
|
+
return renderReference({
|
|
163
|
+
ref,
|
|
164
|
+
...targetProps
|
|
165
|
+
});
|
|
182
166
|
}
|
|
183
167
|
return getComponentFromProps(triggerComponent, targetProps);
|
|
184
168
|
}
|
|
@@ -203,7 +187,7 @@ class PopperImpl extends Component {
|
|
|
203
187
|
zIndex,
|
|
204
188
|
hideIfNotVisible
|
|
205
189
|
} = this.props;
|
|
206
|
-
const allModifiers =
|
|
190
|
+
const allModifiers = {
|
|
207
191
|
offset: {
|
|
208
192
|
enabled: showArrow,
|
|
209
193
|
offset: `0, ${arrowSize + arrowGap}`
|
|
@@ -217,8 +201,9 @@ class PopperImpl extends Component {
|
|
|
217
201
|
enabled: true,
|
|
218
202
|
fn: this.updatePopoverState,
|
|
219
203
|
order: 900
|
|
220
|
-
}
|
|
221
|
-
|
|
204
|
+
},
|
|
205
|
+
...modifiers
|
|
206
|
+
};
|
|
222
207
|
const triggerHandler = this.getInteractionObject(interactionType).handlers;
|
|
223
208
|
const popperContentProps = {
|
|
224
209
|
hideIfNotVisible,
|
|
@@ -245,10 +230,14 @@ class PopperImpl extends Component {
|
|
|
245
230
|
return /* @__PURE__ */ React2.createElement(Manager, null, customPopper({
|
|
246
231
|
Reference,
|
|
247
232
|
triggerHandler,
|
|
248
|
-
content: /* @__PURE__ */ React2.createElement(PopperContent,
|
|
233
|
+
content: /* @__PURE__ */ React2.createElement(PopperContent, {
|
|
234
|
+
...popperContentProps
|
|
235
|
+
})
|
|
249
236
|
}));
|
|
250
237
|
}
|
|
251
|
-
return /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement(Reference, null, this.renderTarget), /* @__PURE__ */ React2.createElement(PopperContent,
|
|
238
|
+
return /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement(Reference, null, this.renderTarget), /* @__PURE__ */ React2.createElement(PopperContent, {
|
|
239
|
+
...popperContentProps
|
|
240
|
+
}));
|
|
252
241
|
}
|
|
253
242
|
}
|
|
254
243
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PopperImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from '@elliemae/react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(this);\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n this.getInteractionObject = this.getInteractionObject.bind(this);\n this.setOpen = this.setOpen.bind(this);\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(triggerComponent, ['props', 'innerRef'], () => null);\n const compRef = isDOMTypeElement(triggerComponent) ? { ref } : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter: interactionType === Interaction.HOVER ? this.handleContentMouseEnter : undefined,\n onMouseLeave: interactionType === Interaction.HOVER ? this.handleContentMouseLeave : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,43 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
-
var __spreadValues = (a, b) => {
|
|
8
|
-
for (var prop in b || (b = {}))
|
|
9
|
-
if (__hasOwnProp.call(b, prop))
|
|
10
|
-
__defNormalProp(a, prop, b[prop]);
|
|
11
|
-
if (__getOwnPropSymbols)
|
|
12
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
-
if (__propIsEnum.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
}
|
|
16
|
-
return a;
|
|
17
|
-
};
|
|
18
2
|
import * as React from "react";
|
|
19
3
|
const getArrowStylesBySize = (position, size = 30) => {
|
|
20
4
|
const basePosition = position && position.split("-")[0];
|
|
21
|
-
return
|
|
22
|
-
borderWidth: size
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
5
|
+
return {
|
|
6
|
+
borderWidth: size,
|
|
7
|
+
...{
|
|
8
|
+
top: {
|
|
9
|
+
top: "100% !important",
|
|
10
|
+
transform: `rotateZ(${180}deg)`
|
|
11
|
+
},
|
|
12
|
+
right: {
|
|
13
|
+
right: "100%",
|
|
14
|
+
transform: `rotateZ(${-90}deg)`
|
|
15
|
+
},
|
|
16
|
+
bottom: {
|
|
17
|
+
bottom: "100%",
|
|
18
|
+
transform: `rotateZ(${0}deg)`
|
|
19
|
+
},
|
|
20
|
+
left: {
|
|
21
|
+
left: "100%",
|
|
22
|
+
transform: `rotateZ(${90}deg)`
|
|
23
|
+
}
|
|
24
|
+
}[basePosition]
|
|
25
|
+
};
|
|
41
26
|
};
|
|
42
27
|
var getArrowStylesBySize_default = getArrowStylesBySize;
|
|
43
28
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/getArrowStylesBySize.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";AAAA;ACAO,MAAM,uBAAuB,CAAC,UAAU,OAAO,OAAO;AAC3D,QAAM,eAAe,YAAY,SAAS,MAAM,GAAG,EAAE;AACrD,SAAO;AAAA,IACL,aAAa;AAAA,IACb,GAAG;AAAA,MACD,KAAK;AAAA,QACH,KAAK;AAAA,QACL,WAAW,WAAW;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,WAAW;AAAA,MACxB;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,WAAW,WAAW;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW,WAAW;AAAA,MACxB;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEA,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popper",
|
|
3
|
-
"version": "3.3.0-next.
|
|
3
|
+
"version": "3.3.0-next.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popper",
|
|
6
6
|
"files": [
|
|
@@ -63,9 +63,9 @@
|
|
|
63
63
|
"indent": 4
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@elliemae/ds-overlay": "3.3.0-next.
|
|
67
|
-
"@elliemae/ds-system": "3.3.0-next.
|
|
68
|
-
"@elliemae/ds-utilities": "3.3.0-next.
|
|
66
|
+
"@elliemae/ds-overlay": "3.3.0-next.7",
|
|
67
|
+
"@elliemae/ds-system": "3.3.0-next.7",
|
|
68
|
+
"@elliemae/ds-utilities": "3.3.0-next.7",
|
|
69
69
|
"@elliemae/react-popper": "~1.0.2",
|
|
70
70
|
"memoize-one": "~6.0.0",
|
|
71
71
|
"react-spring": "~8.0.27",
|