@elliemae/ds-popper 3.13.1-rc.1 → 3.13.1
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/types/DSPopper.d.ts +133 -0
- package/dist/types/PopperContent.d.ts +21 -0
- package/dist/types/PopperImpl.d.ts +52 -0
- package/dist/types/getArrowStylesBySize.d.ts +2 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/interaction.d.ts +5 -0
- package/dist/types/positions.d.ts +18 -0
- package/dist/types/props.d.ts +68 -0
- package/package.json +4 -4
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { Position } from './positions';
|
|
2
|
+
import { Interaction } from './interaction';
|
|
3
|
+
declare const DSPopper: {
|
|
4
|
+
({ containerProps, arrowGap, arrowSize, blockName, contentOffset, contentStyle, contentComponent, delayClose, delayOpen, interactionType, isOpen, onOpen, onClose, onPlacementChange, placement, preventOverflow, showArrow, closeAnimationConfig, openAnimationConfig, usePortal, triggerComponent, wrapExtraComponent, getTargetFromChildren, getContentFromChildren, modifiers, triggerRef, children: customPopper, renderReference, referenceNode, zIndex, hideIfNotVisible, }: {
|
|
5
|
+
containerProps: any;
|
|
6
|
+
arrowGap: any;
|
|
7
|
+
arrowSize: any;
|
|
8
|
+
blockName: any;
|
|
9
|
+
contentOffset: any;
|
|
10
|
+
contentStyle: any;
|
|
11
|
+
contentComponent: any;
|
|
12
|
+
delayClose: any;
|
|
13
|
+
delayOpen: any;
|
|
14
|
+
interactionType: any;
|
|
15
|
+
isOpen: any;
|
|
16
|
+
onOpen: any;
|
|
17
|
+
onClose: any;
|
|
18
|
+
onPlacementChange: any;
|
|
19
|
+
placement: any;
|
|
20
|
+
preventOverflow: any;
|
|
21
|
+
showArrow: any;
|
|
22
|
+
closeAnimationConfig: any;
|
|
23
|
+
openAnimationConfig: any;
|
|
24
|
+
usePortal: any;
|
|
25
|
+
triggerComponent: any;
|
|
26
|
+
wrapExtraComponent: any;
|
|
27
|
+
getTargetFromChildren: any;
|
|
28
|
+
getContentFromChildren: any;
|
|
29
|
+
modifiers: any;
|
|
30
|
+
triggerRef: any;
|
|
31
|
+
children: any;
|
|
32
|
+
renderReference: any;
|
|
33
|
+
referenceNode: any;
|
|
34
|
+
zIndex: any;
|
|
35
|
+
hideIfNotVisible: any;
|
|
36
|
+
}): JSX.Element;
|
|
37
|
+
propTypes: {
|
|
38
|
+
hideIfNotVisible: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
39
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
40
|
+
arrowGap: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
41
|
+
onOpen: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
42
|
+
onClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
43
|
+
delayClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
44
|
+
delayOpen: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
45
|
+
onPlacementChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
46
|
+
arrowSize: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
47
|
+
blockName: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
48
|
+
triggerComponent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
49
|
+
};
|
|
50
|
+
defaultProps: {
|
|
51
|
+
containerProps: {};
|
|
52
|
+
arrowGap: number;
|
|
53
|
+
arrowSize: number;
|
|
54
|
+
blockName: string;
|
|
55
|
+
contentOffset: null;
|
|
56
|
+
contentStyle: null;
|
|
57
|
+
contentComponent: () => null;
|
|
58
|
+
delayClose: number;
|
|
59
|
+
delayOpen: number;
|
|
60
|
+
interactionType: string;
|
|
61
|
+
onOpen: () => null;
|
|
62
|
+
onClose: () => null;
|
|
63
|
+
onPlacementChange: () => null;
|
|
64
|
+
placement: string;
|
|
65
|
+
preventOverflow: string;
|
|
66
|
+
showArrow: boolean;
|
|
67
|
+
closeAnimationConfig: {
|
|
68
|
+
to: {
|
|
69
|
+
transform: string;
|
|
70
|
+
opacity: string;
|
|
71
|
+
};
|
|
72
|
+
config: {
|
|
73
|
+
delay: number;
|
|
74
|
+
duration: number;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
openAnimationConfig: {
|
|
78
|
+
to: {
|
|
79
|
+
transform: string;
|
|
80
|
+
opacity: string;
|
|
81
|
+
};
|
|
82
|
+
config: {
|
|
83
|
+
delay: number;
|
|
84
|
+
duration: number;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
usePortal: boolean;
|
|
88
|
+
triggerComponent: () => null;
|
|
89
|
+
getTargetFromChildren: () => null;
|
|
90
|
+
getContentFromChildren: () => null;
|
|
91
|
+
modifiers: {};
|
|
92
|
+
triggerRef: () => null;
|
|
93
|
+
hideIfNotVisible: boolean;
|
|
94
|
+
};
|
|
95
|
+
displayName: string;
|
|
96
|
+
};
|
|
97
|
+
declare const DSPopperWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
98
|
+
containerProps: any;
|
|
99
|
+
arrowGap: any;
|
|
100
|
+
arrowSize: any;
|
|
101
|
+
blockName: any;
|
|
102
|
+
contentOffset: any;
|
|
103
|
+
contentStyle: any;
|
|
104
|
+
contentComponent: any;
|
|
105
|
+
delayClose: any;
|
|
106
|
+
delayOpen: any;
|
|
107
|
+
interactionType: any;
|
|
108
|
+
isOpen: any;
|
|
109
|
+
onOpen: any;
|
|
110
|
+
onClose: any;
|
|
111
|
+
onPlacementChange: any;
|
|
112
|
+
placement: any;
|
|
113
|
+
preventOverflow: any;
|
|
114
|
+
showArrow: any;
|
|
115
|
+
closeAnimationConfig: any;
|
|
116
|
+
openAnimationConfig: any;
|
|
117
|
+
usePortal: any;
|
|
118
|
+
triggerComponent: any;
|
|
119
|
+
wrapExtraComponent: any;
|
|
120
|
+
getTargetFromChildren: any;
|
|
121
|
+
getContentFromChildren: any;
|
|
122
|
+
modifiers: any;
|
|
123
|
+
triggerRef: any;
|
|
124
|
+
children: any;
|
|
125
|
+
renderReference: any;
|
|
126
|
+
referenceNode: any;
|
|
127
|
+
zIndex: any;
|
|
128
|
+
hideIfNotVisible: any;
|
|
129
|
+
}>;
|
|
130
|
+
export { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };
|
|
131
|
+
export { interactions } from './interaction';
|
|
132
|
+
export { positions } from './positions';
|
|
133
|
+
export default DSPopper;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PureComponent } from 'react';
|
|
2
|
+
export default class PopperContent extends PureComponent {
|
|
3
|
+
static defaultProps: {
|
|
4
|
+
onContentDestroyed: () => null;
|
|
5
|
+
};
|
|
6
|
+
constructor(props: any);
|
|
7
|
+
handleRestAnimation(): void;
|
|
8
|
+
renderArrow({ ref, style }: {
|
|
9
|
+
ref: any;
|
|
10
|
+
style: any;
|
|
11
|
+
}, placement: any): JSX.Element | null;
|
|
12
|
+
renderContent({ ref, style, placement, arrowProps, scheduleUpdate, outOfBoundaries }: {
|
|
13
|
+
ref: any;
|
|
14
|
+
style: any;
|
|
15
|
+
placement: any;
|
|
16
|
+
arrowProps: any;
|
|
17
|
+
scheduleUpdate: any;
|
|
18
|
+
outOfBoundaries: any;
|
|
19
|
+
}): JSX.Element;
|
|
20
|
+
render(): JSX.Element;
|
|
21
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { Reference } from '@elliemae/react-popper';
|
|
3
|
+
import PopperContent from './PopperContent';
|
|
4
|
+
export default class PopperImpl extends Component<any, any> {
|
|
5
|
+
safeIsMounted: boolean;
|
|
6
|
+
handlePopperPlacementChange: import("memoize-one").MemoizedFn<(this: any, placement: any) => void>;
|
|
7
|
+
constructor(props: any);
|
|
8
|
+
componentDidMount(): void;
|
|
9
|
+
componentDidUpdate(): void;
|
|
10
|
+
componentWillUnmount(): void;
|
|
11
|
+
static getDerivedStateFromProps(nextProps: any, prevState: any): {
|
|
12
|
+
isOpen: any;
|
|
13
|
+
prevPropIsOpen: any;
|
|
14
|
+
} | null;
|
|
15
|
+
getInteractionObject(interaction: any, referenceProps?: {}): {
|
|
16
|
+
handlers?: undefined;
|
|
17
|
+
canClose?: undefined;
|
|
18
|
+
} | {
|
|
19
|
+
handlers: {
|
|
20
|
+
onClick: (e: any) => void;
|
|
21
|
+
onMouseEnter?: undefined;
|
|
22
|
+
onPointerEnter?: undefined;
|
|
23
|
+
onMouseLeave?: undefined;
|
|
24
|
+
onPointerLeave?: undefined;
|
|
25
|
+
};
|
|
26
|
+
canClose: () => boolean;
|
|
27
|
+
} | {
|
|
28
|
+
handlers: {
|
|
29
|
+
onMouseEnter: any;
|
|
30
|
+
onPointerEnter: any;
|
|
31
|
+
onMouseLeave: any;
|
|
32
|
+
onPointerLeave: any;
|
|
33
|
+
onClick: (e: any) => void;
|
|
34
|
+
};
|
|
35
|
+
canClose: (isOnTrigger: any, isOnPopper: any) => boolean;
|
|
36
|
+
};
|
|
37
|
+
setOpen(opening: any): void;
|
|
38
|
+
open(): void;
|
|
39
|
+
close(): void;
|
|
40
|
+
handleTriggerClick(e: any): void;
|
|
41
|
+
handleContentMouseEnter(): void;
|
|
42
|
+
handleContentMouseLeave(): void;
|
|
43
|
+
handleMouseEnter(): void;
|
|
44
|
+
handleMouseLeave(): void;
|
|
45
|
+
updatePopoverState(popperData: any): any;
|
|
46
|
+
handleDestroyContent(): void;
|
|
47
|
+
renderTarget({ ref }: {
|
|
48
|
+
ref: any;
|
|
49
|
+
}): any;
|
|
50
|
+
render(): JSX.Element;
|
|
51
|
+
}
|
|
52
|
+
export { Reference, PopperContent };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const Position: {
|
|
2
|
+
AUTO: string;
|
|
3
|
+
AUTO_START: string;
|
|
4
|
+
AUTO_END: string;
|
|
5
|
+
BOTTOM: string;
|
|
6
|
+
BOTTOM_START: string;
|
|
7
|
+
BOTTOM_END: string;
|
|
8
|
+
LEFT: string;
|
|
9
|
+
LEFT_END: string;
|
|
10
|
+
LEFT_START: string;
|
|
11
|
+
RIGHT: string;
|
|
12
|
+
RIGHT_END: string;
|
|
13
|
+
RIGHT_START: string;
|
|
14
|
+
TOP: string;
|
|
15
|
+
TOP_START: string;
|
|
16
|
+
TOP_END: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const positions: string[];
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export declare const popperProps: {
|
|
2
|
+
/** Hide menu component if trigger component is not visible/scrolled away */
|
|
3
|
+
hideIfNotVisible: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
4
|
+
/** props to inject to popper wrapper */
|
|
5
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
6
|
+
/** Space between the arrow and the popup */
|
|
7
|
+
arrowGap: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
8
|
+
/** callback for when menu changes from close to open */
|
|
9
|
+
onOpen: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
10
|
+
/** callback for when menu changes from open to close */
|
|
11
|
+
onClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
12
|
+
/** Time in ms to delay close of menu */
|
|
13
|
+
delayClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
/** Time in ms to delay open of menu */
|
|
15
|
+
delayOpen: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
16
|
+
/** callback for when menu changes placement */
|
|
17
|
+
onPlacementChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
+
/** Arrow size */
|
|
19
|
+
arrowSize: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
20
|
+
/** Bem blockname for the popper */
|
|
21
|
+
blockName: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
22
|
+
triggerComponent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
23
|
+
};
|
|
24
|
+
export declare const defaultProps: {
|
|
25
|
+
containerProps: {};
|
|
26
|
+
arrowGap: number;
|
|
27
|
+
arrowSize: number;
|
|
28
|
+
blockName: string;
|
|
29
|
+
contentOffset: null;
|
|
30
|
+
contentStyle: null;
|
|
31
|
+
contentComponent: () => null;
|
|
32
|
+
delayClose: number;
|
|
33
|
+
delayOpen: number;
|
|
34
|
+
interactionType: string;
|
|
35
|
+
onOpen: () => null;
|
|
36
|
+
onClose: () => null;
|
|
37
|
+
onPlacementChange: () => null;
|
|
38
|
+
placement: string;
|
|
39
|
+
preventOverflow: string;
|
|
40
|
+
showArrow: boolean;
|
|
41
|
+
closeAnimationConfig: {
|
|
42
|
+
to: {
|
|
43
|
+
transform: string;
|
|
44
|
+
opacity: string;
|
|
45
|
+
};
|
|
46
|
+
config: {
|
|
47
|
+
delay: number;
|
|
48
|
+
duration: number;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
openAnimationConfig: {
|
|
52
|
+
to: {
|
|
53
|
+
transform: string;
|
|
54
|
+
opacity: string;
|
|
55
|
+
};
|
|
56
|
+
config: {
|
|
57
|
+
delay: number;
|
|
58
|
+
duration: number;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
usePortal: boolean;
|
|
62
|
+
triggerComponent: () => null;
|
|
63
|
+
getTargetFromChildren: () => null;
|
|
64
|
+
getContentFromChildren: () => null;
|
|
65
|
+
modifiers: {};
|
|
66
|
+
triggerRef: () => null;
|
|
67
|
+
hideIfNotVisible: boolean;
|
|
68
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popper",
|
|
3
|
-
"version": "3.13.1
|
|
3
|
+
"version": "3.13.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popper",
|
|
6
6
|
"files": [
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
"memoize-one": "~6.0.0",
|
|
68
68
|
"react-spring": "~8.0.27",
|
|
69
69
|
"styled-components": "~5.3.6",
|
|
70
|
-
"@elliemae/ds-overlay": "3.13.1
|
|
71
|
-
"@elliemae/ds-system": "3.13.1
|
|
72
|
-
"@elliemae/ds-utilities": "3.13.1
|
|
70
|
+
"@elliemae/ds-overlay": "3.13.1",
|
|
71
|
+
"@elliemae/ds-system": "3.13.1",
|
|
72
|
+
"@elliemae/ds-utilities": "3.13.1"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|
|
75
75
|
"react": "^17.0.2",
|