@flodesk/grain 8.10.1 → 8.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/tooltip.js +17 -10
- package/package.json +1 -1
package/es/components/tooltip.js
CHANGED
|
@@ -54,15 +54,20 @@ var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
|
|
|
54
54
|
})("background:", getColor('shade12'), ";color:", getColor('shade2'), ";padding:12px 16px;max-width:256px;width:max-content;border-radius:", getRadius('s'), ";", function (_ref) {
|
|
55
55
|
var isOpen = _ref.isOpen;
|
|
56
56
|
return !isOpen && "opacity: 0;";
|
|
57
|
-
}, ";
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
57
|
+
}, ";", function (_ref2) {
|
|
58
|
+
var zIndex = _ref2.zIndex;
|
|
59
|
+
return "z-index: ".concat(zIndex);
|
|
60
|
+
}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICBwYWRkaW5nOiAxMnB4IDE2cHg7XG4gIG1heC13aWR0aDogMjU2cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICR7KHsgaXNPcGVuIH0pID0+ICFpc09wZW4gJiYgYG9wYWNpdHk6IDA7YH07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX0gMC4wN3M7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoe1xuICBjaGlsZHJlbixcbiAgY29udGVudCxcbiAgcGxhY2VtZW50ID0gJ3RvcCcsXG4gIHpJbmRleCA9IDEwMDAsXG4gIGhhc1BvcnRhbCA9IHRydWUsXG59KSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSwgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG9uT3BlbkNoYW5nZTogc2V0SXNPcGVuLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQoNCksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0IH0pXSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgfSk7XG5cbiAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgbW92ZTogZmFsc2UsXG4gIH0pO1xuICBjb25zdCBmb2N1cyA9IHVzZUZvY3VzKGNvbnRleHQpO1xuICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0KTtcbiAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCwgeyByb2xlOiAndG9vbHRpcCcgfSk7XG4gIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbaG92ZXIsIGZvY3VzLCBkaXNtaXNzLCByb2xlXSk7XG5cbiAgY29uc3QgQ29udGVudFJvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxDb250ZW50Um9vdD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9Db250ZW50Um9vdD5cblxuICAgICAge2Nsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHJlZmVyZW5jZSxcbiAgICAgICAgLi4uZ2V0UmVmZXJlbmNlUHJvcHMoKSxcbiAgICAgIH0pfVxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxufTtcbiJdfQ== */"));
|
|
61
|
+
|
|
62
|
+
export var Tooltip = function Tooltip(_ref3) {
|
|
63
|
+
var children = _ref3.children,
|
|
64
|
+
content = _ref3.content,
|
|
65
|
+
_ref3$placement = _ref3.placement,
|
|
66
|
+
placement = _ref3$placement === void 0 ? 'top' : _ref3$placement,
|
|
67
|
+
_ref3$zIndex = _ref3.zIndex,
|
|
68
|
+
zIndex = _ref3$zIndex === void 0 ? 1000 : _ref3$zIndex,
|
|
69
|
+
_ref3$hasPortal = _ref3.hasPortal,
|
|
70
|
+
hasPortal = _ref3$hasPortal === void 0 ? true : _ref3$hasPortal;
|
|
66
71
|
|
|
67
72
|
var _useState = useState(false),
|
|
68
73
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -102,6 +107,7 @@ export var Tooltip = function Tooltip(_ref2) {
|
|
|
102
107
|
className: "grn-context",
|
|
103
108
|
isOpen: isOpen,
|
|
104
109
|
ref: floating,
|
|
110
|
+
zIndex: zIndex,
|
|
105
111
|
style: {
|
|
106
112
|
position: strategy,
|
|
107
113
|
top: y !== null && y !== void 0 ? y : 0,
|
|
@@ -115,5 +121,6 @@ Tooltip.Content = ContentWrapper;
|
|
|
115
121
|
Tooltip.propTypes = {
|
|
116
122
|
placement: types.placement,
|
|
117
123
|
content: PropTypes.node,
|
|
118
|
-
hasPortal: PropTypes.bool
|
|
124
|
+
hasPortal: PropTypes.bool,
|
|
125
|
+
zIndex: types.zIndex
|
|
119
126
|
};
|