@dfds-ui/react-components 1.1.2-alpha.2b4cca62 → 1.1.2-alpha.d6048bf3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/tooltip/Tooltip.d.ts +1 -3
- package/cjs/tooltip/Tooltip.js +29 -41
- package/package.json +10 -10
- package/tooltip/Tooltip.d.ts +1 -3
- package/tooltip/Tooltip.js +14 -26
package/cjs/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TippyProps } from '@
|
|
2
|
+
import { TippyProps } from '@tippy.js/react';
|
|
3
3
|
declare type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
4
|
declare type TooltipProps = {
|
|
5
5
|
content: string;
|
|
@@ -8,8 +8,6 @@ declare type TooltipProps = {
|
|
|
8
8
|
delay?: [number, number] | false;
|
|
9
9
|
containerProps?: any;
|
|
10
10
|
tabIndex?: number;
|
|
11
|
-
visible?: boolean;
|
|
12
|
-
onClickOutside?: () => void;
|
|
13
11
|
};
|
|
14
12
|
declare const Tooltip: React.FC<TooltipProps>;
|
|
15
13
|
/**
|
package/cjs/tooltip/Tooltip.js
CHANGED
|
@@ -7,11 +7,11 @@ exports.default = exports.UnstableWithTooltip = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
9
|
|
|
10
|
-
var _react =
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
|
|
14
|
-
var _react3 = _interopRequireDefault(require("@
|
|
14
|
+
var _react3 = _interopRequireDefault(require("@tippy.js/react"));
|
|
15
15
|
|
|
16
16
|
var _theme = require("@dfds-ui/theme");
|
|
17
17
|
|
|
@@ -19,20 +19,17 @@ var _typography = require("@dfds-ui/typography");
|
|
|
19
19
|
|
|
20
20
|
var _flexbox = require("./../flexbox");
|
|
21
21
|
|
|
22
|
-
const _excluded = ["delay"]
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
|
+
const _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
|
|
23
|
+
_excluded2 = ["delay"];
|
|
27
24
|
|
|
28
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
26
|
|
|
27
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
28
|
+
|
|
30
29
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
31
30
|
|
|
32
31
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
33
32
|
|
|
34
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
|
-
|
|
36
33
|
const colors = _theme.theme.colors,
|
|
37
34
|
spacing = _theme.theme.spacing,
|
|
38
35
|
radii = _theme.theme.radii,
|
|
@@ -46,42 +43,33 @@ const StyledTippy = ( /*#__PURE__*/0, _base.default)(_react3.default, process.en
|
|
|
46
43
|
,
|
|
47
44
|
target: "errz9h30",
|
|
48
45
|
label: "StyledTippy"
|
|
49
|
-
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.xxs, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
-
|
|
51
|
-
const Tooltip =
|
|
52
|
-
content,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
visible !== undefined ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
|
|
66
|
-
return () => {
|
|
67
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
68
|
-
};
|
|
69
|
-
}, []);
|
|
70
|
-
return (0, _react2.jsx)("div", {
|
|
71
|
-
ref: ref
|
|
72
|
-
}, (0, _react2.jsx)(StyledTippy, _extends({
|
|
46
|
+
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.xxs, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c307XG4gIGJveC1zaGFkb3c6ICR7ZWxldmF0aW9uWyc0J119O1xuXG4gICZbZGF0YS1zdGF0ZT0ndmlzaWJsZSddIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJltkYXRhLXN0YXRlPSdoaWRkZW4nXSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuYFxuXG5jb25zdCBUb29sdGlwOiBSZWFjdC5GQzxUb29sdGlwUHJvcHM+ID0gKHtcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGRlbGF5ID0gWzAsIDE1MDBdLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgY29udGFpbmVyUHJvcHMsXG4gIHRhYkluZGV4ID0gMCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gYXJyb3c9e2ZhbHNlfSB7Li4uKGRlbGF5ICE9PSBmYWxzZSAmJiB7IGRlbGF5IH0pfSB7Li4ucmVzdH0+XG4gICAgICA8RmxleEJveFxuICAgICAgICBpbmxpbmVcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgIH0pfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9TdHlsZWRUaXBweT5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */"));
|
|
47
|
+
|
|
48
|
+
const Tooltip = _ref => {
|
|
49
|
+
let content = _ref.content,
|
|
50
|
+
children = _ref.children,
|
|
51
|
+
_ref$delay = _ref.delay,
|
|
52
|
+
delay = _ref$delay === void 0 ? [0, 1500] : _ref$delay,
|
|
53
|
+
_ref$placement = _ref.placement,
|
|
54
|
+
placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
|
|
55
|
+
containerProps = _ref.containerProps,
|
|
56
|
+
_ref$tabIndex = _ref.tabIndex,
|
|
57
|
+
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
|
|
58
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
59
|
+
|
|
60
|
+
return (0, _react2.jsx)(StyledTippy, _extends({
|
|
73
61
|
content: content,
|
|
74
62
|
placement: placement,
|
|
75
|
-
|
|
63
|
+
arrow: false
|
|
76
64
|
}, delay !== false && {
|
|
77
65
|
delay
|
|
78
|
-
}), (0, _react2.jsx)(_flexbox.FlexBox, _extends({
|
|
66
|
+
}, rest), (0, _react2.jsx)(_flexbox.FlexBox, _extends({
|
|
79
67
|
inline: true,
|
|
80
68
|
as: "span",
|
|
81
69
|
tabIndex: tabIndex
|
|
82
70
|
}, containerProps || {}, containerProps && containerProps.css && {
|
|
83
|
-
css: /*#__PURE__*/(0, _react2.css)(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
84
|
-
}), children))
|
|
71
|
+
css: /*#__PURE__*/(0, _react2.css)(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
|
|
72
|
+
}), children));
|
|
85
73
|
};
|
|
86
74
|
/**
|
|
87
75
|
* The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
|
|
@@ -91,10 +79,10 @@ const Tooltip = ({
|
|
|
91
79
|
*/
|
|
92
80
|
|
|
93
81
|
|
|
94
|
-
const UnstableWithTooltip =
|
|
95
|
-
let
|
|
96
|
-
delay =
|
|
97
|
-
rest = _objectWithoutProperties(
|
|
82
|
+
const UnstableWithTooltip = _ref2 => {
|
|
83
|
+
let _ref2$delay = _ref2.delay,
|
|
84
|
+
delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
|
|
85
|
+
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
98
86
|
|
|
99
87
|
return (0, _react2.jsx)(StyledTippy // popperOptions={{
|
|
100
88
|
// modifiers: {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Shared react components within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "1.1.2-alpha.
|
|
6
|
+
"version": "1.1.2-alpha.d6048bf3",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -18,23 +18,23 @@
|
|
|
18
18
|
"react-select": "^4.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@dfds-ui/colors": "1.1.2-alpha.
|
|
22
|
-
"@dfds-ui/fonts": "1.1.2-alpha.
|
|
23
|
-
"@dfds-ui/hooks": "1.1.2-alpha.
|
|
24
|
-
"@dfds-ui/icons": "1.1.2-alpha.
|
|
25
|
-
"@dfds-ui/spacing": "1.1.2-alpha.
|
|
26
|
-
"@dfds-ui/theme": "1.1.2-alpha.
|
|
27
|
-
"@dfds-ui/typography": "1.1.2-alpha.
|
|
21
|
+
"@dfds-ui/colors": "1.1.2-alpha.d6048bf3",
|
|
22
|
+
"@dfds-ui/fonts": "1.1.2-alpha.d6048bf3",
|
|
23
|
+
"@dfds-ui/hooks": "1.1.2-alpha.d6048bf3",
|
|
24
|
+
"@dfds-ui/icons": "1.1.2-alpha.d6048bf3",
|
|
25
|
+
"@dfds-ui/spacing": "1.1.2-alpha.d6048bf3",
|
|
26
|
+
"@dfds-ui/theme": "1.1.2-alpha.d6048bf3",
|
|
27
|
+
"@dfds-ui/typography": "1.1.2-alpha.d6048bf3",
|
|
28
28
|
"@kunukn/react-collapse": "^2.2.9",
|
|
29
29
|
"@material-ui/core": "^4.12.3",
|
|
30
30
|
"@material-ui/lab": "4.0.0-alpha.60",
|
|
31
|
-
"@
|
|
31
|
+
"@tippy.js/react": "^3.1.1",
|
|
32
32
|
"classnames": "^2.3.1",
|
|
33
33
|
"humps": "^2.0.1",
|
|
34
34
|
"react-hook-intersection-observer": "^0.1.0",
|
|
35
35
|
"uuid": "^3.3.2"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "d6048bf30db26c0dfcf4410782d51bcb5d9c0b19",
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
}
|
package/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TippyProps } from '@
|
|
2
|
+
import { TippyProps } from '@tippy.js/react';
|
|
3
3
|
declare type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
4
|
declare type TooltipProps = {
|
|
5
5
|
content: string;
|
|
@@ -8,8 +8,6 @@ declare type TooltipProps = {
|
|
|
8
8
|
delay?: [number, number] | false;
|
|
9
9
|
containerProps?: any;
|
|
10
10
|
tabIndex?: number;
|
|
11
|
-
visible?: boolean;
|
|
12
|
-
onClickOutside?: () => void;
|
|
13
11
|
};
|
|
14
12
|
declare const Tooltip: React.FC<TooltipProps>;
|
|
15
13
|
/**
|
package/tooltip/Tooltip.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
var _excluded = ["delay"]
|
|
2
|
+
var _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
|
|
3
|
+
_excluded2 = ["delay"];
|
|
4
|
+
|
|
5
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
6
|
|
|
4
7
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
5
8
|
|
|
6
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
7
10
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
import React, { useEffect, useRef } from 'react';
|
|
11
|
+
import React from 'react';
|
|
11
12
|
import { css } from '@emotion/react';
|
|
12
|
-
import Tippy from '@
|
|
13
|
+
import Tippy from '@tippy.js/react';
|
|
13
14
|
import { theme } from '@dfds-ui/theme';
|
|
14
15
|
import { typography } from '@dfds-ui/typography';
|
|
15
16
|
import { FlexBox } from './../flexbox';
|
|
@@ -32,7 +33,7 @@ var StyledTippy = /*#__PURE__*/_styled(Tippy, process.env.NODE_ENV === "producti
|
|
|
32
33
|
,
|
|
33
34
|
target: "errz9h30",
|
|
34
35
|
label: "StyledTippy"
|
|
35
|
-
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.xxs, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.xxs, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c307XG4gIGJveC1zaGFkb3c6ICR7ZWxldmF0aW9uWyc0J119O1xuXG4gICZbZGF0YS1zdGF0ZT0ndmlzaWJsZSddIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJltkYXRhLXN0YXRlPSdoaWRkZW4nXSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuYFxuXG5jb25zdCBUb29sdGlwOiBSZWFjdC5GQzxUb29sdGlwUHJvcHM+ID0gKHtcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGRlbGF5ID0gWzAsIDE1MDBdLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgY29udGFpbmVyUHJvcHMsXG4gIHRhYkluZGV4ID0gMCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gYXJyb3c9e2ZhbHNlfSB7Li4uKGRlbGF5ICE9PSBmYWxzZSAmJiB7IGRlbGF5IH0pfSB7Li4ucmVzdH0+XG4gICAgICA8RmxleEJveFxuICAgICAgICBpbmxpbmVcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgIH0pfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9TdHlsZWRUaXBweT5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */"));
|
|
36
37
|
|
|
37
38
|
var Tooltip = function Tooltip(_ref) {
|
|
38
39
|
var content = _ref.content,
|
|
@@ -44,34 +45,21 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
44
45
|
containerProps = _ref.containerProps,
|
|
45
46
|
_ref$tabIndex = _ref.tabIndex,
|
|
46
47
|
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
|
|
47
|
-
|
|
48
|
-
onClickOutside = _ref.onClickOutside;
|
|
49
|
-
var ref = useRef();
|
|
50
|
-
useEffect(function () {
|
|
51
|
-
var handleClickOutside = function handleClickOutside(e) {
|
|
52
|
-
return ref.current && !ref.current.contains(e.target) && onClickOutside && onClickOutside();
|
|
53
|
-
};
|
|
48
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
54
49
|
|
|
55
|
-
|
|
56
|
-
return function () {
|
|
57
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
58
|
-
};
|
|
59
|
-
}, []);
|
|
60
|
-
return ___EmotionJSX("div", {
|
|
61
|
-
ref: ref
|
|
62
|
-
}, ___EmotionJSX(StyledTippy, _extends({
|
|
50
|
+
return ___EmotionJSX(StyledTippy, _extends({
|
|
63
51
|
content: content,
|
|
64
52
|
placement: placement,
|
|
65
|
-
|
|
53
|
+
arrow: false
|
|
66
54
|
}, delay !== false && {
|
|
67
55
|
delay: delay
|
|
68
|
-
}), ___EmotionJSX(FlexBox, _extends({
|
|
56
|
+
}, rest), ___EmotionJSX(FlexBox, _extends({
|
|
69
57
|
inline: true,
|
|
70
58
|
as: "span",
|
|
71
59
|
tabIndex: tabIndex
|
|
72
60
|
}, containerProps || {}, containerProps && containerProps.css && {
|
|
73
|
-
css: /*#__PURE__*/css(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
74
|
-
}), children))
|
|
61
|
+
css: /*#__PURE__*/css(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
|
|
62
|
+
}), children));
|
|
75
63
|
};
|
|
76
64
|
/**
|
|
77
65
|
* The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
|
|
@@ -84,7 +72,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
84
72
|
export var UnstableWithTooltip = function UnstableWithTooltip(_ref2) {
|
|
85
73
|
var _ref2$delay = _ref2.delay,
|
|
86
74
|
delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
|
|
87
|
-
rest = _objectWithoutProperties(_ref2,
|
|
75
|
+
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
88
76
|
|
|
89
77
|
return ___EmotionJSX(StyledTippy // popperOptions={{
|
|
90
78
|
// modifiers: {
|