@commercetools-uikit/tooltip 20.2.3 → 20.3.0
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.
|
@@ -21,6 +21,7 @@ var usePopper = require('use-popper');
|
|
|
21
21
|
var react = require('@emotion/react');
|
|
22
22
|
var hooks = require('@commercetools-uikit/hooks');
|
|
23
23
|
var utils = require('@commercetools-uikit/utils');
|
|
24
|
+
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
24
25
|
var _styled = require('@emotion/styled/base');
|
|
25
26
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
26
27
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
@@ -40,34 +41,21 @@ var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
|
40
41
|
var usePopper__default = /*#__PURE__*/_interopDefault(usePopper);
|
|
41
42
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
42
43
|
|
|
44
|
+
var _templateObject, _templateObject2;
|
|
43
45
|
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
44
46
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
45
47
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
46
|
-
const growIn = react.keyframes
|
|
47
|
-
from {
|
|
48
|
-
transform: scale(0);
|
|
49
|
-
}
|
|
50
|
-
to {
|
|
51
|
-
transform: scale(1);
|
|
52
|
-
}
|
|
53
|
-
`;
|
|
54
|
-
const growOut = react.keyframes`
|
|
55
|
-
from {
|
|
56
|
-
transform: scale(1);
|
|
57
|
-
}
|
|
58
|
-
to {
|
|
59
|
-
transform: scale(0);
|
|
60
|
-
}
|
|
61
|
-
`;
|
|
48
|
+
const growIn = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n"])));
|
|
49
|
+
const growOut = react.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0);\n }\n"])));
|
|
62
50
|
const getAnimation = state => {
|
|
63
51
|
switch (state) {
|
|
64
52
|
case 'opened':
|
|
65
53
|
return {
|
|
66
|
-
animation:
|
|
54
|
+
animation: "".concat(growIn, " 80ms")
|
|
67
55
|
};
|
|
68
56
|
case 'exiting':
|
|
69
57
|
return {
|
|
70
|
-
animation:
|
|
58
|
+
animation: "".concat(growOut, " 80ms")
|
|
71
59
|
};
|
|
72
60
|
default:
|
|
73
61
|
return {};
|
|
@@ -79,10 +67,10 @@ const getOffsetMargin = _ref => {
|
|
|
79
67
|
switch (position) {
|
|
80
68
|
case 'left':
|
|
81
69
|
case 'right':
|
|
82
|
-
return
|
|
70
|
+
return "0 ".concat(designSystem.designTokens.spacing10);
|
|
83
71
|
case 'top':
|
|
84
72
|
case 'bottom':
|
|
85
|
-
return
|
|
73
|
+
return "".concat(designSystem.designTokens.spacing10, " 0");
|
|
86
74
|
default:
|
|
87
75
|
return '';
|
|
88
76
|
}
|
|
@@ -101,12 +89,12 @@ const getBodyStyles = _ref2 => {
|
|
|
101
89
|
let constraint = _ref2.constraint,
|
|
102
90
|
placement = _ref2.placement,
|
|
103
91
|
customStyles = _ref2.customStyles;
|
|
104
|
-
const constraintTokenName =
|
|
92
|
+
const constraintTokenName = "constraint".concat(constraint);
|
|
105
93
|
return _objectSpread$1({
|
|
106
94
|
fontFamily: 'inherit',
|
|
107
|
-
margin:
|
|
95
|
+
margin: "".concat(getOffsetMargin({
|
|
108
96
|
placement
|
|
109
|
-
})
|
|
97
|
+
}), " !important"),
|
|
110
98
|
maxWidth: constraintTokenName in designSystem.designTokens ? designSystem.designTokens[constraintTokenName] : 'auto',
|
|
111
99
|
// so hovering over the tooltip when the tooltip overlaps the component
|
|
112
100
|
pointerEvents: 'none',
|
|
@@ -138,6 +126,7 @@ const TooltipWrapper = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
|
138
126
|
});
|
|
139
127
|
TooltipWrapper.displayName = 'TooltipWrapperComponent';
|
|
140
128
|
const Tooltip = _ref => {
|
|
129
|
+
var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
|
|
141
130
|
let _ref$showAfter = _ref.showAfter,
|
|
142
131
|
showAfter = _ref$showAfter === void 0 ? 300 : _ref$showAfter,
|
|
143
132
|
_ref$closeAfter = _ref.closeAfter,
|
|
@@ -151,14 +140,14 @@ const Tooltip = _ref => {
|
|
|
151
140
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
152
141
|
const enterTimer = react$1.useRef(null);
|
|
153
142
|
const leaveTimer = react$1.useRef(null);
|
|
154
|
-
if (props.components
|
|
155
|
-
process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.BodyComponent),
|
|
143
|
+
if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) {
|
|
144
|
+
process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.BodyComponent), "ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.") : void 0;
|
|
156
145
|
}
|
|
157
|
-
if (props.components
|
|
158
|
-
process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.TooltipWrapperComponent),
|
|
146
|
+
if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) {
|
|
147
|
+
process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.TooltipWrapperComponent), "ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.") : void 0;
|
|
159
148
|
}
|
|
160
|
-
if (props.components
|
|
161
|
-
process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.WrapperComponent),
|
|
149
|
+
if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) {
|
|
150
|
+
process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.WrapperComponent), "ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.") : void 0;
|
|
162
151
|
}
|
|
163
152
|
react$1.useEffect(() => {
|
|
164
153
|
return () => {
|
|
@@ -232,7 +221,7 @@ const Tooltip = _ref => {
|
|
|
232
221
|
}
|
|
233
222
|
if (closeAfter && state === 'opened') {
|
|
234
223
|
leaveTimer.current = _setTimeout__default["default"](() => {
|
|
235
|
-
const tooltipElement = popperInstance
|
|
224
|
+
const tooltipElement = popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
|
|
236
225
|
if (tooltipElement) {
|
|
237
226
|
tooltipElement.addEventListener('animationend', () => handleClose());
|
|
238
227
|
} else {
|
|
@@ -276,9 +265,9 @@ const Tooltip = _ref => {
|
|
|
276
265
|
onFocus: handleEnter,
|
|
277
266
|
onBlur: handleLeave
|
|
278
267
|
} : {};
|
|
279
|
-
const WrapperComponent = props.components
|
|
280
|
-
const BodyComponent = props.components
|
|
281
|
-
const TooltipWrapperComponent = props.components
|
|
268
|
+
const WrapperComponent = ((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.WrapperComponent) || Wrapper;
|
|
269
|
+
const BodyComponent = ((_props$components5 = props.components) === null || _props$components5 === void 0 ? void 0 : _props$components5.BodyComponent) || Body;
|
|
270
|
+
const TooltipWrapperComponent = ((_props$components6 = props.components) === null || _props$components6 === void 0 ? void 0 : _props$components6.TooltipWrapperComponent) || TooltipWrapper;
|
|
282
271
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
283
272
|
children: [jsxRuntime.jsx(WrapperComponent, _objectSpread(_objectSpread({}, eventListeners), {}, {
|
|
284
273
|
// @ts-expect-error: yes, ref can be undefined
|
|
@@ -292,7 +281,7 @@ const Tooltip = _ref => {
|
|
|
292
281
|
css: /*#__PURE__*/react.css(_objectSpread(_objectSpread({}, popper.styles), getBodyStyles({
|
|
293
282
|
constraint: horizontalConstraint,
|
|
294
283
|
placement: popper.placement,
|
|
295
|
-
customStyles: props.styles
|
|
284
|
+
customStyles: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body
|
|
296
285
|
})), process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBWaUIiLCJmaWxlIjoidG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBpbnNwaXJlZCBmcm9tIGh0dHBzOi8vZ2l0aHViLmNvbS9tdWktb3JnL21hdGVyaWFsLXVpL2Jsb2IvOWVjYzhkYjhhYmJmYjgyOTExMWQzYjVjMDY3ODI2NzgyNzk4NDAyNC9wYWNrYWdlcy9tYXRlcmlhbC11aS9zcmMvVG9vbHRpcC9Ub29sdGlwLmpzXG5pbXBvcnQgeyBNb2RpZmllcnMgfSBmcm9tICdwb3BwZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDb21wb25lbnRUeXBlLFxuICB0eXBlIEZvY3VzRXZlbnQsXG4gIHR5cGUgQ2hhbmdlRXZlbnQsXG4gIHR5cGUgUmVmLFxuICB0eXBlIENTU1Byb3BlcnRpZXMsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIGNsb25lRWxlbWVudCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHVzZVBvcHBlciBmcm9tICd1c2UtcG9wcGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZUZpZWxkSWQgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBjcmVhdGVTZXF1ZW50aWFsSWQsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQge1xuICBXcmFwcGVyLFxuICBCb2R5LFxuICBnZXRCb2R5U3R5bGVzLFxuICBnZXRUb29sdGlwU3R5bGVzLFxufSBmcm9tICcuL3Rvb2x0aXAuc3R5bGVzJztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCd0b29sdGlwLScpO1xuXG5leHBvcnQgdHlwZSBUQ29tcG9uZW50cyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgcmVuZGVyZWQgYXMgdGhlIHRvb2x0aXAgYm9keS5cbiAgICovXG4gIEJvZHlDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogV2hlcmUgdGhlIHRvb2x0aXAgc2hvdWxkIGJlIHJlbmRlcmVkLiBUaGlzIGNhbiBiZSB1c2VmdWwgdG8gcmVuZGVyIHRoZSB0b29sdGlwIGludG8gYW5vdGhlciBwYXJ0IG9mIHRoZSBkb2N1bWVudCwgdXNpbmcgUmVhY3QgcG9ydGFsLlxuICAgKi9cbiAgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogQSBjdXN0b20gY29tcG9uZW50IHdyYXBwZXIgZm9yIHRoZSB0b29sdGlwLlxuICAgKi9cbiAgV3JhcHBlckNvbXBvbmVudD86IENvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgdHlwZSBUVG9vbHRpcENoaWxkUHJvcHMgPSB7XG4gIG9uRm9jdXM/OiBGdW5jdGlvbiB8IG51bGw7XG4gIG9uTW91c2VPdmVyPzogRnVuY3Rpb24gfCBudWxsO1xuICBvbkJsdXI/OiBGdW5jdGlvbiB8IG51bGw7XG4gIG9uTW91c2VMZWF2ZT86IEZ1bmN0aW9uIHwgbnVsbDtcbn0gJiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcblxuZXhwb3J0IHR5cGUgVFRvb2x0aXBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudDxUVG9vbHRpcENoaWxkUHJvcHM+O1xuXG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBzdGFydCBvZiB0aGUgdXNlciBpbnRlcmFjdGlvbiwgYW5kIHNob3dpbmcgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBzaG93QWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBlbmQgb2YgdGhlIHVzZXIgaW50ZXJhY3Rpb24sIGFuZCB0aGUgY2xvc2luZyBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGNsb3NlQWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBDdXN0b20gY3NzLWluLWpzIG9iamVjdCBzdHlsZXMgZm9yIHRoZSB0b29sdGlwIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBDU1NQcm9wZXJ0aWVzPjtcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIHRvb2x0aXAgc2hvdWxkIG5vdCBhcHBlYXIuXG4gICAqL1xuICBvZmY/OiBib29sZWFuO1xuICAvKipcbiAgICogQW4gaWRlbnRpZmllciBmb3IgdGhlIHRvb2x0aXAsIHVzZWQgZm9yIGBhcmlhLWRlc2NyaWJlZGJ5YC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogQSBjYWxsYmFjayBmdW5jdGlvbiwgY2FsbGVkIHdoZW4gdGhlIHRvb2x0aXAgaXMgY2xvc2luZy5cbiAgICovXG4gIG9uQ2xvc2U/OiAoZT86IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEEgY2FsbGJhY2sgZnVuY3Rpb24sIGNhbGxlZCB3aGVuIHRoZSB0b29sdGlwIGlzIG9wZW5pbmcuXG4gICAqL1xuICBvbk9wZW4/OiAoZT86IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgaXNPcGVuPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvdyB0aGUgdG9vbHRpcCBpcyBwb3NpdGlvbmVkIHJlbGF0aXZlIHRvIHRoZSBjaGlsZCBlbGVtZW50LlxuICAgKi9cbiAgcGxhY2VtZW50PzpcbiAgICB8ICd0b3AnXG4gICAgfCAndG9wLXN0YXJ0J1xuICAgIHwgJ3RvcC1lbmQnXG4gICAgfCAncmlnaHQnXG4gICAgfCAncmlnaHQtc3RhcnQnXG4gICAgfCAncmlnaHQtZW5kJ1xuICAgIHwgJ2JvdHRvbSdcbiAgICB8ICdib3R0b20tc3RhcnQnXG4gICAgfCAnYm90dG9tLWVuZCdcbiAgICB8ICdsZWZ0J1xuICAgIHwgJ2xlZnQtc3RhcnQnXG4gICAgfCAnbGVmdC1lbmQnO1xuICAvKipcbiAgICogVGhlIG1lc3NhZ2UgdG8gc2hvdyBpbiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIHdheSB0byBmaW5lLXR1bmUgYW4gYXBwZWFyYW5jZSBvZiB1bmRlcmx5aW5nIFBvcHBlciB0b29sdGlwIGVsZW1lbnQuIEZvciBtb3JlIGluZm9ybWF0aW9uLCBwbGVhc2UgY2hlY2sgW1BvcHBlci5qcyBkb2N1bWVudGF0aW9uXShodHRwczovL3BvcHBlci5qcy5vcmcvcG9wcGVyLWRvY3VtZW50YXRpb24uaHRtbCNtb2RpZmllcnMpLlxuICAgKi9cbiAgbW9kaWZpZXJzPzogTW9kaWZpZXJzO1xuICAvKipcbiAgICogQ3VzdG9taXplIHRoZSBhcHBlYXJhbmNlIG9mIGNlcnRhaW4gZWxlbWVudHMgb2YgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBjb21wb25lbnRzPzogVENvbXBvbmVudHM7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAxXG4gICAgfCAyXG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuZXhwb3J0IHR5cGUgVFRvb2x0aXBTdGF0ZSA9ICdjbG9zZWQnIHwgJ2VudGVyaW5nJyB8ICdvcGVuZWQnIHwgJ2V4aXRpbmcnO1xuXG5jb25zdCBUb29sdGlwV3JhcHBlciA9IChwcm9wczogUGljazxUVG9vbHRpcFByb3BzLCAnY2hpbGRyZW4nPikgPT4gKFxuICA8Pntwcm9wcy5jaGlsZHJlbn08Lz5cbik7XG5Ub29sdGlwV3JhcHBlci5kaXNwbGF5TmFtZSA9ICdUb29sdGlwV3JhcHBlckNvbXBvbmVudCc7XG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBzaG93QWZ0ZXIgPSAzMDAsXG4gIGNsb3NlQWZ0ZXIgPSAyMDAsXG4gIGhvcml6b250YWxDb25zdHJhaW50ID0gJ3NjYWxlJyxcbiAgb2ZmID0gZmFsc2UsXG4gIHBsYWNlbWVudCA9ICd0b3AnLFxuICAuLi5wcm9wc1xufTogVFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCBlbnRlclRpbWVyID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+PihudWxsKTtcbiAgY29uc3QgbGVhdmVUaW1lciA9IHVzZVJlZjxSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0Pj4obnVsbCk7XG5cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LkJvZHlDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuQm9keUNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLkJvZHlDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGlzVmFsaWRFbGVtZW50VHlwZShwcm9wcy5jb21wb25lbnRzLlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSxcbiAgICAgIGB1aS1raXQvVG9vbHRpcDogdGhlIHByb3AgJ2NvbXBvbmVudHMuVG9vbHRpcFdyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LldyYXBwZXJDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuV3JhcHBlckNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLldyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZW50ZXJUaW1lci5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChlbnRlclRpbWVyLmN1cnJlbnQpO1xuICAgICAgfVxuICAgICAgaWYgKGxlYXZlVGltZXIuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQobGVhdmVUaW1lci5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIHBvcHBlciwgcG9wcGVySW5zdGFuY2UgfSA9IHVzZVBvcHBlcih7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnQsXG4gICAgbW9kaWZpZXJzOiBwcm9wcy5tb2RpZmllcnMsXG4gIH0pO1xuICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlPFRUb29sdGlwU3RhdGU+KCdjbG9zZWQnKTtcblxuICBjb25zdCBpc0NvbnRyb2xsZWQgPSAhaXNOaWwocHJvcHMuaXNPcGVuKTtcbiAgY29uc3QgdG9vbHRpcElzT3BlbiA9IGlzQ29udHJvbGxlZFxuICAgID8gcHJvcHMuaXNPcGVuXG4gICAgOiBzdGF0ZSA9PT0gJ29wZW5lZCcgfHwgc3RhdGUgPT09ICdleGl0aW5nJztcbiAgY29uc3QgaWQgPSB1c2VGaWVsZElkKHByb3BzLmlkLCBzZXF1ZW50aWFsSWQpO1xuXG4gIGNvbnN0IHsgb25DbG9zZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50PzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzQ29udHJvbGxlZCkge1xuICAgICAgICBzZXRTdGF0ZSgnY2xvc2VkJyk7XG4gICAgICB9XG4gICAgICBpZiAob25DbG9zZSkge1xuICAgICAgICBvbkNsb3NlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWQsIG9uQ2xvc2VdXG4gICk7XG5cbiAgY29uc3QgeyBvbkZvY3VzLCBvbk1vdXNlT3ZlciB9ID0gcHJvcHMuY2hpbGRyZW4ucHJvcHM7XG4gIGNvbnN0IHsgb25PcGVuIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRW50ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ/OiBDaGFuZ2VFdmVudCB8IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmIChldmVudCkge1xuICAgICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ21vdXNlb3ZlcicgJiYgb25Nb3VzZU92ZXIpIHtcbiAgICAgICAgICBvbk1vdXNlT3ZlcihldmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ2ZvY3VzJyAmJiBvbkZvY3VzKSB7XG4gICAgICAgICAgb25Gb2N1cyhldmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoc3RhdGUgIT09ICdvcGVuZWQnICYmICFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRTdGF0ZSgnZW50ZXJpbmcnKTtcbiAgICAgICAgICBlbnRlclRpbWVyLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHNldFN0YXRlKCdvcGVuZWQnKTtcblxuICAgICAgICAgICAgaWYgKG9uT3Blbikge1xuICAgICAgICAgICAgICBvbk9wZW4oZXZlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0sIHNob3dBZnRlcik7XG4gICAgICAgIH1cblxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkZvY3VzLCBvbk9wZW4sIG9uTW91c2VPdmVyLCBpc0NvbnRyb2xsZWQsIHN0YXRlLCBzaG93QWZ0ZXJdXG4gICk7XG5cbiAgY29uc3QgeyBvbkJsdXIsIG9uTW91c2VMZWF2ZSB9ID0gcHJvcHMuY2hpbGRyZW4ucHJvcHM7XG5cbiAgY29uc3QgaGFuZGxlTGVhdmUgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KGVudGVyVGltZXIuY3VycmVudCEpO1xuICAgICAgY2xlYXJUaW1lb3V0KGxlYXZlVGltZXIuY3VycmVudCEpO1xuXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ21vdXNlbGVhdmUnICYmIG9uTW91c2VMZWF2ZSkge1xuICAgICAgICBvbk1vdXNlTGVhdmUoZXZlbnQpO1xuICAgICAgfVxuXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ2JsdXInICYmIG9uQmx1cikge1xuICAgICAgICBvbkJsdXIoZXZlbnQpO1xuICAgICAgfVxuXG4gICAgICBpZiAoY2xvc2VBZnRlciAmJiBzdGF0ZSA9PT0gJ29wZW5lZCcpIHtcbiAgICAgICAgbGVhdmVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSBwb3BwZXJJbnN0YW5jZT8ucG9wcGVyLnF1ZXJ5U2VsZWN0b3IoXG4gICAgICAgICAgICAnW2RhdGEtdGVzdGlkPVwidG9vbHRpcC1tZXNzYWdlLXdyYXBwZXJcIl0nXG4gICAgICAgICAgKSBhcyBIVE1MRWxlbWVudDtcblxuICAgICAgICAgIGlmICh0b29sdGlwRWxlbWVudCkge1xuICAgICAgICAgICAgdG9vbHRpcEVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignYW5pbWF0aW9uZW5kJywgKCkgPT5cbiAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UoKVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBzZXRTdGF0ZSgnZXhpdGluZycpO1xuICAgICAgICB9LCBjbG9zZUFmdGVyKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGhhbmRsZUNsb3NlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjbG9zZUFmdGVyLCBvbkJsdXIsIG9uTW91c2VMZWF2ZSwgaGFuZGxlQ2xvc2UsIHN0YXRlLCBwb3BwZXJJbnN0YW5jZV1cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIGlmIHRvb2x0aXAgd2FzIG9wZW4sIGFuZCB0aGVuIGNvbXBvbmVudFxuICAgIC8vIHVwZGF0ZWQgdG8gYmUgb2ZmLCB3ZSBzaG91bGQgY2xvc2UgdGhlIHRvb2x0aXBcbiAgICBpZiAoc3RhdGUgPT09ICdvcGVuZWQnICYmIG9mZikge1xuICAgICAgaWYgKGNsb3NlQWZ0ZXIpIHtcbiAgICAgICAgbGVhdmVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgICAgfSwgY2xvc2VBZnRlcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW29mZiwgY2xvc2VBZnRlciwgaGFuZGxlQ2xvc2UsIHN0YXRlXSk7XG5cbiAgY29uc3QgY2hpbGRyZW5Qcm9wcyA9IHtcbiAgICAvLyBkb24ndCBwYXNzIGV2ZW50IGxpc3RlbmVycyB0byBjaGlsZHJlblxuICAgIG9uRm9jdXM6IG51bGwsXG4gICAgb25Nb3VzZU92ZXI6IG51bGwsXG4gICAgb25Nb3VzZUxlYXZlOiBudWxsLFxuICAgIG9uQmx1cjogbnVsbCxcbiAgfTtcblxuICBjb25zdCB0b29sdGlwUHJvcHMgPSAhb2ZmXG4gICAgPyB7XG4gICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogdG9vbHRpcElzT3BlbiA/IGlkIDogbnVsbCxcbiAgICAgICAgLy8gZm9yIHNlbyBhbmQgYWNjZXNzaWJpbGl0eSwgd2UgYWRkIHRoZSB0b29sdGlwJ3MgdGl0bGVcbiAgICAgICAgLy8gYXMgYSBuYXRpdmUgdGl0bGUgd2hlbiB0aGUgdGl0bGUgaXMgaGlkZGVuXG4gICAgICAgIHRpdGxlOlxuICAgICAgICAgICF0b29sdGlwSXNPcGVuICYmXG4gICAgICAgICAgc3RhdGUgIT09ICdlbnRlcmluZycgJiZcbiAgICAgICAgICB0eXBlb2YgcHJvcHMudGl0bGUgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHByb3BzLnRpdGxlXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICB9XG4gICAgOiB7fTtcblxuICBjb25zdCBldmVudExpc3RlbmVycyA9ICFvZmZcbiAgICA/IHtcbiAgICAgICAgb25Nb3VzZUVudGVyOiBoYW5kbGVFbnRlcixcbiAgICAgICAgb25Nb3VzZUxlYXZlOiBoYW5kbGVMZWF2ZSxcbiAgICAgICAgb25Gb2N1czogaGFuZGxlRW50ZXIsXG4gICAgICAgIG9uQmx1cjogaGFuZGxlTGVhdmUsXG4gICAgICB9XG4gICAgOiB7fTtcblxuICBjb25zdCBXcmFwcGVyQ29tcG9uZW50ID0gcHJvcHMuY29tcG9uZW50cz8uV3JhcHBlckNvbXBvbmVudCB8fCBXcmFwcGVyO1xuICBjb25zdCBCb2R5Q29tcG9uZW50ID0gcHJvcHMuY29tcG9uZW50cz8uQm9keUNvbXBvbmVudCB8fCBCb2R5O1xuICBjb25zdCBUb29sdGlwV3JhcHBlckNvbXBvbmVudCA9XG4gICAgcHJvcHMuY29tcG9uZW50cz8uVG9vbHRpcFdyYXBwZXJDb21wb25lbnQgfHwgVG9vbHRpcFdyYXBwZXI7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFdyYXBwZXJDb21wb25lbnRcbiAgICAgICAgey4uLmV2ZW50TGlzdGVuZXJzfVxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yOiB5ZXMsIHJlZiBjYW4gYmUgdW5kZWZpbmVkXG4gICAgICAgIHJlZj17cmVmZXJlbmNlLnJlZn1cbiAgICAgID5cbiAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5jaGlsZHJlbiwge1xuICAgICAgICAgIC4uLmNoaWxkcmVuUHJvcHMsXG4gICAgICAgICAgLi4udG9vbHRpcFByb3BzLFxuICAgICAgICB9KX1cbiAgICAgIDwvV3JhcHBlckNvbXBvbmVudD5cbiAgICAgIHt0b29sdGlwSXNPcGVuICYmIChcbiAgICAgICAgPFRvb2x0aXBXcmFwcGVyQ29tcG9uZW50PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIC8vIHJlZiBhY2NlcHRzIGBMZWdhY3lSZWZgLCB3aGljaCBpcyBhIHVuaW9uIG9mIGBSZWZPYmplY3RgIGFuZCBgc3RyaW5nYFxuICAgICAgICAgICAgLy8gcHJvcHBlci5yZWYgcmV0dXJucyBgUmVmT2JqZWN0YFxuICAgICAgICAgICAgcmVmPXtwb3BwZXIucmVmIGFzIFJlZjxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgIC4uLnBvcHBlci5zdHlsZXMsXG4gICAgICAgICAgICAgIC4uLmdldEJvZHlTdHlsZXMoe1xuICAgICAgICAgICAgICAgIGNvbnN0cmFpbnQ6IGhvcml6b250YWxDb25zdHJhaW50LFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudDogcG9wcGVyLnBsYWNlbWVudCxcbiAgICAgICAgICAgICAgICBjdXN0b21TdHlsZXM6IHByb3BzLnN0eWxlcz8uYm9keSxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwb3BwZXIucGxhY2VtZW50fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmdldFRvb2x0aXBTdHlsZXMoc3RhdGUpLFxuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJ0b29sdGlwLW1lc3NhZ2Utd3JhcHBlclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxCb2R5Q29tcG9uZW50Pntwcm9wcy50aXRsZX08L0JvZHlDb21wb25lbnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Ub29sdGlwV3JhcHBlckNvbXBvbmVudD5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLmRpc3BsYXlOYW1lID0gJ1Rvb2xUaXAnO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwO1xuIl19 */"),
|
|
297
286
|
"data-placement": popper.placement,
|
|
298
287
|
children: jsxRuntime.jsx("div", {
|
|
@@ -310,7 +299,7 @@ Tooltip.displayName = 'ToolTip';
|
|
|
310
299
|
var Tooltip$1 = Tooltip;
|
|
311
300
|
|
|
312
301
|
// NOTE: This string will be replaced on build time with the package version.
|
|
313
|
-
var version = "20.
|
|
302
|
+
var version = "20.3.0";
|
|
314
303
|
|
|
315
304
|
exports["default"] = Tooltip$1;
|
|
316
305
|
exports.version = version;
|
|
@@ -21,6 +21,7 @@ var usePopper = require('use-popper');
|
|
|
21
21
|
var react = require('@emotion/react');
|
|
22
22
|
var hooks = require('@commercetools-uikit/hooks');
|
|
23
23
|
var utils = require('@commercetools-uikit/utils');
|
|
24
|
+
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
24
25
|
var _styled = require('@emotion/styled/base');
|
|
25
26
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
26
27
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
@@ -40,33 +41,20 @@ var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
|
40
41
|
var usePopper__default = /*#__PURE__*/_interopDefault(usePopper);
|
|
41
42
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
42
43
|
|
|
44
|
+
var _templateObject, _templateObject2;
|
|
43
45
|
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
44
46
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
45
|
-
const growIn = react.keyframes
|
|
46
|
-
from {
|
|
47
|
-
transform: scale(0);
|
|
48
|
-
}
|
|
49
|
-
to {
|
|
50
|
-
transform: scale(1);
|
|
51
|
-
}
|
|
52
|
-
`;
|
|
53
|
-
const growOut = react.keyframes`
|
|
54
|
-
from {
|
|
55
|
-
transform: scale(1);
|
|
56
|
-
}
|
|
57
|
-
to {
|
|
58
|
-
transform: scale(0);
|
|
59
|
-
}
|
|
60
|
-
`;
|
|
47
|
+
const growIn = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n"])));
|
|
48
|
+
const growOut = react.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0);\n }\n"])));
|
|
61
49
|
const getAnimation = state => {
|
|
62
50
|
switch (state) {
|
|
63
51
|
case 'opened':
|
|
64
52
|
return {
|
|
65
|
-
animation:
|
|
53
|
+
animation: "".concat(growIn, " 80ms")
|
|
66
54
|
};
|
|
67
55
|
case 'exiting':
|
|
68
56
|
return {
|
|
69
|
-
animation:
|
|
57
|
+
animation: "".concat(growOut, " 80ms")
|
|
70
58
|
};
|
|
71
59
|
default:
|
|
72
60
|
return {};
|
|
@@ -78,10 +66,10 @@ const getOffsetMargin = _ref => {
|
|
|
78
66
|
switch (position) {
|
|
79
67
|
case 'left':
|
|
80
68
|
case 'right':
|
|
81
|
-
return
|
|
69
|
+
return "0 ".concat(designSystem.designTokens.spacing10);
|
|
82
70
|
case 'top':
|
|
83
71
|
case 'bottom':
|
|
84
|
-
return
|
|
72
|
+
return "".concat(designSystem.designTokens.spacing10, " 0");
|
|
85
73
|
default:
|
|
86
74
|
return '';
|
|
87
75
|
}
|
|
@@ -97,12 +85,12 @@ const getBodyStyles = _ref2 => {
|
|
|
97
85
|
let constraint = _ref2.constraint,
|
|
98
86
|
placement = _ref2.placement,
|
|
99
87
|
customStyles = _ref2.customStyles;
|
|
100
|
-
const constraintTokenName =
|
|
88
|
+
const constraintTokenName = "constraint".concat(constraint);
|
|
101
89
|
return _objectSpread$1({
|
|
102
90
|
fontFamily: 'inherit',
|
|
103
|
-
margin:
|
|
91
|
+
margin: "".concat(getOffsetMargin({
|
|
104
92
|
placement
|
|
105
|
-
})
|
|
93
|
+
}), " !important"),
|
|
106
94
|
maxWidth: constraintTokenName in designSystem.designTokens ? designSystem.designTokens[constraintTokenName] : 'auto',
|
|
107
95
|
// so hovering over the tooltip when the tooltip overlaps the component
|
|
108
96
|
pointerEvents: 'none',
|
|
@@ -127,6 +115,7 @@ const TooltipWrapper = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
|
127
115
|
});
|
|
128
116
|
TooltipWrapper.displayName = 'TooltipWrapperComponent';
|
|
129
117
|
const Tooltip = _ref => {
|
|
118
|
+
var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
|
|
130
119
|
let _ref$showAfter = _ref.showAfter,
|
|
131
120
|
showAfter = _ref$showAfter === void 0 ? 300 : _ref$showAfter,
|
|
132
121
|
_ref$closeAfter = _ref.closeAfter,
|
|
@@ -140,9 +129,9 @@ const Tooltip = _ref => {
|
|
|
140
129
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
141
130
|
const enterTimer = react$1.useRef(null);
|
|
142
131
|
const leaveTimer = react$1.useRef(null);
|
|
143
|
-
if (props.components
|
|
144
|
-
if (props.components
|
|
145
|
-
if (props.components
|
|
132
|
+
if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) ;
|
|
133
|
+
if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) ;
|
|
134
|
+
if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) ;
|
|
146
135
|
react$1.useEffect(() => {
|
|
147
136
|
return () => {
|
|
148
137
|
if (enterTimer.current) {
|
|
@@ -215,7 +204,7 @@ const Tooltip = _ref => {
|
|
|
215
204
|
}
|
|
216
205
|
if (closeAfter && state === 'opened') {
|
|
217
206
|
leaveTimer.current = _setTimeout__default["default"](() => {
|
|
218
|
-
const tooltipElement = popperInstance
|
|
207
|
+
const tooltipElement = popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
|
|
219
208
|
if (tooltipElement) {
|
|
220
209
|
tooltipElement.addEventListener('animationend', () => handleClose());
|
|
221
210
|
} else {
|
|
@@ -259,9 +248,9 @@ const Tooltip = _ref => {
|
|
|
259
248
|
onFocus: handleEnter,
|
|
260
249
|
onBlur: handleLeave
|
|
261
250
|
} : {};
|
|
262
|
-
const WrapperComponent = props.components
|
|
263
|
-
const BodyComponent = props.components
|
|
264
|
-
const TooltipWrapperComponent = props.components
|
|
251
|
+
const WrapperComponent = ((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.WrapperComponent) || Wrapper;
|
|
252
|
+
const BodyComponent = ((_props$components5 = props.components) === null || _props$components5 === void 0 ? void 0 : _props$components5.BodyComponent) || Body;
|
|
253
|
+
const TooltipWrapperComponent = ((_props$components6 = props.components) === null || _props$components6 === void 0 ? void 0 : _props$components6.TooltipWrapperComponent) || TooltipWrapper;
|
|
265
254
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
266
255
|
children: [jsxRuntime.jsx(WrapperComponent, _objectSpread(_objectSpread({}, eventListeners), {}, {
|
|
267
256
|
// @ts-expect-error: yes, ref can be undefined
|
|
@@ -275,7 +264,7 @@ const Tooltip = _ref => {
|
|
|
275
264
|
css: /*#__PURE__*/react.css(_objectSpread(_objectSpread({}, popper.styles), getBodyStyles({
|
|
276
265
|
constraint: horizontalConstraint,
|
|
277
266
|
placement: popper.placement,
|
|
278
|
-
customStyles: props.styles
|
|
267
|
+
customStyles: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body
|
|
279
268
|
})), "" , "" ),
|
|
280
269
|
"data-placement": popper.placement,
|
|
281
270
|
children: jsxRuntime.jsx("div", {
|
|
@@ -293,7 +282,7 @@ Tooltip.displayName = 'ToolTip';
|
|
|
293
282
|
var Tooltip$1 = Tooltip;
|
|
294
283
|
|
|
295
284
|
// NOTE: This string will be replaced on build time with the package version.
|
|
296
|
-
var version = "20.
|
|
285
|
+
var version = "20.3.0";
|
|
297
286
|
|
|
298
287
|
exports["default"] = Tooltip$1;
|
|
299
288
|
exports.version = version;
|
|
@@ -17,38 +17,26 @@ import usePopper from 'use-popper';
|
|
|
17
17
|
import { keyframes, css } from '@emotion/react';
|
|
18
18
|
import { useFieldId } from '@commercetools-uikit/hooks';
|
|
19
19
|
import { createSequentialId, warning } from '@commercetools-uikit/utils';
|
|
20
|
+
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
20
21
|
import _styled from '@emotion/styled/base';
|
|
21
22
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
22
23
|
import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
|
|
23
24
|
|
|
25
|
+
var _templateObject, _templateObject2;
|
|
24
26
|
function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
25
27
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26
28
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
27
|
-
const growIn = keyframes
|
|
28
|
-
from {
|
|
29
|
-
transform: scale(0);
|
|
30
|
-
}
|
|
31
|
-
to {
|
|
32
|
-
transform: scale(1);
|
|
33
|
-
}
|
|
34
|
-
`;
|
|
35
|
-
const growOut = keyframes`
|
|
36
|
-
from {
|
|
37
|
-
transform: scale(1);
|
|
38
|
-
}
|
|
39
|
-
to {
|
|
40
|
-
transform: scale(0);
|
|
41
|
-
}
|
|
42
|
-
`;
|
|
29
|
+
const growIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n"])));
|
|
30
|
+
const growOut = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0);\n }\n"])));
|
|
43
31
|
const getAnimation = state => {
|
|
44
32
|
switch (state) {
|
|
45
33
|
case 'opened':
|
|
46
34
|
return {
|
|
47
|
-
animation:
|
|
35
|
+
animation: "".concat(growIn, " 80ms")
|
|
48
36
|
};
|
|
49
37
|
case 'exiting':
|
|
50
38
|
return {
|
|
51
|
-
animation:
|
|
39
|
+
animation: "".concat(growOut, " 80ms")
|
|
52
40
|
};
|
|
53
41
|
default:
|
|
54
42
|
return {};
|
|
@@ -60,10 +48,10 @@ const getOffsetMargin = _ref => {
|
|
|
60
48
|
switch (position) {
|
|
61
49
|
case 'left':
|
|
62
50
|
case 'right':
|
|
63
|
-
return
|
|
51
|
+
return "0 ".concat(designTokens.spacing10);
|
|
64
52
|
case 'top':
|
|
65
53
|
case 'bottom':
|
|
66
|
-
return
|
|
54
|
+
return "".concat(designTokens.spacing10, " 0");
|
|
67
55
|
default:
|
|
68
56
|
return '';
|
|
69
57
|
}
|
|
@@ -82,12 +70,12 @@ const getBodyStyles = _ref2 => {
|
|
|
82
70
|
let constraint = _ref2.constraint,
|
|
83
71
|
placement = _ref2.placement,
|
|
84
72
|
customStyles = _ref2.customStyles;
|
|
85
|
-
const constraintTokenName =
|
|
73
|
+
const constraintTokenName = "constraint".concat(constraint);
|
|
86
74
|
return _objectSpread$1({
|
|
87
75
|
fontFamily: 'inherit',
|
|
88
|
-
margin:
|
|
76
|
+
margin: "".concat(getOffsetMargin({
|
|
89
77
|
placement
|
|
90
|
-
})
|
|
78
|
+
}), " !important"),
|
|
91
79
|
maxWidth: constraintTokenName in designTokens ? designTokens[constraintTokenName] : 'auto',
|
|
92
80
|
// so hovering over the tooltip when the tooltip overlaps the component
|
|
93
81
|
pointerEvents: 'none',
|
|
@@ -119,6 +107,7 @@ const TooltipWrapper = props => jsx(Fragment, {
|
|
|
119
107
|
});
|
|
120
108
|
TooltipWrapper.displayName = 'TooltipWrapperComponent';
|
|
121
109
|
const Tooltip = _ref => {
|
|
110
|
+
var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
|
|
122
111
|
let _ref$showAfter = _ref.showAfter,
|
|
123
112
|
showAfter = _ref$showAfter === void 0 ? 300 : _ref$showAfter,
|
|
124
113
|
_ref$closeAfter = _ref.closeAfter,
|
|
@@ -132,14 +121,14 @@ const Tooltip = _ref => {
|
|
|
132
121
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
133
122
|
const enterTimer = useRef(null);
|
|
134
123
|
const leaveTimer = useRef(null);
|
|
135
|
-
if (props.components
|
|
136
|
-
process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.BodyComponent),
|
|
124
|
+
if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) {
|
|
125
|
+
process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.BodyComponent), "ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.") : void 0;
|
|
137
126
|
}
|
|
138
|
-
if (props.components
|
|
139
|
-
process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.TooltipWrapperComponent),
|
|
127
|
+
if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) {
|
|
128
|
+
process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.TooltipWrapperComponent), "ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.") : void 0;
|
|
140
129
|
}
|
|
141
|
-
if (props.components
|
|
142
|
-
process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.WrapperComponent),
|
|
130
|
+
if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) {
|
|
131
|
+
process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.WrapperComponent), "ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.") : void 0;
|
|
143
132
|
}
|
|
144
133
|
useEffect(() => {
|
|
145
134
|
return () => {
|
|
@@ -213,7 +202,7 @@ const Tooltip = _ref => {
|
|
|
213
202
|
}
|
|
214
203
|
if (closeAfter && state === 'opened') {
|
|
215
204
|
leaveTimer.current = _setTimeout(() => {
|
|
216
|
-
const tooltipElement = popperInstance
|
|
205
|
+
const tooltipElement = popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
|
|
217
206
|
if (tooltipElement) {
|
|
218
207
|
tooltipElement.addEventListener('animationend', () => handleClose());
|
|
219
208
|
} else {
|
|
@@ -257,9 +246,9 @@ const Tooltip = _ref => {
|
|
|
257
246
|
onFocus: handleEnter,
|
|
258
247
|
onBlur: handleLeave
|
|
259
248
|
} : {};
|
|
260
|
-
const WrapperComponent = props.components
|
|
261
|
-
const BodyComponent = props.components
|
|
262
|
-
const TooltipWrapperComponent = props.components
|
|
249
|
+
const WrapperComponent = ((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.WrapperComponent) || Wrapper;
|
|
250
|
+
const BodyComponent = ((_props$components5 = props.components) === null || _props$components5 === void 0 ? void 0 : _props$components5.BodyComponent) || Body;
|
|
251
|
+
const TooltipWrapperComponent = ((_props$components6 = props.components) === null || _props$components6 === void 0 ? void 0 : _props$components6.TooltipWrapperComponent) || TooltipWrapper;
|
|
263
252
|
return jsxs(Fragment, {
|
|
264
253
|
children: [jsx(WrapperComponent, _objectSpread(_objectSpread({}, eventListeners), {}, {
|
|
265
254
|
// @ts-expect-error: yes, ref can be undefined
|
|
@@ -273,7 +262,7 @@ const Tooltip = _ref => {
|
|
|
273
262
|
css: /*#__PURE__*/css(_objectSpread(_objectSpread({}, popper.styles), getBodyStyles({
|
|
274
263
|
constraint: horizontalConstraint,
|
|
275
264
|
placement: popper.placement,
|
|
276
|
-
customStyles: props.styles
|
|
265
|
+
customStyles: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body
|
|
277
266
|
})), process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBWaUIiLCJmaWxlIjoidG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBpbnNwaXJlZCBmcm9tIGh0dHBzOi8vZ2l0aHViLmNvbS9tdWktb3JnL21hdGVyaWFsLXVpL2Jsb2IvOWVjYzhkYjhhYmJmYjgyOTExMWQzYjVjMDY3ODI2NzgyNzk4NDAyNC9wYWNrYWdlcy9tYXRlcmlhbC11aS9zcmMvVG9vbHRpcC9Ub29sdGlwLmpzXG5pbXBvcnQgeyBNb2RpZmllcnMgfSBmcm9tICdwb3BwZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDb21wb25lbnRUeXBlLFxuICB0eXBlIEZvY3VzRXZlbnQsXG4gIHR5cGUgQ2hhbmdlRXZlbnQsXG4gIHR5cGUgUmVmLFxuICB0eXBlIENTU1Byb3BlcnRpZXMsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIGNsb25lRWxlbWVudCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHVzZVBvcHBlciBmcm9tICd1c2UtcG9wcGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZUZpZWxkSWQgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBjcmVhdGVTZXF1ZW50aWFsSWQsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQge1xuICBXcmFwcGVyLFxuICBCb2R5LFxuICBnZXRCb2R5U3R5bGVzLFxuICBnZXRUb29sdGlwU3R5bGVzLFxufSBmcm9tICcuL3Rvb2x0aXAuc3R5bGVzJztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCd0b29sdGlwLScpO1xuXG5leHBvcnQgdHlwZSBUQ29tcG9uZW50cyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgcmVuZGVyZWQgYXMgdGhlIHRvb2x0aXAgYm9keS5cbiAgICovXG4gIEJvZHlDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogV2hlcmUgdGhlIHRvb2x0aXAgc2hvdWxkIGJlIHJlbmRlcmVkLiBUaGlzIGNhbiBiZSB1c2VmdWwgdG8gcmVuZGVyIHRoZSB0b29sdGlwIGludG8gYW5vdGhlciBwYXJ0IG9mIHRoZSBkb2N1bWVudCwgdXNpbmcgUmVhY3QgcG9ydGFsLlxuICAgKi9cbiAgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogQSBjdXN0b20gY29tcG9uZW50IHdyYXBwZXIgZm9yIHRoZSB0b29sdGlwLlxuICAgKi9cbiAgV3JhcHBlckNvbXBvbmVudD86IENvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgdHlwZSBUVG9vbHRpcENoaWxkUHJvcHMgPSB7XG4gIG9uRm9jdXM/OiBGdW5jdGlvbiB8IG51bGw7XG4gIG9uTW91c2VPdmVyPzogRnVuY3Rpb24gfCBudWxsO1xuICBvbkJsdXI/OiBGdW5jdGlvbiB8IG51bGw7XG4gIG9uTW91c2VMZWF2ZT86IEZ1bmN0aW9uIHwgbnVsbDtcbn0gJiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcblxuZXhwb3J0IHR5cGUgVFRvb2x0aXBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudDxUVG9vbHRpcENoaWxkUHJvcHM+O1xuXG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBzdGFydCBvZiB0aGUgdXNlciBpbnRlcmFjdGlvbiwgYW5kIHNob3dpbmcgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBzaG93QWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBlbmQgb2YgdGhlIHVzZXIgaW50ZXJhY3Rpb24sIGFuZCB0aGUgY2xvc2luZyBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGNsb3NlQWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBDdXN0b20gY3NzLWluLWpzIG9iamVjdCBzdHlsZXMgZm9yIHRoZSB0b29sdGlwIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBDU1NQcm9wZXJ0aWVzPjtcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIHRvb2x0aXAgc2hvdWxkIG5vdCBhcHBlYXIuXG4gICAqL1xuICBvZmY/OiBib29sZWFuO1xuICAvKipcbiAgICogQW4gaWRlbnRpZmllciBmb3IgdGhlIHRvb2x0aXAsIHVzZWQgZm9yIGBhcmlhLWRlc2NyaWJlZGJ5YC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogQSBjYWxsYmFjayBmdW5jdGlvbiwgY2FsbGVkIHdoZW4gdGhlIHRvb2x0aXAgaXMgY2xvc2luZy5cbiAgICovXG4gIG9uQ2xvc2U/OiAoZT86IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEEgY2FsbGJhY2sgZnVuY3Rpb24sIGNhbGxlZCB3aGVuIHRoZSB0b29sdGlwIGlzIG9wZW5pbmcuXG4gICAqL1xuICBvbk9wZW4/OiAoZT86IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgaXNPcGVuPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvdyB0aGUgdG9vbHRpcCBpcyBwb3NpdGlvbmVkIHJlbGF0aXZlIHRvIHRoZSBjaGlsZCBlbGVtZW50LlxuICAgKi9cbiAgcGxhY2VtZW50PzpcbiAgICB8ICd0b3AnXG4gICAgfCAndG9wLXN0YXJ0J1xuICAgIHwgJ3RvcC1lbmQnXG4gICAgfCAncmlnaHQnXG4gICAgfCAncmlnaHQtc3RhcnQnXG4gICAgfCAncmlnaHQtZW5kJ1xuICAgIHwgJ2JvdHRvbSdcbiAgICB8ICdib3R0b20tc3RhcnQnXG4gICAgfCAnYm90dG9tLWVuZCdcbiAgICB8ICdsZWZ0J1xuICAgIHwgJ2xlZnQtc3RhcnQnXG4gICAgfCAnbGVmdC1lbmQnO1xuICAvKipcbiAgICogVGhlIG1lc3NhZ2UgdG8gc2hvdyBpbiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIHdheSB0byBmaW5lLXR1bmUgYW4gYXBwZWFyYW5jZSBvZiB1bmRlcmx5aW5nIFBvcHBlciB0b29sdGlwIGVsZW1lbnQuIEZvciBtb3JlIGluZm9ybWF0aW9uLCBwbGVhc2UgY2hlY2sgW1BvcHBlci5qcyBkb2N1bWVudGF0aW9uXShodHRwczovL3BvcHBlci5qcy5vcmcvcG9wcGVyLWRvY3VtZW50YXRpb24uaHRtbCNtb2RpZmllcnMpLlxuICAgKi9cbiAgbW9kaWZpZXJzPzogTW9kaWZpZXJzO1xuICAvKipcbiAgICogQ3VzdG9taXplIHRoZSBhcHBlYXJhbmNlIG9mIGNlcnRhaW4gZWxlbWVudHMgb2YgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBjb21wb25lbnRzPzogVENvbXBvbmVudHM7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAxXG4gICAgfCAyXG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuZXhwb3J0IHR5cGUgVFRvb2x0aXBTdGF0ZSA9ICdjbG9zZWQnIHwgJ2VudGVyaW5nJyB8ICdvcGVuZWQnIHwgJ2V4aXRpbmcnO1xuXG5jb25zdCBUb29sdGlwV3JhcHBlciA9IChwcm9wczogUGljazxUVG9vbHRpcFByb3BzLCAnY2hpbGRyZW4nPikgPT4gKFxuICA8Pntwcm9wcy5jaGlsZHJlbn08Lz5cbik7XG5Ub29sdGlwV3JhcHBlci5kaXNwbGF5TmFtZSA9ICdUb29sdGlwV3JhcHBlckNvbXBvbmVudCc7XG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBzaG93QWZ0ZXIgPSAzMDAsXG4gIGNsb3NlQWZ0ZXIgPSAyMDAsXG4gIGhvcml6b250YWxDb25zdHJhaW50ID0gJ3NjYWxlJyxcbiAgb2ZmID0gZmFsc2UsXG4gIHBsYWNlbWVudCA9ICd0b3AnLFxuICAuLi5wcm9wc1xufTogVFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCBlbnRlclRpbWVyID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+PihudWxsKTtcbiAgY29uc3QgbGVhdmVUaW1lciA9IHVzZVJlZjxSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0Pj4obnVsbCk7XG5cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LkJvZHlDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuQm9keUNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLkJvZHlDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGlzVmFsaWRFbGVtZW50VHlwZShwcm9wcy5jb21wb25lbnRzLlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSxcbiAgICAgIGB1aS1raXQvVG9vbHRpcDogdGhlIHByb3AgJ2NvbXBvbmVudHMuVG9vbHRpcFdyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LldyYXBwZXJDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuV3JhcHBlckNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLldyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZW50ZXJUaW1lci5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChlbnRlclRpbWVyLmN1cnJlbnQpO1xuICAgICAgfVxuICAgICAgaWYgKGxlYXZlVGltZXIuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQobGVhdmVUaW1lci5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIHBvcHBlciwgcG9wcGVySW5zdGFuY2UgfSA9IHVzZVBvcHBlcih7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnQsXG4gICAgbW9kaWZpZXJzOiBwcm9wcy5tb2RpZmllcnMsXG4gIH0pO1xuICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlPFRUb29sdGlwU3RhdGU+KCdjbG9zZWQnKTtcblxuICBjb25zdCBpc0NvbnRyb2xsZWQgPSAhaXNOaWwocHJvcHMuaXNPcGVuKTtcbiAgY29uc3QgdG9vbHRpcElzT3BlbiA9IGlzQ29udHJvbGxlZFxuICAgID8gcHJvcHMuaXNPcGVuXG4gICAgOiBzdGF0ZSA9PT0gJ29wZW5lZCcgfHwgc3RhdGUgPT09ICdleGl0aW5nJztcbiAgY29uc3QgaWQgPSB1c2VGaWVsZElkKHByb3BzLmlkLCBzZXF1ZW50aWFsSWQpO1xuXG4gIGNvbnN0IHsgb25DbG9zZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50PzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzQ29udHJvbGxlZCkge1xuICAgICAgICBzZXRTdGF0ZSgnY2xvc2VkJyk7XG4gICAgICB9XG4gICAgICBpZiAob25DbG9zZSkge1xuICAgICAgICBvbkNsb3NlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWQsIG9uQ2xvc2VdXG4gICk7XG5cbiAgY29uc3QgeyBvbkZvY3VzLCBvbk1vdXNlT3ZlciB9ID0gcHJvcHMuY2hpbGRyZW4ucHJvcHM7XG4gIGNvbnN0IHsgb25PcGVuIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRW50ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ/OiBDaGFuZ2VFdmVudCB8IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmIChldmVudCkge1xuICAgICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ21vdXNlb3ZlcicgJiYgb25Nb3VzZU92ZXIpIHtcbiAgICAgICAgICBvbk1vdXNlT3ZlcihldmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ2ZvY3VzJyAmJiBvbkZvY3VzKSB7XG4gICAgICAgICAgb25Gb2N1cyhldmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoc3RhdGUgIT09ICdvcGVuZWQnICYmICFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRTdGF0ZSgnZW50ZXJpbmcnKTtcbiAgICAgICAgICBlbnRlclRpbWVyLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHNldFN0YXRlKCdvcGVuZWQnKTtcblxuICAgICAgICAgICAgaWYgKG9uT3Blbikge1xuICAgICAgICAgICAgICBvbk9wZW4oZXZlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0sIHNob3dBZnRlcik7XG4gICAgICAgIH1cblxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkZvY3VzLCBvbk9wZW4sIG9uTW91c2VPdmVyLCBpc0NvbnRyb2xsZWQsIHN0YXRlLCBzaG93QWZ0ZXJdXG4gICk7XG5cbiAgY29uc3QgeyBvbkJsdXIsIG9uTW91c2VMZWF2ZSB9ID0gcHJvcHMuY2hpbGRyZW4ucHJvcHM7XG5cbiAgY29uc3QgaGFuZGxlTGVhdmUgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KGVudGVyVGltZXIuY3VycmVudCEpO1xuICAgICAgY2xlYXJUaW1lb3V0KGxlYXZlVGltZXIuY3VycmVudCEpO1xuXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ21vdXNlbGVhdmUnICYmIG9uTW91c2VMZWF2ZSkge1xuICAgICAgICBvbk1vdXNlTGVhdmUoZXZlbnQpO1xuICAgICAgfVxuXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ2JsdXInICYmIG9uQmx1cikge1xuICAgICAgICBvbkJsdXIoZXZlbnQpO1xuICAgICAgfVxuXG4gICAgICBpZiAoY2xvc2VBZnRlciAmJiBzdGF0ZSA9PT0gJ29wZW5lZCcpIHtcbiAgICAgICAgbGVhdmVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSBwb3BwZXJJbnN0YW5jZT8ucG9wcGVyLnF1ZXJ5U2VsZWN0b3IoXG4gICAgICAgICAgICAnW2RhdGEtdGVzdGlkPVwidG9vbHRpcC1tZXNzYWdlLXdyYXBwZXJcIl0nXG4gICAgICAgICAgKSBhcyBIVE1MRWxlbWVudDtcblxuICAgICAgICAgIGlmICh0b29sdGlwRWxlbWVudCkge1xuICAgICAgICAgICAgdG9vbHRpcEVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignYW5pbWF0aW9uZW5kJywgKCkgPT5cbiAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UoKVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBzZXRTdGF0ZSgnZXhpdGluZycpO1xuICAgICAgICB9LCBjbG9zZUFmdGVyKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGhhbmRsZUNsb3NlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjbG9zZUFmdGVyLCBvbkJsdXIsIG9uTW91c2VMZWF2ZSwgaGFuZGxlQ2xvc2UsIHN0YXRlLCBwb3BwZXJJbnN0YW5jZV1cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIGlmIHRvb2x0aXAgd2FzIG9wZW4sIGFuZCB0aGVuIGNvbXBvbmVudFxuICAgIC8vIHVwZGF0ZWQgdG8gYmUgb2ZmLCB3ZSBzaG91bGQgY2xvc2UgdGhlIHRvb2x0aXBcbiAgICBpZiAoc3RhdGUgPT09ICdvcGVuZWQnICYmIG9mZikge1xuICAgICAgaWYgKGNsb3NlQWZ0ZXIpIHtcbiAgICAgICAgbGVhdmVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgICAgfSwgY2xvc2VBZnRlcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW29mZiwgY2xvc2VBZnRlciwgaGFuZGxlQ2xvc2UsIHN0YXRlXSk7XG5cbiAgY29uc3QgY2hpbGRyZW5Qcm9wcyA9IHtcbiAgICAvLyBkb24ndCBwYXNzIGV2ZW50IGxpc3RlbmVycyB0byBjaGlsZHJlblxuICAgIG9uRm9jdXM6IG51bGwsXG4gICAgb25Nb3VzZU92ZXI6IG51bGwsXG4gICAgb25Nb3VzZUxlYXZlOiBudWxsLFxuICAgIG9uQmx1cjogbnVsbCxcbiAgfTtcblxuICBjb25zdCB0b29sdGlwUHJvcHMgPSAhb2ZmXG4gICAgPyB7XG4gICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogdG9vbHRpcElzT3BlbiA/IGlkIDogbnVsbCxcbiAgICAgICAgLy8gZm9yIHNlbyBhbmQgYWNjZXNzaWJpbGl0eSwgd2UgYWRkIHRoZSB0b29sdGlwJ3MgdGl0bGVcbiAgICAgICAgLy8gYXMgYSBuYXRpdmUgdGl0bGUgd2hlbiB0aGUgdGl0bGUgaXMgaGlkZGVuXG4gICAgICAgIHRpdGxlOlxuICAgICAgICAgICF0b29sdGlwSXNPcGVuICYmXG4gICAgICAgICAgc3RhdGUgIT09ICdlbnRlcmluZycgJiZcbiAgICAgICAgICB0eXBlb2YgcHJvcHMudGl0bGUgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHByb3BzLnRpdGxlXG4gICAgICAgICAgICA6IG51bGwsXG4gICAgICB9XG4gICAgOiB7fTtcblxuICBjb25zdCBldmVudExpc3RlbmVycyA9ICFvZmZcbiAgICA/IHtcbiAgICAgICAgb25Nb3VzZUVudGVyOiBoYW5kbGVFbnRlcixcbiAgICAgICAgb25Nb3VzZUxlYXZlOiBoYW5kbGVMZWF2ZSxcbiAgICAgICAgb25Gb2N1czogaGFuZGxlRW50ZXIsXG4gICAgICAgIG9uQmx1cjogaGFuZGxlTGVhdmUsXG4gICAgICB9XG4gICAgOiB7fTtcblxuICBjb25zdCBXcmFwcGVyQ29tcG9uZW50ID0gcHJvcHMuY29tcG9uZW50cz8uV3JhcHBlckNvbXBvbmVudCB8fCBXcmFwcGVyO1xuICBjb25zdCBCb2R5Q29tcG9uZW50ID0gcHJvcHMuY29tcG9uZW50cz8uQm9keUNvbXBvbmVudCB8fCBCb2R5O1xuICBjb25zdCBUb29sdGlwV3JhcHBlckNvbXBvbmVudCA9XG4gICAgcHJvcHMuY29tcG9uZW50cz8uVG9vbHRpcFdyYXBwZXJDb21wb25lbnQgfHwgVG9vbHRpcFdyYXBwZXI7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFdyYXBwZXJDb21wb25lbnRcbiAgICAgICAgey4uLmV2ZW50TGlzdGVuZXJzfVxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yOiB5ZXMsIHJlZiBjYW4gYmUgdW5kZWZpbmVkXG4gICAgICAgIHJlZj17cmVmZXJlbmNlLnJlZn1cbiAgICAgID5cbiAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5jaGlsZHJlbiwge1xuICAgICAgICAgIC4uLmNoaWxkcmVuUHJvcHMsXG4gICAgICAgICAgLi4udG9vbHRpcFByb3BzLFxuICAgICAgICB9KX1cbiAgICAgIDwvV3JhcHBlckNvbXBvbmVudD5cbiAgICAgIHt0b29sdGlwSXNPcGVuICYmIChcbiAgICAgICAgPFRvb2x0aXBXcmFwcGVyQ29tcG9uZW50PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIC8vIHJlZiBhY2NlcHRzIGBMZWdhY3lSZWZgLCB3aGljaCBpcyBhIHVuaW9uIG9mIGBSZWZPYmplY3RgIGFuZCBgc3RyaW5nYFxuICAgICAgICAgICAgLy8gcHJvcHBlci5yZWYgcmV0dXJucyBgUmVmT2JqZWN0YFxuICAgICAgICAgICAgcmVmPXtwb3BwZXIucmVmIGFzIFJlZjxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgIC4uLnBvcHBlci5zdHlsZXMsXG4gICAgICAgICAgICAgIC4uLmdldEJvZHlTdHlsZXMoe1xuICAgICAgICAgICAgICAgIGNvbnN0cmFpbnQ6IGhvcml6b250YWxDb25zdHJhaW50LFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudDogcG9wcGVyLnBsYWNlbWVudCxcbiAgICAgICAgICAgICAgICBjdXN0b21TdHlsZXM6IHByb3BzLnN0eWxlcz8uYm9keSxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwb3BwZXIucGxhY2VtZW50fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmdldFRvb2x0aXBTdHlsZXMoc3RhdGUpLFxuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJ0b29sdGlwLW1lc3NhZ2Utd3JhcHBlclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxCb2R5Q29tcG9uZW50Pntwcm9wcy50aXRsZX08L0JvZHlDb21wb25lbnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Ub29sdGlwV3JhcHBlckNvbXBvbmVudD5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLmRpc3BsYXlOYW1lID0gJ1Rvb2xUaXAnO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwO1xuIl19 */"),
|
|
278
267
|
"data-placement": popper.placement,
|
|
279
268
|
children: jsx("div", {
|
|
@@ -291,6 +280,6 @@ Tooltip.displayName = 'ToolTip';
|
|
|
291
280
|
var Tooltip$1 = Tooltip;
|
|
292
281
|
|
|
293
282
|
// NOTE: This string will be replaced on build time with the package version.
|
|
294
|
-
var version = "20.
|
|
283
|
+
var version = "20.3.0";
|
|
295
284
|
|
|
296
285
|
export { Tooltip$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/tooltip",
|
|
3
3
|
"description": "Tooltips display informative text when users hover over or focus on an element.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,18 +21,18 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "20.
|
|
25
|
-
"@commercetools-uikit/design-system": "20.
|
|
26
|
-
"@commercetools-uikit/hooks": "20.
|
|
27
|
-
"@commercetools-uikit/utils": "20.
|
|
24
|
+
"@commercetools-uikit/constraints": "20.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "20.3.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "20.3.0",
|
|
27
|
+
"@commercetools-uikit/utils": "20.3.0",
|
|
28
28
|
"@emotion/react": "^11.10.5",
|
|
29
29
|
"@emotion/styled": "^11.10.5",
|
|
30
30
|
"lodash": "4.17.21",
|
|
31
|
-
"react-is": "19.
|
|
31
|
+
"react-is": "19.2.0",
|
|
32
32
|
"use-popper": "1.1.6"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"react": "19.
|
|
35
|
+
"react": "19.2.0"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": "19.x"
|