@elliemae/ds-popper 2.2.0 → 2.3.0-alpha.3
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 +117 -97
- package/cjs/DSPopper.js.map +7 -0
- package/cjs/PopperContent.js +106 -114
- package/cjs/PopperContent.js.map +7 -0
- package/cjs/PopperImpl.js +104 -167
- package/cjs/PopperImpl.js.map +7 -0
- package/cjs/getArrowStylesBySize.js +59 -45
- package/cjs/getArrowStylesBySize.js.map +7 -0
- package/cjs/index.js +37 -19
- package/cjs/index.js.map +7 -0
- package/cjs/interaction.js +37 -9
- package/cjs/interaction.js.map +7 -0
- package/cjs/positions.js +67 -23
- package/cjs/positions.js.map +7 -0
- package/cjs/props.js +62 -61
- package/cjs/props.js.map +7 -0
- package/esm/DSPopper.js +85 -80
- package/esm/DSPopper.js.map +7 -0
- package/esm/PopperContent.js +74 -102
- package/esm/PopperContent.js.map +7 -0
- package/esm/PopperImpl.js +69 -148
- package/esm/PopperImpl.js.map +7 -0
- package/esm/getArrowStylesBySize.js +30 -36
- package/esm/getArrowStylesBySize.js.map +7 -0
- package/esm/index.js +8 -4
- package/esm/index.js.map +7 -0
- package/esm/interaction.js +8 -4
- package/esm/interaction.js.map +7 -0
- package/esm/positions.js +38 -18
- package/esm/positions.js.map +7 -0
- package/esm/props.js +31 -54
- package/esm/props.js.map +7 -0
- package/package.json +3 -3
package/cjs/interaction.js
CHANGED
|
@@ -1,12 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
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"));
|
|
5
34
|
const Interaction = {
|
|
6
|
-
CLICK:
|
|
7
|
-
HOVER:
|
|
35
|
+
CLICK: "click",
|
|
36
|
+
HOVER: "hover"
|
|
8
37
|
};
|
|
9
38
|
const interactions = [Interaction.CLICK, Interaction.HOVER];
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.interactions = interactions;
|
|
39
|
+
module.exports = __toCommonJS(interaction_exports);
|
|
40
|
+
//# sourceMappingURL=interaction.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/interaction.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AAAA;AAGF,MAAM,eAAe,CAAC,YAAY,OAAO,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/cjs/positions.js
CHANGED
|
@@ -1,25 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
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 positions_exports = {};
|
|
29
|
+
__export(positions_exports, {
|
|
30
|
+
Position: () => Position,
|
|
31
|
+
positions: () => positions
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
5
34
|
const Position = {
|
|
6
|
-
AUTO:
|
|
7
|
-
AUTO_START:
|
|
8
|
-
AUTO_END:
|
|
9
|
-
BOTTOM:
|
|
10
|
-
BOTTOM_START:
|
|
11
|
-
BOTTOM_END:
|
|
12
|
-
LEFT:
|
|
13
|
-
LEFT_END:
|
|
14
|
-
LEFT_START:
|
|
15
|
-
RIGHT:
|
|
16
|
-
RIGHT_END:
|
|
17
|
-
RIGHT_START:
|
|
18
|
-
TOP:
|
|
19
|
-
TOP_START:
|
|
20
|
-
TOP_END:
|
|
35
|
+
AUTO: "auto",
|
|
36
|
+
AUTO_START: "auto-start",
|
|
37
|
+
AUTO_END: "auto-end",
|
|
38
|
+
BOTTOM: "bottom",
|
|
39
|
+
BOTTOM_START: "bottom-start",
|
|
40
|
+
BOTTOM_END: "bottom-end",
|
|
41
|
+
LEFT: "left",
|
|
42
|
+
LEFT_END: "left-end",
|
|
43
|
+
LEFT_START: "left-start",
|
|
44
|
+
RIGHT: "right",
|
|
45
|
+
RIGHT_END: "right-end",
|
|
46
|
+
RIGHT_START: "right-start",
|
|
47
|
+
TOP: "top",
|
|
48
|
+
TOP_START: "top-start",
|
|
49
|
+
TOP_END: "top-end"
|
|
21
50
|
};
|
|
22
|
-
const positions = [
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
51
|
+
const positions = [
|
|
52
|
+
Position.AUTO_START,
|
|
53
|
+
Position.AUTO_END,
|
|
54
|
+
Position.AUTO,
|
|
55
|
+
Position.TOP_START,
|
|
56
|
+
Position.TOP,
|
|
57
|
+
Position.TOP_END,
|
|
58
|
+
Position.RIGHT_START,
|
|
59
|
+
Position.RIGHT,
|
|
60
|
+
Position.RIGHT_END,
|
|
61
|
+
Position.BOTTOM_START,
|
|
62
|
+
Position.BOTTOM,
|
|
63
|
+
Position.BOTTOM_END,
|
|
64
|
+
Position.LEFT_START,
|
|
65
|
+
Position.LEFT,
|
|
66
|
+
Position.LEFT_END
|
|
67
|
+
];
|
|
68
|
+
module.exports = __toCommonJS(positions_exports);
|
|
69
|
+
//# sourceMappingURL=positions.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/positions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/cjs/props.js
CHANGED
|
@@ -1,79 +1,81 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
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 props_exports = {};
|
|
29
|
+
__export(props_exports, {
|
|
30
|
+
defaultProps: () => defaultProps,
|
|
31
|
+
popperProps: () => popperProps
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react_desc = require("react-desc");
|
|
35
|
+
var import_positions = require("./positions");
|
|
36
|
+
var import_interaction = require("./interaction");
|
|
9
37
|
const popperProps = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
delayClose: reactDesc.PropTypes.number.description('Time in ms to delay close of menu'),
|
|
27
|
-
|
|
28
|
-
/** Time in ms to delay open of menu */
|
|
29
|
-
delayOpen: reactDesc.PropTypes.number.description('Time in ms to delay open of menu'),
|
|
30
|
-
|
|
31
|
-
/** callback for when menu changes placement */
|
|
32
|
-
onPlacementChange: reactDesc.PropTypes.func.description('callback for when menu changes placement'),
|
|
33
|
-
|
|
34
|
-
/** Arrow size */
|
|
35
|
-
arrowSize: reactDesc.PropTypes.number.description('Arrow size'),
|
|
36
|
-
|
|
37
|
-
/** Bem blockname for the popper */
|
|
38
|
-
blockName: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.object]).description('Bem blockname for the popper'),
|
|
39
|
-
triggerComponent: reactDesc.PropTypes.element.description("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").isRequired
|
|
38
|
+
hideIfNotVisible: import_react_desc.PropTypes.bool.description("Hide menu component if trigger component is not visible/scrolled away"),
|
|
39
|
+
containerProps: import_react_desc.PropTypes.object.description("props to inject to popper wrapper"),
|
|
40
|
+
arrowGap: import_react_desc.PropTypes.number.description("Space between the arrow and the popup"),
|
|
41
|
+
onOpen: import_react_desc.PropTypes.func.description("callback for when menu changes from close to open"),
|
|
42
|
+
onClose: import_react_desc.PropTypes.func.description("callback for when menu changes from open to close"),
|
|
43
|
+
delayClose: import_react_desc.PropTypes.number.description("Time in ms to delay close of menu"),
|
|
44
|
+
delayOpen: import_react_desc.PropTypes.number.description("Time in ms to delay open of menu"),
|
|
45
|
+
onPlacementChange: import_react_desc.PropTypes.func.description("callback for when menu changes placement"),
|
|
46
|
+
arrowSize: import_react_desc.PropTypes.number.description("Arrow size"),
|
|
47
|
+
blockName: import_react_desc.PropTypes.oneOfType([
|
|
48
|
+
import_react_desc.PropTypes.string,
|
|
49
|
+
import_react_desc.PropTypes.object
|
|
50
|
+
]).description("Bem blockname for the popper"),
|
|
51
|
+
triggerComponent: import_react_desc.PropTypes.element.description(`The component that will open/close the tooltip.
|
|
52
|
+
Cannot be used with disabled elements.
|
|
53
|
+
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired
|
|
40
54
|
};
|
|
41
55
|
const defaultProps = {
|
|
42
56
|
containerProps: {},
|
|
43
57
|
arrowGap: 8,
|
|
44
58
|
arrowSize: 6,
|
|
45
|
-
blockName:
|
|
59
|
+
blockName: "",
|
|
46
60
|
contentOffset: null,
|
|
47
61
|
contentStyle: null,
|
|
48
62
|
contentComponent: () => null,
|
|
49
63
|
delayClose: 300,
|
|
50
64
|
delayOpen: 200,
|
|
51
|
-
interactionType:
|
|
65
|
+
interactionType: import_interaction.Interaction.CLICK,
|
|
52
66
|
onOpen: () => null,
|
|
53
67
|
onClose: () => null,
|
|
54
68
|
onPlacementChange: () => null,
|
|
55
|
-
placement:
|
|
56
|
-
preventOverflow:
|
|
69
|
+
placement: import_positions.Position.BOTTOM,
|
|
70
|
+
preventOverflow: "window",
|
|
57
71
|
showArrow: true,
|
|
58
72
|
closeAnimationConfig: {
|
|
59
|
-
to: {
|
|
60
|
-
|
|
61
|
-
opacity: '0'
|
|
62
|
-
},
|
|
63
|
-
config: {
|
|
64
|
-
delay: 80,
|
|
65
|
-
duration: 80
|
|
66
|
-
}
|
|
73
|
+
to: { transform: "scale(0.8)", opacity: "0" },
|
|
74
|
+
config: { delay: 80, duration: 80 }
|
|
67
75
|
},
|
|
68
76
|
openAnimationConfig: {
|
|
69
|
-
to: {
|
|
70
|
-
|
|
71
|
-
opacity: '1'
|
|
72
|
-
},
|
|
73
|
-
config: {
|
|
74
|
-
delay: 80,
|
|
75
|
-
duration: 80
|
|
76
|
-
}
|
|
77
|
+
to: { transform: "scale(1)", opacity: "1" },
|
|
78
|
+
config: { delay: 80, duration: 80 }
|
|
77
79
|
},
|
|
78
80
|
usePortal: true,
|
|
79
81
|
triggerComponent: () => null,
|
|
@@ -83,6 +85,5 @@ const defaultProps = {
|
|
|
83
85
|
triggerRef: () => null,
|
|
84
86
|
hideIfNotVisible: false
|
|
85
87
|
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
exports.popperProps = popperProps;
|
|
88
|
+
module.exports = __toCommonJS(props_exports);
|
|
89
|
+
//# sourceMappingURL=props.js.map
|
package/cjs/props.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,uBAAyB;AACzB,yBAA4B;AAErB,MAAM,cAAc;AAAA,EAEzB,kBAAkB,4BAAU,KAAK,YAC/B;AAAA,EAGF,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,4BAAU,OAAO,YACzB;AAAA,EAGF,QAAQ,4BAAU,KAAK,YACrB;AAAA,EAGF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAGF,YAAY,4BAAU,OAAO,YAAY;AAAA,EAEzC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,mBAAmB,4BAAU,KAAK,YAChC;AAAA,EAGF,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,WAAW,4BAAU,UAAU;AAAA,IAC7B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EACf,kBAAkB,4BAAU,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,+BAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,0BAAS;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
|
+
}
|
package/esm/DSPopper.js
CHANGED
|
@@ -1,83 +1,88 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { describe } from
|
|
4
|
-
import PopperImpl from
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import { popperProps, defaultProps } from
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
zIndex: zIndex,
|
|
74
|
-
hideIfNotVisible: hideIfNotVisible
|
|
75
|
-
}, void 0, customPopper);
|
|
76
|
-
}; // @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.
|
|
77
|
-
|
|
78
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2 from "react";
|
|
3
|
+
import { describe } from "react-desc";
|
|
4
|
+
import PopperImpl from "./PopperImpl";
|
|
5
|
+
import { Position } from "./positions";
|
|
6
|
+
import { Interaction } from "./interaction";
|
|
7
|
+
import { popperProps, defaultProps } from "./props";
|
|
8
|
+
const DSPopper = ({
|
|
9
|
+
containerProps,
|
|
10
|
+
arrowGap,
|
|
11
|
+
arrowSize,
|
|
12
|
+
blockName,
|
|
13
|
+
contentOffset,
|
|
14
|
+
contentStyle,
|
|
15
|
+
contentComponent,
|
|
16
|
+
delayClose,
|
|
17
|
+
delayOpen,
|
|
18
|
+
interactionType,
|
|
19
|
+
isOpen,
|
|
20
|
+
onOpen,
|
|
21
|
+
onClose,
|
|
22
|
+
onPlacementChange,
|
|
23
|
+
placement,
|
|
24
|
+
preventOverflow,
|
|
25
|
+
showArrow,
|
|
26
|
+
closeAnimationConfig,
|
|
27
|
+
openAnimationConfig,
|
|
28
|
+
usePortal,
|
|
29
|
+
triggerComponent,
|
|
30
|
+
wrapExtraComponent,
|
|
31
|
+
getTargetFromChildren,
|
|
32
|
+
getContentFromChildren,
|
|
33
|
+
modifiers,
|
|
34
|
+
triggerRef,
|
|
35
|
+
children: customPopper,
|
|
36
|
+
renderReference,
|
|
37
|
+
referenceNode,
|
|
38
|
+
zIndex,
|
|
39
|
+
hideIfNotVisible
|
|
40
|
+
}) => /* @__PURE__ */ React2.createElement(PopperImpl, {
|
|
41
|
+
arrowGap,
|
|
42
|
+
arrowSize,
|
|
43
|
+
blockName,
|
|
44
|
+
closeAnimationConfig,
|
|
45
|
+
containerProps,
|
|
46
|
+
contentComponent,
|
|
47
|
+
contentOffset,
|
|
48
|
+
contentStyle,
|
|
49
|
+
delayClose,
|
|
50
|
+
delayOpen,
|
|
51
|
+
getContentFromChildren,
|
|
52
|
+
getTargetFromChildren,
|
|
53
|
+
interactionType,
|
|
54
|
+
isOpen,
|
|
55
|
+
modifiers,
|
|
56
|
+
onOpen,
|
|
57
|
+
onClose,
|
|
58
|
+
onPlacementChange,
|
|
59
|
+
openAnimationConfig,
|
|
60
|
+
placement,
|
|
61
|
+
preventOverflow,
|
|
62
|
+
referenceNode,
|
|
63
|
+
renderReference,
|
|
64
|
+
showArrow,
|
|
65
|
+
triggerComponent,
|
|
66
|
+
triggerRef,
|
|
67
|
+
usePortal,
|
|
68
|
+
wrapExtraComponent,
|
|
69
|
+
zIndex,
|
|
70
|
+
hideIfNotVisible
|
|
71
|
+
}, customPopper);
|
|
72
|
+
DSPopper.propTypes = popperProps;
|
|
79
73
|
DSPopper.defaultProps = defaultProps;
|
|
80
74
|
const DSPopperWithSchema = describe(DSPopper);
|
|
81
75
|
DSPopperWithSchema.propTypes = popperProps;
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
import { interactions } from "./interaction";
|
|
77
|
+
import { positions } from "./positions";
|
|
78
|
+
var DSPopper_default = DSPopper;
|
|
79
|
+
export {
|
|
80
|
+
DSPopper,
|
|
81
|
+
DSPopperWithSchema,
|
|
82
|
+
Interaction as PopperInteractions,
|
|
83
|
+
Position as PopperPositions,
|
|
84
|
+
DSPopper_default as default,
|
|
85
|
+
interactions,
|
|
86
|
+
positions
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=DSPopper.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPopper.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n containerProps,\n arrowGap,\n arrowSize,\n blockName,\n contentOffset,\n contentStyle,\n contentComponent,\n delayClose,\n delayOpen,\n interactionType,\n isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n onOpen,\n onClose,\n onPlacementChange,\n placement,\n preventOverflow,\n showArrow,\n closeAnimationConfig,\n openAnimationConfig,\n usePortal,\n triggerComponent,\n wrapExtraComponent,\n getTargetFromChildren,\n getContentFromChildren,\n modifiers,\n triggerRef,\n children: customPopper,\n renderReference,\n referenceNode,\n zIndex,\n hideIfNotVisible,\n}): JSX.Element => (\n <PopperImpl\n arrowGap={arrowGap}\n arrowSize={arrowSize}\n blockName={blockName}\n closeAnimationConfig={closeAnimationConfig}\n containerProps={containerProps}\n contentComponent={contentComponent}\n contentOffset={contentOffset}\n contentStyle={contentStyle}\n delayClose={delayClose}\n delayOpen={delayOpen}\n getContentFromChildren={getContentFromChildren}\n getTargetFromChildren={getTargetFromChildren}\n interactionType={interactionType}\n isOpen={isOpen}\n modifiers={modifiers}\n onOpen={onOpen}\n onClose={onClose}\n onPlacementChange={onPlacementChange}\n openAnimationConfig={openAnimationConfig}\n placement={placement}\n preventOverflow={preventOverflow}\n referenceNode={referenceNode}\n renderReference={renderReference}\n showArrow={showArrow}\n triggerComponent={triggerComponent}\n triggerRef={triggerRef}\n usePortal={usePortal}\n wrapExtraComponent={wrapExtraComponent}\n zIndex={zIndex}\n hideIfNotVisible={hideIfNotVisible}\n >\n {customPopper}\n </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,YAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAKL,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAI/B;AACA;AAEA,IAAO,mBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|