@flodesk/grain 6.10.2 → 6.10.3
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/popover.js +57 -59
- package/es/components/tooltip.js +21 -25
- package/package.json +1 -1
package/es/components/popover.js
CHANGED
|
@@ -11,89 +11,87 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
11
11
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
14
|
-
import React, { useRef, useEffect } from 'react';
|
|
14
|
+
import React, { useRef, useEffect, cloneElement } from 'react';
|
|
15
15
|
import PropTypes from 'prop-types';
|
|
16
16
|
import { types } from '../types';
|
|
17
|
-
import {
|
|
18
|
-
import { placementStyles } from '../foundational';
|
|
17
|
+
import { placementsMap } from '../foundational';
|
|
19
18
|
import { useKeyPress, useOnClickOutside } from '../hooks';
|
|
20
19
|
import { getColor, getDimension, getRadius, getShadow, getSpace, getTransition } from '../utilities';
|
|
20
|
+
import { useFloating, autoUpdate, offset, flip, FloatingPortal, shift, limitShift } from '@floating-ui/react-dom-interactions';
|
|
21
21
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
22
22
|
|
|
23
|
-
var Trigger = function Trigger(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
isOpen = _ref.isOpen,
|
|
26
|
-
escPress = _ref.escPress;
|
|
27
|
-
var ref = useRef();
|
|
28
|
-
useEffect(function () {
|
|
29
|
-
if (isOpen && escPress) {
|
|
30
|
-
ref.current.children[0].focus();
|
|
31
|
-
}
|
|
32
|
-
}, [isOpen, escPress]);
|
|
33
|
-
return ___EmotionJSX("div", {
|
|
34
|
-
ref: ref
|
|
35
|
-
}, children);
|
|
36
|
-
};
|
|
37
|
-
|
|
38
23
|
var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
39
24
|
target: "e192jyte0"
|
|
40
25
|
} : {
|
|
41
26
|
target: "e192jyte0",
|
|
42
27
|
label: "ChildrenWrapper"
|
|
43
|
-
})(function (
|
|
44
|
-
var width =
|
|
28
|
+
})(function (_ref) {
|
|
29
|
+
var width = _ref.width;
|
|
45
30
|
return "width: ".concat(getDimension(width));
|
|
46
|
-
}, ";", function (
|
|
47
|
-
var padding =
|
|
31
|
+
}, ";", function (_ref2) {
|
|
32
|
+
var padding = _ref2.padding;
|
|
48
33
|
return "padding: ".concat(getSpace(padding));
|
|
49
|
-
}, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";
|
|
50
|
-
var zIndex =
|
|
34
|
+
}, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";background:", getColor('background'), ";", function (_ref3) {
|
|
35
|
+
var zIndex = _ref3.zIndex;
|
|
51
36
|
return "z-index: ".concat(zIndex);
|
|
52
|
-
}, ";", function (
|
|
53
|
-
var
|
|
54
|
-
return placementStyles[placement];
|
|
55
|
-
}, ";transition-property:opacity;", function (_ref6) {
|
|
56
|
-
var isOpen = _ref6.isOpen;
|
|
37
|
+
}, ";transition-property:opacity;", function (_ref4) {
|
|
38
|
+
var isOpen = _ref4.isOpen;
|
|
57
39
|
return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
|
|
58
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdXNlS2V5UHJlc3MsIHVzZU9uQ2xpY2tPdXRzaWRlIH0gZnJvbSAnLi4vaG9va3MnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldERpbWVuc2lvbixcbiAgZ2V0UmFkaXVzLFxuICBnZXRTaGFkb3csXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICR7KHsgaXNPcGVuIH0pID0+XG4gICAgaXNPcGVuXG4gICAgICA/IGB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfWBcbiAgICAgIDogYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07IG9wYWNpdHk6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lO2B9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcGFkZGluZyA9ICdsJyxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIHdpZHRoID0gJzI1NnB4JyxcbiAgdHJpZ2dlcixcbiAgaXNPcGVuLFxuICBvbkNsb3NlLFxuICB6SW5kZXggPSAxLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgdXNlT25DbGlja091dHNpZGUod3JhcHBlclJlZiwgb25DbG9zZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXNjUHJlc3MpIG9uQ2xvc2UoKTtcbiAgfSwgW2VzY1ByZXNzLCBvbkNsb3NlXSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQoNCksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0LCBsaW1pdGVyOiBsaW1pdFNoaWZ0KCkgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiByZWZlcmVuY2UgfSl9XG4gICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgICAgICA8Q2hpbGRyZW5XcmFwcGVyXG4gICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICBwYWRkaW5nPXtwYWRkaW5nfVxuICAgICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0NoaWxkcmVuV3JhcHBlcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuICAgIDwvPlxuICApO1xufTtcblxuUG9wb3Zlci5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgd2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG4iXX0= */"));
|
|
59
41
|
|
|
60
|
-
export var Popover = function Popover(
|
|
61
|
-
var children =
|
|
62
|
-
|
|
63
|
-
padding =
|
|
64
|
-
|
|
65
|
-
placement =
|
|
66
|
-
|
|
67
|
-
width =
|
|
68
|
-
trigger =
|
|
69
|
-
isOpen =
|
|
70
|
-
onClose =
|
|
71
|
-
|
|
72
|
-
zIndex =
|
|
73
|
-
props = _objectWithoutProperties(
|
|
42
|
+
export var Popover = function Popover(_ref5) {
|
|
43
|
+
var children = _ref5.children,
|
|
44
|
+
_ref5$padding = _ref5.padding,
|
|
45
|
+
padding = _ref5$padding === void 0 ? 'l' : _ref5$padding,
|
|
46
|
+
_ref5$placement = _ref5.placement,
|
|
47
|
+
placement = _ref5$placement === void 0 ? 'bottom' : _ref5$placement,
|
|
48
|
+
_ref5$width = _ref5.width,
|
|
49
|
+
width = _ref5$width === void 0 ? '256px' : _ref5$width,
|
|
50
|
+
trigger = _ref5.trigger,
|
|
51
|
+
isOpen = _ref5.isOpen,
|
|
52
|
+
onClose = _ref5.onClose,
|
|
53
|
+
_ref5$zIndex = _ref5.zIndex,
|
|
54
|
+
zIndex = _ref5$zIndex === void 0 ? 1 : _ref5$zIndex,
|
|
55
|
+
props = _objectWithoutProperties(_ref5, _excluded);
|
|
74
56
|
|
|
75
|
-
var ref = useRef();
|
|
76
57
|
var escPress = useKeyPress('Escape');
|
|
77
|
-
|
|
58
|
+
var wrapperRef = useRef(null);
|
|
59
|
+
useOnClickOutside(wrapperRef, onClose);
|
|
78
60
|
useEffect(function () {
|
|
79
61
|
if (escPress) onClose();
|
|
80
62
|
}, [escPress, onClose]);
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
|
|
63
|
+
|
|
64
|
+
var _useFloating = useFloating({
|
|
65
|
+
placement: placementsMap[placement],
|
|
66
|
+
middleware: [offset(4), flip(), shift({
|
|
67
|
+
padding: 4,
|
|
68
|
+
limiter: limitShift()
|
|
69
|
+
})],
|
|
70
|
+
whileElementsMounted: autoUpdate
|
|
71
|
+
}),
|
|
72
|
+
x = _useFloating.x,
|
|
73
|
+
y = _useFloating.y,
|
|
74
|
+
reference = _useFloating.reference,
|
|
75
|
+
floating = _useFloating.floating,
|
|
76
|
+
strategy = _useFloating.strategy;
|
|
77
|
+
|
|
78
|
+
return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/cloneElement(trigger, {
|
|
79
|
+
ref: reference
|
|
80
|
+
}), ___EmotionJSX(FloatingPortal, null, ___EmotionJSX("div", {
|
|
81
|
+
ref: wrapperRef
|
|
82
|
+
}, ___EmotionJSX(ChildrenWrapper, _extends({
|
|
92
83
|
width: width,
|
|
93
84
|
padding: padding,
|
|
94
85
|
zIndex: zIndex,
|
|
95
|
-
|
|
96
|
-
|
|
86
|
+
className: "grn-context",
|
|
87
|
+
isOpen: isOpen,
|
|
88
|
+
ref: floating,
|
|
89
|
+
style: {
|
|
90
|
+
position: strategy,
|
|
91
|
+
top: y !== null && y !== void 0 ? y : 0,
|
|
92
|
+
left: x !== null && x !== void 0 ? x : 0
|
|
93
|
+
}
|
|
94
|
+
}, props), children))));
|
|
97
95
|
};
|
|
98
96
|
Popover.propTypes = {
|
|
99
97
|
padding: types.dimension,
|
package/es/components/tooltip.js
CHANGED
|
@@ -9,8 +9,21 @@ import "core-js/modules/es.array.slice.js";
|
|
|
9
9
|
import "core-js/modules/es.array.from.js";
|
|
10
10
|
import "core-js/modules/es.regexp.exec.js";
|
|
11
11
|
import "core-js/modules/es.object.assign.js";
|
|
12
|
+
import "core-js/modules/es.object.define-property.js";
|
|
13
|
+
import "core-js/modules/es.object.keys.js";
|
|
14
|
+
import "core-js/modules/es.array.filter.js";
|
|
15
|
+
import "core-js/modules/es.object.get-own-property-descriptor.js";
|
|
16
|
+
import "core-js/modules/web.dom-collections.for-each.js";
|
|
17
|
+
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
18
|
+
import "core-js/modules/es.object.define-properties.js";
|
|
12
19
|
import _styled from "@emotion/styled/base";
|
|
13
20
|
|
|
21
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
|
+
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
|
+
|
|
25
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
26
|
+
|
|
14
27
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
15
28
|
|
|
16
29
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
@@ -25,31 +38,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
25
38
|
|
|
26
39
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
40
|
|
|
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)."; }
|
|
29
|
-
|
|
30
41
|
import { PropTypes } from 'prop-types';
|
|
31
|
-
import React, { useState } from 'react';
|
|
42
|
+
import React, { cloneElement, useState } from 'react';
|
|
32
43
|
import { types } from '../types';
|
|
33
44
|
import { useFloating, autoUpdate, offset, flip, useHover, useFocus, useDismiss, useRole, useInteractions, FloatingPortal, shift } from '@floating-ui/react-dom-interactions';
|
|
34
45
|
import { getColor, getRadius, getTransition } from '../utilities';
|
|
35
46
|
import { placementsMap } from '../foundational';
|
|
36
47
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
37
48
|
|
|
38
|
-
var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
39
|
-
target: "e1063o0x1"
|
|
40
|
-
} : {
|
|
41
|
-
target: "e1063o0x1",
|
|
42
|
-
label: "ChildrenWrapper"
|
|
43
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
44
|
-
name: "1tjylrs",
|
|
45
|
-
styles: "width:fit-content"
|
|
46
|
-
} : {
|
|
47
|
-
name: "1tjylrs",
|
|
48
|
-
styles: "width:fit-content",
|
|
49
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdncmV5OCcpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXkxJyl9O1xuICBwYWRkaW5nOiAxMnB4IDE2cHg7XG4gIG1heC13aWR0aDogMzIwcHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICR7KHsgaXNPcGVuIH0pID0+ICFpc09wZW4gJiYgYG9wYWNpdHk6IDA7YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHsgY2hpbGRyZW4sIGNvbnRlbnQsIHBsYWNlbWVudCA9ICd0b3AnIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldE9wZW4sXG4gICAgbWlkZGxld2FyZTogW29mZnNldCg0KSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICBpc09wZW49e29wZW59XG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuXG4gICAgICA8Q2hpbGRyZW5XcmFwcGVyIHJlZj17cmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */",
|
|
50
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
51
|
-
});
|
|
52
|
-
|
|
53
49
|
var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
54
50
|
target: "e1063o0x0"
|
|
55
51
|
} : {
|
|
@@ -58,7 +54,7 @@ var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
|
|
|
58
54
|
})("background:", getColor('grey8'), ";color:", getColor('grey1'), ";padding:12px 16px;max-width:320px;width:max-content;border-radius:", getRadius('s'), ";", function (_ref) {
|
|
59
55
|
var isOpen = _ref.isOpen;
|
|
60
56
|
return !isOpen && "opacity: 0;";
|
|
61
|
-
}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge1xuICB1c2VGbG9hdGluZyxcbiAgYXV0b1VwZGF0ZSxcbiAgb2Zmc2V0LFxuICBmbGlwLFxuICB1c2VIb3ZlcixcbiAgdXNlRm9jdXMsXG4gIHVzZURpc21pc3MsXG4gIHVzZVJvbGUsXG4gIHVzZUludGVyYWN0aW9ucyxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2dyZXk4Jyl9O1xuICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTEnKX07XG4gIHBhZGRpbmc6IDEycHggMTZweDtcbiAgbWF4LXdpZHRoOiAzMjBweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgJHsoeyBpc09wZW4gfSkgPT4gIWlzT3BlbiAmJiBgb3BhY2l0eTogMDtgfTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX0gMC4wN3M7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoeyBjaGlsZHJlbiwgY29udGVudCwgcGxhY2VtZW50ID0gJ3RvcCcgfSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldElzT3BlbixcbiAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KDQpLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCB9KV0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gIH0pO1xuXG4gIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgIG1vdmU6IGZhbHNlLFxuICB9KTtcbiAgY29uc3QgZm9jdXMgPSB1c2VGb2N1cyhjb250ZXh0KTtcbiAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCk7XG4gIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogJ3Rvb2x0aXAnIH0pO1xuICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2hvdmVyLCBmb2N1cywgZGlzbWlzcywgcm9sZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cblxuICAgICAge2Nsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHJlZmVyZW5jZSxcbiAgICAgICAgLi4uZ2V0UmVmZXJlbmNlUHJvcHMoKSxcbiAgICAgIH0pfVxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */"));
|
|
62
58
|
|
|
63
59
|
export var Tooltip = function Tooltip(_ref2) {
|
|
64
60
|
var children = _ref2.children,
|
|
@@ -68,12 +64,12 @@ export var Tooltip = function Tooltip(_ref2) {
|
|
|
68
64
|
|
|
69
65
|
var _useState = useState(false),
|
|
70
66
|
_useState2 = _slicedToArray(_useState, 2),
|
|
71
|
-
|
|
72
|
-
|
|
67
|
+
isOpen = _useState2[0],
|
|
68
|
+
setIsOpen = _useState2[1];
|
|
73
69
|
|
|
74
70
|
var _useFloating = useFloating({
|
|
75
71
|
placement: placementsMap[placement],
|
|
76
|
-
onOpenChange:
|
|
72
|
+
onOpenChange: setIsOpen,
|
|
77
73
|
middleware: [offset(4), flip(), shift({
|
|
78
74
|
padding: 4
|
|
79
75
|
})],
|
|
@@ -101,16 +97,16 @@ export var Tooltip = function Tooltip(_ref2) {
|
|
|
101
97
|
|
|
102
98
|
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(FloatingPortal, null, ___EmotionJSX(ContentWrapper, _extends({
|
|
103
99
|
className: "grn-context",
|
|
104
|
-
isOpen:
|
|
100
|
+
isOpen: isOpen,
|
|
105
101
|
ref: floating,
|
|
106
102
|
style: {
|
|
107
103
|
position: strategy,
|
|
108
104
|
top: y !== null && y !== void 0 ? y : 0,
|
|
109
105
|
left: x !== null && x !== void 0 ? x : 0
|
|
110
106
|
}
|
|
111
|
-
}, getFloatingProps()), content)),
|
|
107
|
+
}, getFloatingProps()), content)), /*#__PURE__*/cloneElement(children, _objectSpread({
|
|
112
108
|
ref: reference
|
|
113
|
-
}, getReferenceProps())
|
|
109
|
+
}, getReferenceProps())));
|
|
114
110
|
};
|
|
115
111
|
Tooltip.Content = ContentWrapper;
|
|
116
112
|
Tooltip.propTypes = {
|