@elliemae/ds-legacy-tooltip 1.0.0-rc.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/cjs/index.js +43 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/v1/DSTooltip.js +130 -0
- package/dist/cjs/v1/DSTooltip.js.map +7 -0
- package/dist/cjs/v1/TooltipType.js +39 -0
- package/dist/cjs/v1/TooltipType.js.map +7 -0
- package/dist/cjs/v2/DSTooltip.js +174 -0
- package/dist/cjs/v2/DSTooltip.js.map +7 -0
- package/dist/cjs/v2/DSTooltipArrow.js +63 -0
- package/dist/cjs/v2/DSTooltipArrow.js.map +7 -0
- package/dist/cjs/v2/TooltipType.js +39 -0
- package/dist/cjs/v2/TooltipType.js.map +7 -0
- package/dist/cjs/v2/index.d.js +28 -0
- package/dist/cjs/v2/index.d.js.map +7 -0
- package/dist/cjs/v2/propTypes.js +59 -0
- package/dist/cjs/v2/propTypes.js.map +7 -0
- package/dist/cjs/v2/styles.js +131 -0
- package/dist/cjs/v2/styles.js.map +7 -0
- package/dist/cjs/v2/utils/setMultipleRefs.js +51 -0
- package/dist/cjs/v2/utils/setMultipleRefs.js.map +7 -0
- package/dist/cjs/v2/utils/tooltipPositions.js +49 -0
- package/dist/cjs/v2/utils/tooltipPositions.js.map +7 -0
- package/dist/cjs/v3/DSTooltipV3.js +86 -0
- package/dist/cjs/v3/DSTooltipV3.js.map +7 -0
- package/dist/cjs/v3/TooltipV3DatatestId.js +39 -0
- package/dist/cjs/v3/TooltipV3DatatestId.js.map +7 -0
- package/dist/cjs/v3/constants.js +51 -0
- package/dist/cjs/v3/constants.js.map +7 -0
- package/dist/cjs/v3/defaultProps.js +44 -0
- package/dist/cjs/v3/defaultProps.js.map +7 -0
- package/dist/cjs/v3/index.js +32 -0
- package/dist/cjs/v3/index.js.map +7 -0
- package/dist/cjs/v3/propTypes.js +59 -0
- package/dist/cjs/v3/propTypes.js.map +7 -0
- package/dist/cjs/v3/styles.js +73 -0
- package/dist/cjs/v3/styles.js.map +7 -0
- package/dist/cjs/v3/utils.js +42 -0
- package/dist/cjs/v3/utils.js.map +7 -0
- package/dist/esm/index.js +12 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/package.json +7 -0
- package/dist/esm/v1/DSTooltip.js +100 -0
- package/dist/esm/v1/DSTooltip.js.map +7 -0
- package/dist/esm/v1/TooltipType.js +9 -0
- package/dist/esm/v1/TooltipType.js.map +7 -0
- package/dist/esm/v2/DSTooltip.js +149 -0
- package/dist/esm/v2/DSTooltip.js.map +7 -0
- package/dist/esm/v2/DSTooltipArrow.js +33 -0
- package/dist/esm/v2/DSTooltipArrow.js.map +7 -0
- package/dist/esm/v2/TooltipType.js +9 -0
- package/dist/esm/v2/TooltipType.js.map +7 -0
- package/dist/esm/v2/index.d.js +2 -0
- package/dist/esm/v2/index.d.js.map +7 -0
- package/dist/esm/v2/propTypes.js +29 -0
- package/dist/esm/v2/propTypes.js.map +7 -0
- package/dist/esm/v2/styles.js +101 -0
- package/dist/esm/v2/styles.js.map +7 -0
- package/dist/esm/v2/utils/setMultipleRefs.js +21 -0
- package/dist/esm/v2/utils/setMultipleRefs.js.map +7 -0
- package/dist/esm/v2/utils/tooltipPositions.js +19 -0
- package/dist/esm/v2/utils/tooltipPositions.js.map +7 -0
- package/dist/esm/v3/DSTooltipV3.js +61 -0
- package/dist/esm/v3/DSTooltipV3.js.map +7 -0
- package/dist/esm/v3/TooltipV3DatatestId.js +9 -0
- package/dist/esm/v3/TooltipV3DatatestId.js.map +7 -0
- package/dist/esm/v3/constants.js +21 -0
- package/dist/esm/v3/constants.js.map +7 -0
- package/dist/esm/v3/defaultProps.js +14 -0
- package/dist/esm/v3/defaultProps.js.map +7 -0
- package/dist/esm/v3/index.js +5 -0
- package/dist/esm/v3/index.js.map +7 -0
- package/dist/esm/v3/propTypes.js +29 -0
- package/dist/esm/v3/propTypes.js.map +7 -0
- package/dist/esm/v3/styles.js +43 -0
- package/dist/esm/v3/styles.js.map +7 -0
- package/dist/esm/v3/utils.js +12 -0
- package/dist/esm/v3/utils.js.map +7 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/v1/DSTooltip.d.ts +61 -0
- package/dist/types/v1/TooltipType.d.ts +4 -0
- package/dist/types/v2/DSTooltip.d.ts +24 -0
- package/dist/types/v2/DSTooltipArrow.d.ts +4 -0
- package/dist/types/v2/TooltipType.d.ts +5 -0
- package/dist/types/v2/propTypes.d.ts +17 -0
- package/dist/types/v2/styles.d.ts +7 -0
- package/dist/types/v2/tests/DSTooltipV2.test.d.ts +1 -0
- package/dist/types/v2/utils/setMultipleRefs.d.ts +1 -0
- package/dist/types/v2/utils/tooltipPositions.d.ts +15 -0
- package/dist/types/v3/DSTooltipV3.d.ts +6 -0
- package/dist/types/v3/TooltipV3DatatestId.d.ts +4 -0
- package/dist/types/v3/constants.d.ts +2 -0
- package/dist/types/v3/defaultProps.d.ts +2 -0
- package/dist/types/v3/index.d.ts +3 -0
- package/dist/types/v3/propTypes.d.ts +36 -0
- package/dist/types/v3/styles.d.ts +10 -0
- package/dist/types/v3/tests/DSTooltipV3.test.d.ts +1 -0
- package/dist/types/v3/utils.d.ts +3 -0
- package/package.json +138 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var propTypes_exports = {};
|
|
30
|
+
__export(propTypes_exports, {
|
|
31
|
+
tooltipV2Props: () => tooltipV2Props
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(propTypes_exports);
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
|
|
36
|
+
var import_ds_legacy_shared = require("@elliemae/ds-legacy-shared");
|
|
37
|
+
var import_TooltipType = require("./TooltipType.js");
|
|
38
|
+
var import_tooltipPositions = require("./utils/tooltipPositions.js");
|
|
39
|
+
const tooltipV2Props = {
|
|
40
|
+
containerProps: import_ds_legacy_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
41
|
+
placement: import_ds_legacy_props_helpers.PropTypes.oneOf(Object.values(import_tooltipPositions.tooltipPositions)).description("Tooltip position").defaultValue(import_tooltipPositions.tooltipPositions.TOP),
|
|
42
|
+
title: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.string, import_ds_legacy_props_helpers.PropTypes.element]).description("Tooltip content").isRequired,
|
|
43
|
+
delayClose: import_ds_legacy_props_helpers.PropTypes.number.description("Delay to close the tooltip").defaultValue(import_ds_legacy_shared.DEFAULT_DELAY_CLOSE),
|
|
44
|
+
delayOpen: import_ds_legacy_props_helpers.PropTypes.number.description("Delay to open the tooltip ").defaultValue(import_ds_legacy_shared.DEFAULT_DELAY_OPEN),
|
|
45
|
+
triggerComponent: import_ds_legacy_props_helpers.PropTypes.element.description(
|
|
46
|
+
`The component that will open/close the tooltip.
|
|
47
|
+
Cannot be used with disabled elements.
|
|
48
|
+
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`
|
|
49
|
+
).isRequired,
|
|
50
|
+
getIsOpen: import_ds_legacy_props_helpers.PropTypes.func.description("Whether the tooltip is visible or not"),
|
|
51
|
+
onOpen: import_ds_legacy_props_helpers.PropTypes.func.description("Callback when the tooltip opens"),
|
|
52
|
+
showArrow: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether to show an arrow or not").defaultValue(true),
|
|
53
|
+
className: import_ds_legacy_props_helpers.PropTypes.string.description("css class"),
|
|
54
|
+
tooltipType: import_ds_legacy_props_helpers.PropTypes.oneOf(["tooltip", "toolbar"]).description("Type of tooltip").defaultValue(import_TooltipType.TooltipType.TOOLTIP),
|
|
55
|
+
zIndex: import_ds_legacy_props_helpers.PropTypes.number.description("z-index value assigned to the tooltip").defaultValue(void 0),
|
|
56
|
+
innerRef: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.func, import_ds_legacy_props_helpers.PropTypes.object]).description("Ref to the tooltip container element"),
|
|
57
|
+
offset: import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.number).description("Custom Offset for the tooltip [x, y]")
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=propTypes.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v2/propTypes.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-legacy-shared';\nimport { TooltipType } from './TooltipType.js';\nimport { tooltipPositions } from './utils/tooltipPositions.js';\n\nconst tooltipV2Props = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n placement: PropTypes.oneOf(Object.values(tooltipPositions))\n .description('Tooltip position')\n .defaultValue(tooltipPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\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 getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),\n onOpen: PropTypes.func.description('Callback when the tooltip opens'),\n showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]'),\n};\n\nexport { tooltipV2Props };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,qCAA0B;AAC1B,8BAAwD;AACxD,yBAA4B;AAC5B,8BAAiC;AAEjC,MAAM,iBAAiB;AAAA,EACrB,gBAAgB,yCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,yCAAU,MAAM,OAAO,OAAO,wCAAgB,CAAC,EACvD,YAAY,kBAAkB,EAC9B,aAAa,yCAAiB,GAAG;AAAA,EACpC,OAAO,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,OAAO,CAAC,EAAE,YAAY,iBAAiB,EAAE;AAAA,EACjG,YAAY,yCAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,2CAAmB;AAAA,EACvG,WAAW,yCAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,0CAAkB;AAAA,EACrG,kBAAkB,yCAAU,QAAQ;AAAA,IAClC;AAAA;AAAA;AAAA,EAGF,EAAE;AAAA,EACF,WAAW,yCAAU,KAAK,YAAY,uCAAuC;AAAA,EAC7E,QAAQ,yCAAU,KAAK,YAAY,iCAAiC;AAAA,EACpE,WAAW,yCAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,IAAI;AAAA,EAC1F,WAAW,yCAAU,OAAO,YAAY,WAAW;AAAA,EACnD,aAAa,yCAAU,MAAM,CAAC,WAAW,SAAS,CAAC,EAAE,YAAY,iBAAiB,EAAE,aAAa,+BAAY,OAAO;AAAA,EACpH,QAAQ,yCAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,MAAS;AAAA,EACpG,UAAU,yCAAU,UAAU,CAAC,yCAAU,MAAM,yCAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACpH,QAAQ,yCAAU,QAAQ,yCAAU,MAAM,EAAE,YAAY,sCAAsC;AAChG;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var styles_exports = {};
|
|
30
|
+
__export(styles_exports, {
|
|
31
|
+
StyledAnimatedTooltip: () => StyledAnimatedTooltip,
|
|
32
|
+
StyledTooltipArrow: () => StyledTooltipArrow,
|
|
33
|
+
StyledTooltipContainer: () => StyledTooltipContainer,
|
|
34
|
+
StyledTooltipText: () => StyledTooltipText,
|
|
35
|
+
StyledTriggerComponentContainer: () => StyledTriggerComponentContainer
|
|
36
|
+
});
|
|
37
|
+
module.exports = __toCommonJS(styles_exports);
|
|
38
|
+
var React = __toESM(require("react"));
|
|
39
|
+
var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
|
|
40
|
+
const showAnimation = import_ds_legacy_system.kfrm`
|
|
41
|
+
from {
|
|
42
|
+
opacity: 0;
|
|
43
|
+
transform: scale(0.8);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
to {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
transform: scale(1);
|
|
49
|
+
visibility: visible;
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
52
|
+
const hideAnimation = import_ds_legacy_system.kfrm`
|
|
53
|
+
0% {
|
|
54
|
+
opacity: 1;
|
|
55
|
+
transform: scale(1);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
100% {
|
|
59
|
+
opacity: 0;
|
|
60
|
+
transform: scale(0.8);
|
|
61
|
+
}
|
|
62
|
+
`;
|
|
63
|
+
const StyledTooltipContainer = import_ds_legacy_system.styled.div`
|
|
64
|
+
&[data-popper-reference-hidden='true'] {
|
|
65
|
+
display: none;
|
|
66
|
+
pointer-events: none;
|
|
67
|
+
}
|
|
68
|
+
`;
|
|
69
|
+
const StyledAnimatedTooltip = import_ds_legacy_system.styled.div`
|
|
70
|
+
text-align: center;
|
|
71
|
+
min-width: ${({ theme }) => theme.space.l};
|
|
72
|
+
max-width: 250px;
|
|
73
|
+
min-height: 24px;
|
|
74
|
+
padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};
|
|
75
|
+
position: relative;
|
|
76
|
+
background-color: white;
|
|
77
|
+
border-radius: 2px;
|
|
78
|
+
font-size: 13px;
|
|
79
|
+
color: ${({ theme }) => theme.colors.neutral[600]};
|
|
80
|
+
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);
|
|
81
|
+
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
|
|
82
|
+
visibility: ${({ showTooltip }) => showTooltip ? "visible" : "hidden"};
|
|
83
|
+
${({ showTooltip }) => import_ds_legacy_system.css`
|
|
84
|
+
animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;
|
|
85
|
+
`}
|
|
86
|
+
transition: visibility 0.1s ease-in;
|
|
87
|
+
`;
|
|
88
|
+
const StyledTriggerComponentContainer = import_ds_legacy_system.styled.div`
|
|
89
|
+
display: inline-block;
|
|
90
|
+
`;
|
|
91
|
+
const StyledTooltipText = import_ds_legacy_system.styled.div`
|
|
92
|
+
white-space: normal;
|
|
93
|
+
word-wrap: break-word;
|
|
94
|
+
display: inline-block;
|
|
95
|
+
`;
|
|
96
|
+
const StyledTooltipArrow = import_ds_legacy_system.styled.div`
|
|
97
|
+
position: absolute;
|
|
98
|
+
width: 18px;
|
|
99
|
+
height: 18px;
|
|
100
|
+
pointer-events: none;
|
|
101
|
+
background-color: transparent;
|
|
102
|
+
& .stroke {
|
|
103
|
+
fill: white;
|
|
104
|
+
}
|
|
105
|
+
& .fill {
|
|
106
|
+
fill: white;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
&[data-placement^='top'] {
|
|
110
|
+
svg {
|
|
111
|
+
transform: rotateZ(180deg);
|
|
112
|
+
}
|
|
113
|
+
top: 98%;
|
|
114
|
+
}
|
|
115
|
+
&[data-placement^='right'] {
|
|
116
|
+
svg {
|
|
117
|
+
transform: rotateZ(-90deg);
|
|
118
|
+
}
|
|
119
|
+
right: 99.5%;
|
|
120
|
+
}
|
|
121
|
+
&[data-placement^='bottom'] {
|
|
122
|
+
bottom: 97%;
|
|
123
|
+
}
|
|
124
|
+
&[data-placement^='left'] {
|
|
125
|
+
svg {
|
|
126
|
+
transform: rotateZ(90deg);
|
|
127
|
+
}
|
|
128
|
+
left: 99.5%;
|
|
129
|
+
}
|
|
130
|
+
`;
|
|
131
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v2/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { styled, kfrm, css } from '@elliemae/ds-legacy-system';\nimport type { TooltipAnimationT, TooltipContainerT } from './index.d';\n\nconst showAnimation = kfrm`\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n visibility: visible;\n }\n`;\n\nconst hideAnimation = kfrm`\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 100% {\n opacity: 0;\n transform: scale(0.8);\n }\n`;\n\nconst StyledTooltipContainer = styled.div<TooltipContainerT>`\n &[data-popper-reference-hidden='true'] {\n display: none;\n pointer-events: none;\n }\n`;\n\nconst StyledAnimatedTooltip = styled.div<TooltipAnimationT>`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 24px;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n visibility: ${({ showTooltip }) => (showTooltip ? 'visible' : 'hidden')};\n ${({ showTooltip }) =>\n css`\n animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;\n `}\n transition: visibility 0.1s ease-in;\n`;\n\nconst StyledTriggerComponentContainer = styled.div`\n display: inline-block;\n`;\n\nconst StyledTooltipText = styled.div`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n`;\n\nconst StyledTooltipArrow = styled.div`\n position: absolute;\n width: 18px;\n height: 18px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: white;\n }\n & .fill {\n fill: white;\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n top: 98%;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n right: 99.5%;\n }\n &[data-placement^='bottom'] {\n bottom: 97%;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n left: 99.5%;\n }\n`;\n\nexport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledTooltipArrow,\n StyledAnimatedTooltip,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAAkC;AAGlC,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAatB,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,yBAAyB,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtC,MAAM,wBAAwB,+BAAO;AAAA;AAAA,eAEtB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAG7B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,gBAGlC,CAAC,EAAE,YAAY,MAAO,cAAc,YAAY;AAAA,IAC5D,CAAC,EAAE,YAAY,MACf;AAAA,mBACe,cAAc,gBAAgB;AAAA;AAAA;AAAA;AAKjD,MAAM,kCAAkC,+BAAO;AAAA;AAAA;AAI/C,MAAM,oBAAoB,+BAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,qBAAqB,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var setMultipleRefs_exports = {};
|
|
30
|
+
__export(setMultipleRefs_exports, {
|
|
31
|
+
setMultipleRefs: () => setMultipleRefs
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(setMultipleRefs_exports);
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
const setMultipleRefs = (...refs) => {
|
|
36
|
+
const filteredRefs = refs.filter(Boolean);
|
|
37
|
+
if (!filteredRefs.length)
|
|
38
|
+
return null;
|
|
39
|
+
if (filteredRefs.length === 0)
|
|
40
|
+
return filteredRefs[0];
|
|
41
|
+
return (newRef) => {
|
|
42
|
+
filteredRefs.forEach((refToBeUpdated) => {
|
|
43
|
+
if (typeof refToBeUpdated === "function") {
|
|
44
|
+
refToBeUpdated(newRef);
|
|
45
|
+
} else if (refToBeUpdated) {
|
|
46
|
+
refToBeUpdated.current = newRef;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=setMultipleRefs.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/utils/setMultipleRefs.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nexport const setMultipleRefs = (...refs) => {\n const filteredRefs = refs.filter(Boolean);\n if (!filteredRefs.length) return null;\n if (filteredRefs.length === 0) return filteredRefs[0];\n return (newRef) => {\n filteredRefs.forEach((refToBeUpdated) => {\n if (typeof refToBeUpdated === 'function') {\n refToBeUpdated(newRef);\n } else if (refToBeUpdated) {\n refToBeUpdated.current = newRef;\n }\n });\n };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO,OAAO;AACxC,MAAI,CAAC,aAAa;AAAQ,WAAO;AACjC,MAAI,aAAa,WAAW;AAAG,WAAO,aAAa,CAAC;AACpD,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe,MAAM;AAAA,MACvB,WAAW,gBAAgB;AACzB,uBAAe,UAAU;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var tooltipPositions_exports = {};
|
|
30
|
+
__export(tooltipPositions_exports, {
|
|
31
|
+
tooltipPositions: () => tooltipPositions
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(tooltipPositions_exports);
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
const tooltipPositions = {
|
|
36
|
+
TOP: "top",
|
|
37
|
+
BOTTOM: "bottom",
|
|
38
|
+
RIGHT: "right",
|
|
39
|
+
LEFT: "left",
|
|
40
|
+
TOP_START: "top-start",
|
|
41
|
+
TOP_END: "top-end",
|
|
42
|
+
BOTTOM_START: "bottom-start",
|
|
43
|
+
BOTTOM_END: "bottom-end",
|
|
44
|
+
RIGHT_START: "right-start",
|
|
45
|
+
RIGHT_END: "right-end",
|
|
46
|
+
LEFT_START: "left-start",
|
|
47
|
+
LEFT_END: "left-end"
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=tooltipPositions.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/utils/tooltipPositions.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst tooltipPositions = {\n TOP: 'top' as const,\n BOTTOM: 'bottom' as const,\n RIGHT: 'right' as const,\n LEFT: 'left' as const,\n TOP_START: 'top-start' as const,\n TOP_END: 'top-end' as const,\n BOTTOM_START: 'bottom-start' as const,\n BOTTOM_END: 'bottom-end' as const,\n RIGHT_START: 'right-start' as const,\n RIGHT_END: 'right-end' as const,\n LEFT_START: 'left-start' as const,\n LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var DSTooltipV3_exports = {};
|
|
30
|
+
__export(DSTooltipV3_exports, {
|
|
31
|
+
DSTooltipV3: () => DSTooltipV3,
|
|
32
|
+
DSTooltipV3WithSchema: () => DSTooltipV3WithSchema,
|
|
33
|
+
default: () => DSTooltipV3_default
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(DSTooltipV3_exports);
|
|
36
|
+
var React = __toESM(require("react"));
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
|
+
var import_react = __toESM(require("react"));
|
|
39
|
+
var import_ds_legacy_popperjs = require("@elliemae/ds-legacy-popperjs");
|
|
40
|
+
var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
|
|
41
|
+
var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
|
|
42
|
+
var import_propTypes = require("./propTypes.js");
|
|
43
|
+
var import_TooltipV3DatatestId = require("./TooltipV3DatatestId.js");
|
|
44
|
+
var import_defaultProps = require("./defaultProps.js");
|
|
45
|
+
var import_styles = require("./styles.js");
|
|
46
|
+
const DSTooltipV3 = (props) => {
|
|
47
|
+
const { text, children, onOpen, onClose, id, textAlign, wrapWords, ...extraPopperJsProps } = (0, import_ds_legacy_utilities.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
|
|
48
|
+
const theme = (0, import_react.useContext)(import_ds_legacy_system.ThemeContext);
|
|
49
|
+
const config = import_react.default.useMemo(() => ({ onOpen, onClose }), [onOpen, onClose]);
|
|
50
|
+
const tooltipHelpers = (0, import_ds_legacy_utilities.useHeadlessTooltip)(config);
|
|
51
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
52
|
+
import_styles.StyledTriggerWrapper,
|
|
53
|
+
{
|
|
54
|
+
onMouseEnter: tooltipHelpers.onMouseEnter,
|
|
55
|
+
onMouseLeave: tooltipHelpers.onMouseLeave,
|
|
56
|
+
onPointerEnter: tooltipHelpers.onMouseEnter,
|
|
57
|
+
onPointerLeave: tooltipHelpers.onMouseLeave,
|
|
58
|
+
onFocus: tooltipHelpers.onFocus,
|
|
59
|
+
onBlur: tooltipHelpers.onBlur,
|
|
60
|
+
ref: tooltipHelpers.setReferenceElement,
|
|
61
|
+
"data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
|
|
62
|
+
children: [
|
|
63
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
64
|
+
import_ds_legacy_popperjs.DSPopperJS,
|
|
65
|
+
{
|
|
66
|
+
referenceElement: tooltipHelpers.referenceElement,
|
|
67
|
+
showPopover: tooltipHelpers.shouldShowPopover,
|
|
68
|
+
zIndex: theme.zIndex.tooltip,
|
|
69
|
+
...extraPopperJsProps,
|
|
70
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContainer, { children: [
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipText, { "aria-label": text, textAlign, wrapWords, children: text }),
|
|
72
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMouseOverDetectionBox, {})
|
|
73
|
+
] }) })
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
children
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
};
|
|
81
|
+
DSTooltipV3.propTypes = import_propTypes.propTypes;
|
|
82
|
+
DSTooltipV3.displayName = "DSTooltipV3";
|
|
83
|
+
const DSTooltipV3WithSchema = (0, import_ds_legacy_utilities.describe)(DSTooltipV3);
|
|
84
|
+
DSTooltipV3WithSchema.propTypes = import_propTypes.propTypes;
|
|
85
|
+
var DSTooltipV3_default = DSTooltipV3;
|
|
86
|
+
//# sourceMappingURL=DSTooltipV3.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v3/DSTooltipV3.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-legacy-popperjs';\nimport { useMemoMergePropsWithDefault, describe, useHeadlessTooltip } from '@elliemae/ds-legacy-utilities';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\nimport { propTypes } from './propTypes.js';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nimport { defaultProps } from './defaultProps.js';\nimport {\n StyledTooltipContainer,\n StyledTooltipText,\n StyledMouseOverDetectionBox,\n StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './propTypes.js';\n\nconst DSTooltipV3: React.ComponentType<DSTooltipV3T.Props> = (props) => {\n const { text, children, onOpen, onClose, id, textAlign, wrapWords, ...extraPopperJsProps } =\n useMemoMergePropsWithDefault<DSTooltipV3T.InternalProps>(props, defaultProps);\n\n const theme = useContext(ThemeContext);\n const config = React.useMemo(() => ({ onOpen, onClose }), [onOpen, onClose]);\n const tooltipHelpers = useHeadlessTooltip(config);\n\n return (\n <StyledTriggerWrapper\n onMouseEnter={tooltipHelpers.onMouseEnter}\n onMouseLeave={tooltipHelpers.onMouseLeave}\n onPointerEnter={tooltipHelpers.onMouseEnter}\n onPointerLeave={tooltipHelpers.onMouseLeave}\n onFocus={tooltipHelpers.onFocus}\n onBlur={tooltipHelpers.onBlur}\n ref={tooltipHelpers.setReferenceElement}\n data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n >\n <DSPopperJS\n referenceElement={tooltipHelpers.referenceElement}\n showPopover={tooltipHelpers.shouldShowPopover}\n zIndex={theme.zIndex.tooltip}\n {...extraPopperJsProps}\n >\n <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n <StyledTooltipContainer>\n <StyledTooltipText aria-label={text} textAlign={textAlign} wrapWords={wrapWords}>\n {text}\n </StyledTooltipText>\n <StyledMouseOverDetectionBox />\n </StyledTooltipContainer>\n </div>\n </DSPopperJS>\n\n {children}\n </StyledTriggerWrapper>\n );\n};\n\nDSTooltipV3.propTypes = propTypes;\nDSTooltipV3.displayName = 'DSTooltipV3';\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = propTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0Cb;AAzCV,mBAAkC;AAClC,gCAA2B;AAC3B,iCAA2E;AAC3E,8BAA6B;AAC7B,uBAA0B;AAC1B,iCAAoC;AACpC,0BAA6B;AAC7B,oBAKO;AAGP,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,WAAW,GAAG,mBAAmB,QACvF,yDAAyD,OAAO,gCAAY;AAE9E,QAAM,YAAQ,yBAAW,oCAAY;AACrC,QAAM,SAAS,aAAAA,QAAM,QAAQ,OAAO,EAAE,QAAQ,QAAQ,IAAI,CAAC,QAAQ,OAAO,CAAC;AAC3E,QAAM,qBAAiB,+CAAmB,MAAM;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,eAAe;AAAA,MAC7B,cAAc,eAAe;AAAA,MAC7B,gBAAgB,eAAe;AAAA,MAC/B,gBAAgB,eAAe;AAAA,MAC/B,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,KAAK,eAAe;AAAA,MACpB,eAAa,GAAG,+CAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,MAE7E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,kBAAkB,eAAe;AAAA,YACjC,aAAa,eAAe;AAAA,YAC5B,QAAQ,MAAM,OAAO;AAAA,YACpB,GAAG;AAAA,YAEJ,sDAAC,SAAI,eAAa,GAAG,+CAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO,MACrF,uDAAC,wCACC;AAAA,0DAAC,mCAAkB,cAAY,MAAM,WAAsB,WACxD,gBACH;AAAA,cACA,4CAAC,6CAA4B;AAAA,eAC/B,GACF;AAAA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,qCAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
|
|
6
|
+
"names": ["React"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var TooltipV3DatatestId_exports = {};
|
|
30
|
+
__export(TooltipV3DatatestId_exports, {
|
|
31
|
+
TooltipV3DatatestId: () => TooltipV3DatatestId
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(TooltipV3DatatestId_exports);
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
const TooltipV3DatatestId = {
|
|
36
|
+
TRIGGER_WRAPPER: "ds-tooltip-v3-trigger-wrapper",
|
|
37
|
+
TOOLTIP_TEXT_WRAPPER: "ds-tooltip-v3-tooltip-text-wrapper"
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=TooltipV3DatatestId.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v3/TooltipV3DatatestId.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export const TooltipV3DatatestId = {\n TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AACxB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var constants_exports = {};
|
|
30
|
+
__export(constants_exports, {
|
|
31
|
+
PLACEMENT: () => PLACEMENT,
|
|
32
|
+
TEXT_ALIGNMENT: () => TEXT_ALIGNMENT
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(constants_exports);
|
|
35
|
+
var React = __toESM(require("react"));
|
|
36
|
+
const PLACEMENT = [
|
|
37
|
+
"top-start",
|
|
38
|
+
"top",
|
|
39
|
+
"top-end",
|
|
40
|
+
"right-start",
|
|
41
|
+
"right",
|
|
42
|
+
"right-end",
|
|
43
|
+
"bottom-end",
|
|
44
|
+
"bottom",
|
|
45
|
+
"bottom-start",
|
|
46
|
+
"left-end",
|
|
47
|
+
"left",
|
|
48
|
+
"left-start"
|
|
49
|
+
];
|
|
50
|
+
const TEXT_ALIGNMENT = ["left", "right", "center", "justify", "initial", "inherit"];
|
|
51
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v3/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export const PLACEMENT = [\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var defaultProps_exports = {};
|
|
30
|
+
__export(defaultProps_exports, {
|
|
31
|
+
defaultProps: () => defaultProps
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(defaultProps_exports);
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
const noop = () => {
|
|
36
|
+
};
|
|
37
|
+
const defaultProps = {
|
|
38
|
+
onOpen: noop,
|
|
39
|
+
onClose: noop,
|
|
40
|
+
id: "",
|
|
41
|
+
textAlign: "left",
|
|
42
|
+
wrapWords: false
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=defaultProps.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v3/defaultProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import type { DSTooltipV3T } from './propTypes.js';\n\nconst noop = () => {};\n\nexport const defaultProps: DSTooltipV3T.DefaultProps = {\n onOpen: noop,\n onClose: noop,\n id: '',\n textAlign: 'left',\n wrapWords: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,OAAO,MAAM;AAAC;AAEb,MAAM,eAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AACb;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
10
|
+
for (let key of __getOwnPropNames(from))
|
|
11
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
12
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
18
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
19
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
20
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
21
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
22
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
23
|
+
mod
|
|
24
|
+
));
|
|
25
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
26
|
+
var v3_exports = {};
|
|
27
|
+
module.exports = __toCommonJS(v3_exports);
|
|
28
|
+
var React = __toESM(require("react"));
|
|
29
|
+
__reExport(v3_exports, require("./DSTooltipV3.js"), module.exports);
|
|
30
|
+
__reExport(v3_exports, require("./TooltipV3DatatestId.js"), module.exports);
|
|
31
|
+
var import_propTypes = require("./propTypes.js");
|
|
32
|
+
//# sourceMappingURL=index.js.map
|