@dfds-ui/react-components 0.9.7-alpha.17eb72e5 → 0.9.7-alpha.1b8ac93e
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/assertions/toast/Toast.js +14 -15
- package/button/IconButton.d.ts +38 -21
- package/button/IconButton.js +73 -91
- package/cjs/assertions/toast/Toast.js +14 -15
- package/cjs/button/IconButton.d.ts +38 -21
- package/cjs/button/IconButton.js +80 -81
- package/cjs/tooltip/Tooltip.d.ts +6 -0
- package/cjs/tooltip/Tooltip.js +47 -16
- package/package.json +9 -9
- package/tooltip/Tooltip.d.ts +6 -0
- package/tooltip/Tooltip.js +43 -14
package/cjs/tooltip/Tooltip.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = void 0;
|
|
6
|
+
exports.default = exports.UnstableWithTooltip = void 0;
|
|
7
7
|
|
|
8
8
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
9
|
|
|
@@ -19,7 +19,8 @@ var _typography = require("@dfds-ui/typography");
|
|
|
19
19
|
|
|
20
20
|
var _flexbox = require("./../flexbox");
|
|
21
21
|
|
|
22
|
-
const _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"]
|
|
22
|
+
const _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
|
|
23
|
+
_excluded2 = ["delay"];
|
|
23
24
|
|
|
24
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
26
|
|
|
@@ -29,6 +30,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
29
30
|
|
|
30
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; }
|
|
31
32
|
|
|
33
|
+
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)."; }
|
|
34
|
+
|
|
32
35
|
const colors = _theme.theme.colors,
|
|
33
36
|
spacing = _theme.theme.spacing,
|
|
34
37
|
radii = _theme.theme.radii,
|
|
@@ -42,19 +45,19 @@ const StyledTippy = ( /*#__PURE__*/0, _base.default)(_react3.default, process.en
|
|
|
42
45
|
,
|
|
43
46
|
target: "errz9h30",
|
|
44
47
|
label: "StyledTippy"
|
|
45
|
-
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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,
|
|
46
|
-
|
|
47
|
-
const Tooltip =
|
|
48
|
-
let content =
|
|
49
|
-
children =
|
|
50
|
-
|
|
51
|
-
delay =
|
|
52
|
-
|
|
53
|
-
placement =
|
|
54
|
-
containerProps =
|
|
55
|
-
|
|
56
|
-
tabIndex =
|
|
57
|
-
rest = _objectWithoutProperties(
|
|
48
|
+
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCBiZSB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */"));
|
|
49
|
+
|
|
50
|
+
const Tooltip = _ref2 => {
|
|
51
|
+
let content = _ref2.content,
|
|
52
|
+
children = _ref2.children,
|
|
53
|
+
_ref2$delay = _ref2.delay,
|
|
54
|
+
delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
|
|
55
|
+
_ref2$placement = _ref2.placement,
|
|
56
|
+
placement = _ref2$placement === void 0 ? 'bottom' : _ref2$placement,
|
|
57
|
+
containerProps = _ref2.containerProps,
|
|
58
|
+
_ref2$tabIndex = _ref2.tabIndex,
|
|
59
|
+
tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
|
|
60
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
58
61
|
|
|
59
62
|
return (0, _react2.jsx)(StyledTippy, _extends({
|
|
60
63
|
content: content,
|
|
@@ -67,9 +70,37 @@ const Tooltip = _ref => {
|
|
|
67
70
|
as: "span",
|
|
68
71
|
tabIndex: tabIndex
|
|
69
72
|
}, containerProps || {}, containerProps && containerProps.css && {
|
|
70
|
-
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,
|
|
73
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy5zfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXA6IFJlYWN0LkZDPFRvb2x0aXBQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5IGNvbnRlbnQ9e2NvbnRlbnR9IHBsYWNlbWVudD17cGxhY2VtZW50fSBhcnJvdz17ZmFsc2V9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9IHsuLi5yZXN0fT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGlubGluZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgfSl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L1N0eWxlZFRpcHB5PlxuICApXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgYmUgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogVGlwcHlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW46IDA7XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */")
|
|
71
74
|
}), children));
|
|
72
75
|
};
|
|
76
|
+
/**
|
|
77
|
+
* The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
|
|
78
|
+
* no extra html markup will be wrapped around the targeted element.
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
83
|
+
name: "ti75j2",
|
|
84
|
+
styles: "margin:0"
|
|
85
|
+
} : {
|
|
86
|
+
name: "v6629m-UnstableWithTooltip",
|
|
87
|
+
styles: "margin:0;label:UnstableWithTooltip;",
|
|
88
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCBiZSB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */",
|
|
89
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
const UnstableWithTooltip = _ref3 => {
|
|
93
|
+
let _ref3$delay = _ref3.delay,
|
|
94
|
+
delay = _ref3$delay === void 0 ? [0, 1500] : _ref3$delay,
|
|
95
|
+
rest = _objectWithoutProperties(_ref3, _excluded2);
|
|
96
|
+
|
|
97
|
+
return (0, _react2.jsx)(StyledTippy, _extends({
|
|
98
|
+
delay: delay,
|
|
99
|
+
placement: "bottom",
|
|
100
|
+
css: _ref
|
|
101
|
+
}, rest));
|
|
102
|
+
};
|
|
73
103
|
|
|
104
|
+
exports.UnstableWithTooltip = UnstableWithTooltip;
|
|
74
105
|
var _default = Tooltip;
|
|
75
106
|
exports.default = _default;
|
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": "0.9.7-alpha.
|
|
6
|
+
"version": "0.9.7-alpha.1b8ac93e",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"react-select": "^4.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@dfds-ui/colors": "0.9.7-alpha.
|
|
22
|
-
"@dfds-ui/fonts": "0.9.7-alpha.
|
|
23
|
-
"@dfds-ui/hooks": "0.9.7-alpha.
|
|
24
|
-
"@dfds-ui/icons": "0.9.7-alpha.
|
|
25
|
-
"@dfds-ui/spacing": "0.9.7-alpha.
|
|
26
|
-
"@dfds-ui/theme": "0.9.7-alpha.
|
|
27
|
-
"@dfds-ui/typography": "0.9.7-alpha.
|
|
21
|
+
"@dfds-ui/colors": "0.9.7-alpha.1b8ac93e",
|
|
22
|
+
"@dfds-ui/fonts": "0.9.7-alpha.1b8ac93e",
|
|
23
|
+
"@dfds-ui/hooks": "0.9.7-alpha.1b8ac93e",
|
|
24
|
+
"@dfds-ui/icons": "0.9.7-alpha.1b8ac93e",
|
|
25
|
+
"@dfds-ui/spacing": "0.9.7-alpha.1b8ac93e",
|
|
26
|
+
"@dfds-ui/theme": "0.9.7-alpha.1b8ac93e",
|
|
27
|
+
"@dfds-ui/typography": "0.9.7-alpha.1b8ac93e",
|
|
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",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react-hook-intersection-observer": "^0.1.0",
|
|
35
35
|
"uuid": "^3.3.2"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "1b8ac93e8f77c7dbc6f831e2d44dcb229e52871f",
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
}
|
package/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TippyProps } from '@tippy.js/react';
|
|
2
3
|
declare type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
3
4
|
declare type TooltipProps = {
|
|
4
5
|
content: string;
|
|
@@ -9,4 +10,9 @@ declare type TooltipProps = {
|
|
|
9
10
|
tabIndex?: number;
|
|
10
11
|
};
|
|
11
12
|
declare const Tooltip: React.FC<TooltipProps>;
|
|
13
|
+
/**
|
|
14
|
+
* The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
|
|
15
|
+
* no extra html markup will be wrapped around the targeted element.
|
|
16
|
+
*/
|
|
17
|
+
export declare const UnstableWithTooltip: ({ delay, ...rest }: TippyProps) => JSX.Element;
|
|
12
18
|
export default Tooltip;
|
package/tooltip/Tooltip.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
var _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"]
|
|
2
|
+
var _excluded = ["content", "children", "delay", "placement", "containerProps", "tabIndex"],
|
|
3
|
+
_excluded2 = ["delay"];
|
|
3
4
|
|
|
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); }
|
|
5
6
|
|
|
@@ -7,6 +8,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
7
8
|
|
|
8
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; }
|
|
9
10
|
|
|
11
|
+
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)."; }
|
|
12
|
+
|
|
10
13
|
import React from 'react';
|
|
11
14
|
import { css } from '@emotion/react';
|
|
12
15
|
import Tippy from '@tippy.js/react';
|
|
@@ -32,19 +35,19 @@ var StyledTippy = /*#__PURE__*/_styled(Tippy, process.env.NODE_ENV === "producti
|
|
|
32
35
|
,
|
|
33
36
|
target: "errz9h30",
|
|
34
37
|
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.s, ";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,
|
|
38
|
+
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";margin:", spacing.s, ";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+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCBiZSB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */"));
|
|
36
39
|
|
|
37
|
-
var Tooltip = function Tooltip(
|
|
38
|
-
var content =
|
|
39
|
-
children =
|
|
40
|
-
|
|
41
|
-
delay =
|
|
42
|
-
|
|
43
|
-
placement =
|
|
44
|
-
containerProps =
|
|
45
|
-
|
|
46
|
-
tabIndex =
|
|
47
|
-
rest = _objectWithoutProperties(
|
|
40
|
+
var Tooltip = function Tooltip(_ref2) {
|
|
41
|
+
var content = _ref2.content,
|
|
42
|
+
children = _ref2.children,
|
|
43
|
+
_ref2$delay = _ref2.delay,
|
|
44
|
+
delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
|
|
45
|
+
_ref2$placement = _ref2.placement,
|
|
46
|
+
placement = _ref2$placement === void 0 ? 'bottom' : _ref2$placement,
|
|
47
|
+
containerProps = _ref2.containerProps,
|
|
48
|
+
_ref2$tabIndex = _ref2.tabIndex,
|
|
49
|
+
tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
|
|
50
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
48
51
|
|
|
49
52
|
return ___EmotionJSX(StyledTippy, _extends({
|
|
50
53
|
content: content,
|
|
@@ -57,8 +60,34 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
57
60
|
as: "span",
|
|
58
61
|
tabIndex: tabIndex
|
|
59
62
|
}, containerProps || {}, containerProps && containerProps.css && {
|
|
60
|
-
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,
|
|
63
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFRpcHB5LCB7IFRpcHB5UHJvcHMgfSBmcm9tICdAdGlwcHkuanMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBtYXJnaW46ICR7c3BhY2luZy5zfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXA6IFJlYWN0LkZDPFRvb2x0aXBQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5IGNvbnRlbnQ9e2NvbnRlbnR9IHBsYWNlbWVudD17cGxhY2VtZW50fSBhcnJvdz17ZmFsc2V9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9IHsuLi5yZXN0fT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGlubGluZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgfSl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L1N0eWxlZFRpcHB5PlxuICApXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgYmUgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogVGlwcHlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW46IDA7XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */")
|
|
61
64
|
}), children));
|
|
62
65
|
};
|
|
66
|
+
/**
|
|
67
|
+
* The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
|
|
68
|
+
* no extra html markup will be wrapped around the targeted element.
|
|
69
|
+
*/
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
73
|
+
name: "ti75j2",
|
|
74
|
+
styles: "margin:0"
|
|
75
|
+
} : {
|
|
76
|
+
name: "v6629m-UnstableWithTooltip",
|
|
77
|
+
styles: "margin:0;label:UnstableWithTooltip;",
|
|
78
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGYyIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweS5qcy9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgUGxhY2VtZW50ID0gJ3RvcCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uIH0gPSB0aGVtZVxuXG5jb25zdCBTdHlsZWRUaXBweSA9IHN0eWxlZChUaXBweSwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdjc3MnLCAvLyB0aGlzIHdpbGwgcHJldmVudCB3YXJuaW5ncyBlbWl0dGVkIGZyb20gdGlwcHlcbn0pYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHlJbnRlcmZhY2VTbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmFkaWkubX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnN9O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IGFycm93PXtmYWxzZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0gey4uLnJlc3R9PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgaW5saW5lXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU3R5bGVkVGlwcHk+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCBiZSB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */",
|
|
79
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
export var UnstableWithTooltip = function UnstableWithTooltip(_ref3) {
|
|
83
|
+
var _ref3$delay = _ref3.delay,
|
|
84
|
+
delay = _ref3$delay === void 0 ? [0, 1500] : _ref3$delay,
|
|
85
|
+
rest = _objectWithoutProperties(_ref3, _excluded2);
|
|
63
86
|
|
|
87
|
+
return ___EmotionJSX(StyledTippy, _extends({
|
|
88
|
+
delay: delay,
|
|
89
|
+
placement: "bottom",
|
|
90
|
+
css: _ref
|
|
91
|
+
}, rest));
|
|
92
|
+
};
|
|
64
93
|
export default Tooltip;
|