@elliemae/ds-popper 2.3.0-alpha.8 → 2.3.0-next.2
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 -0
- package/cjs/PopperContent.js +156 -0
- package/cjs/PopperImpl.js +335 -0
- package/cjs/getArrowStylesBySize.js +46 -0
- package/cjs/index.js +19 -0
- package/cjs/interaction.js +12 -0
- package/cjs/positions.js +25 -0
- package/cjs/props.js +88 -0
- package/esm/DSPopper.js +83 -0
- package/esm/PopperContent.js +147 -0
- package/{dist/esm → esm}/PopperImpl.js +148 -69
- package/esm/getArrowStylesBySize.js +37 -0
- package/esm/index.js +4 -0
- package/esm/interaction.js +7 -0
- package/esm/positions.js +20 -0
- package/esm/props.js +83 -0
- package/package.json +32 -34
- package/types/DSPopper.d.ts +156 -0
- package/types/PopperContent.d.ts +21 -0
- package/types/PopperImpl.d.ts +52 -0
- package/types/getArrowStylesBySize.d.ts +2 -0
- package/types/index.d.ts +3 -0
- package/types/interaction.d.ts +5 -0
- package/types/positions.d.ts +18 -0
- package/types/props.d.ts +119 -0
- package/dist/cjs/DSPopper.js +0 -117
- package/dist/cjs/DSPopper.js.map +0 -7
- package/dist/cjs/PopperContent.js +0 -148
- package/dist/cjs/PopperContent.js.map +0 -7
- package/dist/cjs/PopperImpl.js +0 -272
- package/dist/cjs/PopperImpl.js.map +0 -7
- package/dist/cjs/getArrowStylesBySize.js +0 -60
- package/dist/cjs/getArrowStylesBySize.js.map +0 -7
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/interaction.js +0 -40
- package/dist/cjs/interaction.js.map +0 -7
- package/dist/cjs/positions.js +0 -69
- package/dist/cjs/positions.js.map +0 -7
- package/dist/cjs/props.js +0 -89
- package/dist/cjs/props.js.map +0 -7
- package/dist/esm/DSPopper.js +0 -88
- package/dist/esm/DSPopper.js.map +0 -7
- package/dist/esm/PopperContent.js +0 -119
- package/dist/esm/PopperContent.js.map +0 -7
- package/dist/esm/PopperImpl.js.map +0 -7
- package/dist/esm/getArrowStylesBySize.js +0 -31
- package/dist/esm/getArrowStylesBySize.js.map +0 -7
- package/dist/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/interaction.js +0 -11
- package/dist/esm/interaction.js.map +0 -7
- package/dist/esm/positions.js +0 -40
- package/dist/esm/positions.js.map +0 -7
- package/dist/esm/props.js +0 -60
- package/dist/esm/props.js.map +0 -7
package/dist/esm/positions.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const Position = {
|
|
3
|
-
AUTO: "auto",
|
|
4
|
-
AUTO_START: "auto-start",
|
|
5
|
-
AUTO_END: "auto-end",
|
|
6
|
-
BOTTOM: "bottom",
|
|
7
|
-
BOTTOM_START: "bottom-start",
|
|
8
|
-
BOTTOM_END: "bottom-end",
|
|
9
|
-
LEFT: "left",
|
|
10
|
-
LEFT_END: "left-end",
|
|
11
|
-
LEFT_START: "left-start",
|
|
12
|
-
RIGHT: "right",
|
|
13
|
-
RIGHT_END: "right-end",
|
|
14
|
-
RIGHT_START: "right-start",
|
|
15
|
-
TOP: "top",
|
|
16
|
-
TOP_START: "top-start",
|
|
17
|
-
TOP_END: "top-end"
|
|
18
|
-
};
|
|
19
|
-
const positions = [
|
|
20
|
-
Position.AUTO_START,
|
|
21
|
-
Position.AUTO_END,
|
|
22
|
-
Position.AUTO,
|
|
23
|
-
Position.TOP_START,
|
|
24
|
-
Position.TOP,
|
|
25
|
-
Position.TOP_END,
|
|
26
|
-
Position.RIGHT_START,
|
|
27
|
-
Position.RIGHT,
|
|
28
|
-
Position.RIGHT_END,
|
|
29
|
-
Position.BOTTOM_START,
|
|
30
|
-
Position.BOTTOM,
|
|
31
|
-
Position.BOTTOM_END,
|
|
32
|
-
Position.LEFT_START,
|
|
33
|
-
Position.LEFT,
|
|
34
|
-
Position.LEFT_END
|
|
35
|
-
];
|
|
36
|
-
export {
|
|
37
|
-
Position,
|
|
38
|
-
positions
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=positions.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/positions.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const Position = {\n AUTO: 'auto',\n AUTO_START: 'auto-start',\n AUTO_END: 'auto-end',\n BOTTOM: 'bottom',\n BOTTOM_START: 'bottom-start',\n BOTTOM_END: 'bottom-end',\n LEFT: 'left',\n LEFT_END: 'left-end',\n LEFT_START: 'left-start',\n RIGHT: 'right',\n RIGHT_END: 'right-end',\n RIGHT_START: 'right-start',\n TOP: 'top',\n TOP_START: 'top-start',\n TOP_END: 'top-end',\n};\n\nexport const positions = [\n Position.AUTO_START,\n Position.AUTO_END,\n Position.AUTO,\n Position.TOP_START,\n Position.TOP,\n Position.TOP_END,\n Position.RIGHT_START,\n Position.RIGHT,\n Position.RIGHT_END,\n Position.BOTTOM_START,\n Position.BOTTOM,\n Position.BOTTOM_END,\n Position.LEFT_START,\n Position.LEFT,\n Position.LEFT_END,\n];\n"],
|
|
5
|
-
"mappings": "AAAA;ACAO,MAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA;AAGJ,MAAM,YAAY;AAAA,EACvB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/props.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "react-desc";
|
|
3
|
-
import { Position } from "./positions";
|
|
4
|
-
import { Interaction } from "./interaction";
|
|
5
|
-
const popperProps = {
|
|
6
|
-
hideIfNotVisible: PropTypes.bool.description("Hide menu component if trigger component is not visible/scrolled away"),
|
|
7
|
-
containerProps: PropTypes.object.description("props to inject to popper wrapper"),
|
|
8
|
-
arrowGap: PropTypes.number.description("Space between the arrow and the popup"),
|
|
9
|
-
onOpen: PropTypes.func.description("callback for when menu changes from close to open"),
|
|
10
|
-
onClose: PropTypes.func.description("callback for when menu changes from open to close"),
|
|
11
|
-
delayClose: PropTypes.number.description("Time in ms to delay close of menu"),
|
|
12
|
-
delayOpen: PropTypes.number.description("Time in ms to delay open of menu"),
|
|
13
|
-
onPlacementChange: PropTypes.func.description("callback for when menu changes placement"),
|
|
14
|
-
arrowSize: PropTypes.number.description("Arrow size"),
|
|
15
|
-
blockName: PropTypes.oneOfType([
|
|
16
|
-
PropTypes.string,
|
|
17
|
-
PropTypes.object
|
|
18
|
-
]).description("Bem blockname for the popper"),
|
|
19
|
-
triggerComponent: PropTypes.element.description(`The component that will open/close the tooltip.
|
|
20
|
-
Cannot be used with disabled elements.
|
|
21
|
-
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired
|
|
22
|
-
};
|
|
23
|
-
const defaultProps = {
|
|
24
|
-
containerProps: {},
|
|
25
|
-
arrowGap: 8,
|
|
26
|
-
arrowSize: 6,
|
|
27
|
-
blockName: "",
|
|
28
|
-
contentOffset: null,
|
|
29
|
-
contentStyle: null,
|
|
30
|
-
contentComponent: () => null,
|
|
31
|
-
delayClose: 300,
|
|
32
|
-
delayOpen: 200,
|
|
33
|
-
interactionType: Interaction.CLICK,
|
|
34
|
-
onOpen: () => null,
|
|
35
|
-
onClose: () => null,
|
|
36
|
-
onPlacementChange: () => null,
|
|
37
|
-
placement: Position.BOTTOM,
|
|
38
|
-
preventOverflow: "window",
|
|
39
|
-
showArrow: true,
|
|
40
|
-
closeAnimationConfig: {
|
|
41
|
-
to: { transform: "scale(0.8)", opacity: "0" },
|
|
42
|
-
config: { delay: 80, duration: 80 }
|
|
43
|
-
},
|
|
44
|
-
openAnimationConfig: {
|
|
45
|
-
to: { transform: "scale(1)", opacity: "1" },
|
|
46
|
-
config: { delay: 80, duration: 80 }
|
|
47
|
-
},
|
|
48
|
-
usePortal: true,
|
|
49
|
-
triggerComponent: () => null,
|
|
50
|
-
getTargetFromChildren: () => null,
|
|
51
|
-
getContentFromChildren: () => null,
|
|
52
|
-
modifiers: {},
|
|
53
|
-
triggerRef: () => null,
|
|
54
|
-
hideIfNotVisible: false
|
|
55
|
-
};
|
|
56
|
-
export {
|
|
57
|
-
defaultProps,
|
|
58
|
-
popperProps
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=props.js.map
|
package/dist/esm/props.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description(\n 'Hide menu component if trigger component is not visible/scrolled away',\n ),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to popper wrapper',\n ),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description(\n 'Space between the arrow and the popup',\n ),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description(\n 'callback for when menu changes from close to open',\n ),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description(\n 'callback for when menu changes from open to close',\n ),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description(\n 'callback for when menu changes placement',\n ),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]).description('Bem blockname for the popper'),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,cAAc;AAAA,EAEzB,kBAAkB,UAAU,KAAK,YAC/B;AAAA,EAGF,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,UAAU,OAAO,YACzB;AAAA,EAGF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAGF,SAAS,UAAU,KAAK,YACtB;AAAA,EAGF,YAAY,UAAU,OAAO,YAAY;AAAA,EAEzC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,mBAAmB,UAAU,KAAK,YAChC;AAAA,EAGF,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,WAAW,UAAU,UAAU;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EACf,kBAAkB,UAAU,QAAQ,YAClC;AAAA;AAAA,4EAGA;AAAA;AAGG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB,MAAM;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB,YAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,SAAS;AAAA,EACpB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,IAAI,EAAE,WAAW,cAAc,SAAS;AAAA,IACxC,QAAQ,EAAE,OAAO,IAAI,UAAU;AAAA;AAAA,EAEjC,qBAAqB;AAAA,IACnB,IAAI,EAAE,WAAW,YAAY,SAAS;AAAA,IACtC,QAAQ,EAAE,OAAO,IAAI,UAAU;AAAA;AAAA,EAEjC,WAAW;AAAA,EACX,kBAAkB,MAAM;AAAA,EACxB,uBAAuB,MAAM;AAAA,EAC7B,wBAAwB,MAAM;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY,MAAM;AAAA,EAClB,kBAAkB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|