@flodesk/grain 7.6.1 → 7.7.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.
|
@@ -96,7 +96,9 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
96
96
|
label = _ref2.label,
|
|
97
97
|
hint = _ref2.hint,
|
|
98
98
|
_ref2$menuItemsHaveEl = _ref2.menuItemsHaveEllipsis,
|
|
99
|
-
menuItemsHaveEllipsis = _ref2$menuItemsHaveEl === void 0 ? true : _ref2$menuItemsHaveEl
|
|
99
|
+
menuItemsHaveEllipsis = _ref2$menuItemsHaveEl === void 0 ? true : _ref2$menuItemsHaveEl,
|
|
100
|
+
_ref2$hasPortal = _ref2.hasPortal,
|
|
101
|
+
hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal;
|
|
100
102
|
|
|
101
103
|
var _useState = useState(''),
|
|
102
104
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -125,6 +127,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
125
127
|
floating = _useMenuPosition.floating,
|
|
126
128
|
floatingStyles = _useMenuPosition.floatingStyles;
|
|
127
129
|
|
|
130
|
+
var OptionsRoot = hasPortal ? FloatingPortal : Fragment;
|
|
128
131
|
return ___EmotionJSX(Combobox, {
|
|
129
132
|
as: "div",
|
|
130
133
|
value: selectedOption || '',
|
|
@@ -150,7 +153,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
150
153
|
return option && option.content;
|
|
151
154
|
},
|
|
152
155
|
paddingRight: "32px"
|
|
153
|
-
}), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(
|
|
156
|
+
}), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(OptionsRoot, null, ___EmotionJSX(Combobox.Options, {
|
|
154
157
|
static: true,
|
|
155
158
|
isOpen: open,
|
|
156
159
|
className: "grn-context",
|
|
@@ -194,5 +197,6 @@ Autocomplete.propTypes = {
|
|
|
194
197
|
menuZIndex: types.zIndex,
|
|
195
198
|
label: types.label,
|
|
196
199
|
hint: types.hint,
|
|
197
|
-
menuItemsHaveEllipsis: PropTypes.bool
|
|
200
|
+
menuItemsHaveEllipsis: PropTypes.bool,
|
|
201
|
+
hasPortal: PropTypes.bool
|
|
198
202
|
};
|
|
@@ -14,7 +14,9 @@ export var Dropdown = function Dropdown(_ref) {
|
|
|
14
14
|
_ref$menuWidth = _ref.menuWidth,
|
|
15
15
|
menuWidth = _ref$menuWidth === void 0 ? '192px' : _ref$menuWidth,
|
|
16
16
|
menuZIndex = _ref.menuZIndex,
|
|
17
|
-
trigger = _ref.trigger
|
|
17
|
+
trigger = _ref.trigger,
|
|
18
|
+
_ref$hasPortal = _ref.hasPortal,
|
|
19
|
+
hasPortal = _ref$hasPortal === void 0 ? true : _ref$hasPortal;
|
|
18
20
|
|
|
19
21
|
var _useMenuPosition = useMenuPosition({
|
|
20
22
|
menuWidth: menuWidth,
|
|
@@ -24,12 +26,13 @@ export var Dropdown = function Dropdown(_ref) {
|
|
|
24
26
|
floating = _useMenuPosition.floating,
|
|
25
27
|
floatingStyles = _useMenuPosition.floatingStyles;
|
|
26
28
|
|
|
29
|
+
var ItemsRoot = hasPortal ? FloatingPortal : Fragment;
|
|
27
30
|
return ___EmotionJSX(Menu, null, function (_ref2) {
|
|
28
31
|
var open = _ref2.open;
|
|
29
32
|
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Menu.Button, {
|
|
30
33
|
as: Fragment,
|
|
31
34
|
ref: reference
|
|
32
|
-
}, trigger), ___EmotionJSX(
|
|
35
|
+
}, trigger), ___EmotionJSX(ItemsRoot, null, ___EmotionJSX(Menu.Items, {
|
|
33
36
|
static: true,
|
|
34
37
|
isOpen: open,
|
|
35
38
|
className: "grn-context",
|
|
@@ -60,5 +63,6 @@ Dropdown.propTypes = {
|
|
|
60
63
|
options: PropTypes.array.isRequired,
|
|
61
64
|
menuPlacement: types.menuPlacement,
|
|
62
65
|
menuWidth: types.dimension,
|
|
63
|
-
menuZIndex: types.zIndex
|
|
66
|
+
menuZIndex: types.zIndex,
|
|
67
|
+
hasPortal: PropTypes.bool
|
|
64
68
|
};
|
package/es/components/popover.js
CHANGED
|
@@ -3,7 +3,7 @@ import "core-js/modules/es.array.index-of.js";
|
|
|
3
3
|
import "core-js/modules/es.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
5
|
import _styled from "@emotion/styled/base";
|
|
6
|
-
var _excluded = ["children", "padding", "placement", "width", "trigger", "isOpen", "onClose", "zIndex"];
|
|
6
|
+
var _excluded = ["children", "padding", "placement", "width", "trigger", "isOpen", "onClose", "zIndex", "hasPortal"];
|
|
7
7
|
|
|
8
8
|
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); }
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ 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, cloneElement } from 'react';
|
|
14
|
+
import React, { useRef, useEffect, cloneElement, Fragment } from 'react';
|
|
15
15
|
import PropTypes from 'prop-types';
|
|
16
16
|
import { types } from '../types';
|
|
17
17
|
import { placementsMap } from '../foundational';
|
|
@@ -37,7 +37,7 @@ var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
|
|
|
37
37
|
}, ";transition-property:opacity;", function (_ref4) {
|
|
38
38
|
var isOpen = _ref4.isOpen;
|
|
39
39
|
return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
|
|
40
|
-
}, ";" + (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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIHVzZUZsb2F0aW5nLFxuICBhdXRvVXBkYXRlLFxuICBvZmZzZXQsXG4gIGZsaXAsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbiAgbGltaXRTaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAkeyh7IHdpZHRoIH0pID0+IGB3aWR0aDogJHtnZXREaW1lbnNpb24od2lkdGgpfWB9O1xuICAkeyh7IHBhZGRpbmcgfSkgPT4gYHBhZGRpbmc6ICR7Z2V0U3BhY2UocGFkZGluZyl9YH07XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICR7KHsgaXNPcGVuIH0pID0+XG4gICAgaXNPcGVuXG4gICAgICA/IGB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfWBcbiAgICAgIDogYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07IG9wYWNpdHk6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lO2B9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcGFkZGluZyA9ICdsJyxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIHdpZHRoID0gJzI1NnB4JyxcbiAgdHJpZ2dlcixcbiAgaXNPcGVuLFxuICBvbkNsb3NlLFxuICB6SW5kZXggPSAxLFxuICBoYXNQb3J0YWwgPSB0cnVlLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgdXNlT25DbGlja091dHNpZGUod3JhcHBlclJlZiwgb25DbG9zZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXNjUHJlc3MpIG9uQ2xvc2UoKTtcbiAgfSwgW2VzY1ByZXNzLCBvbkNsb3NlXSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQoNCksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0LCBsaW1pdGVyOiBsaW1pdFNoaWZ0KCkgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICBjb25zdCBSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiByZWZlcmVuY2UgfSl9XG4gICAgICA8Um9vdD5cbiAgICAgICAgPGRpdiByZWY9e3dyYXBwZXJSZWZ9PlxuICAgICAgICAgIDxDaGlsZHJlbldyYXBwZXJcbiAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gICAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cblBvcG92ZXIucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIHdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
|
|
41
41
|
|
|
42
42
|
export var Popover = function Popover(_ref5) {
|
|
43
43
|
var children = _ref5.children,
|
|
@@ -52,6 +52,8 @@ export var Popover = function Popover(_ref5) {
|
|
|
52
52
|
onClose = _ref5.onClose,
|
|
53
53
|
_ref5$zIndex = _ref5.zIndex,
|
|
54
54
|
zIndex = _ref5$zIndex === void 0 ? 1 : _ref5$zIndex,
|
|
55
|
+
_ref5$hasPortal = _ref5.hasPortal,
|
|
56
|
+
hasPortal = _ref5$hasPortal === void 0 ? true : _ref5$hasPortal,
|
|
55
57
|
props = _objectWithoutProperties(_ref5, _excluded);
|
|
56
58
|
|
|
57
59
|
var escPress = useKeyPress('Escape');
|
|
@@ -75,9 +77,10 @@ export var Popover = function Popover(_ref5) {
|
|
|
75
77
|
floating = _useFloating.floating,
|
|
76
78
|
strategy = _useFloating.strategy;
|
|
77
79
|
|
|
80
|
+
var Root = hasPortal ? FloatingPortal : Fragment;
|
|
78
81
|
return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/cloneElement(trigger, {
|
|
79
82
|
ref: reference
|
|
80
|
-
}), ___EmotionJSX(
|
|
83
|
+
}), ___EmotionJSX(Root, null, ___EmotionJSX("div", {
|
|
81
84
|
ref: wrapperRef
|
|
82
85
|
}, ___EmotionJSX(ChildrenWrapper, _extends({
|
|
83
86
|
width: width,
|
|
@@ -100,5 +103,6 @@ Popover.propTypes = {
|
|
|
100
103
|
trigger: PropTypes.node,
|
|
101
104
|
zIndex: types.zIndex,
|
|
102
105
|
isOpen: PropTypes.bool,
|
|
103
|
-
onClose: PropTypes.func.isRequired
|
|
106
|
+
onClose: PropTypes.func.isRequired,
|
|
107
|
+
hasPortal: PropTypes.bool
|
|
104
108
|
};
|
package/es/components/select.js
CHANGED
|
@@ -5,7 +5,7 @@ import "core-js/modules/es.object.assign.js";
|
|
|
5
5
|
import _styled from "@emotion/styled/base";
|
|
6
6
|
var _excluded = ["children", "triggerVariant"],
|
|
7
7
|
_excluded2 = ["option", "isSelected", "menuItemsHaveEllipsis"],
|
|
8
|
-
_excluded3 = ["children", "floating"];
|
|
8
|
+
_excluded3 = ["children", "floating", "hasPortal"];
|
|
9
9
|
import "core-js/modules/es.array.map.js";
|
|
10
10
|
import "core-js/modules/es.object.to-string.js";
|
|
11
11
|
import "core-js/modules/es.array.iterator.js";
|
|
@@ -38,7 +38,7 @@ var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
|
|
|
38
38
|
} : {
|
|
39
39
|
target: "e17qd7kh1",
|
|
40
40
|
label: "TriggerButton"
|
|
41
|
-
})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+
|
|
41
|
+
})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICApfVxuICA8Lz5cbikpO1xuXG5jb25zdCBnZXRUcmlnZ2VyQ29udGVudCA9IChpc011bHRpcGxlLCBzZWxlY3RlZCkgPT4ge1xuICBpZiAoIXNlbGVjdGVkKSByZXR1cm4gbnVsbDtcbiAgaWYgKGlzTXVsdGlwbGUpIHtcbiAgICByZXR1cm4gc2VsZWN0ZWQubWFwKG9wdGlvbiA9PiBvcHRpb24uY29udGVudCkuam9pbignLCAnKTtcbiAgfVxuICByZXR1cm4gc2VsZWN0ZWQuY29udGVudDtcbn07XG5cbmNvbnN0IFNlbGVjdEJ1dHRvbiA9ICh7IGN1c3RvbVRyaWdnZXIsIHRyaWdnZXJWYXJpYW50LCBpc011bHRpcGxlLCBzZWxlY3RlZCB9KSA9PiB7XG4gIGNvbnN0IHRyaWdnZXIgPSBnZXRUcmlnZ2VyQ29udGVudChpc011bHRpcGxlLCBzZWxlY3RlZCk7XG4gIHJldHVybiAoXG4gICAgPExpc3Rib3guQnV0dG9uIGFzPXtGcmFnbWVudH0+XG4gICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgY3VzdG9tVHJpZ2dlcihzZWxlY3RlZClcbiAgICAgICkgOiAoXG4gICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3RyaWdnZXJ9PC9UcmlnZ2VyPlxuICAgICAgKX1cbiAgICA8L0xpc3Rib3guQnV0dG9uPlxuICApO1xufTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIG1pbi13aWR0aDogMHB4O1xuYDtcblxuY29uc3QgU2VsZWN0TWVudU9wdGlvbiA9ICh7IG9wdGlvbiwgaXNTZWxlY3RlZCwgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxMaXN0Ym94Lk9wdGlvbiB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0gey4uLnByb3BzfT5cbiAgICB7KHsgYWN0aXZlIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNBY3RpdmU9e2FjdGl2ZX1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFbGxpcHNpcz17bWVudUl0ZW1zSGF2ZUVsbGlwc2lzfVxuICAgICAgICA+XG4gICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgKTtcbiAgICB9fVxuICA8L0xpc3Rib3guT3B0aW9uPlxuKTtcblxuY29uc3QgU2VsZWN0SW5mbyA9ICh7IGxhYmVsLCBoaW50IH0pID0+IChcbiAgPD5cbiAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIj5cbiAgICAgICAge2xhYmVsICYmIDxMaXN0Ym94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9MaXN0Ym94LkxhYmVsPn1cbiAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICA8L0JveD5cbiAgICApfVxuICA8Lz5cbik7XG5cbmNvbnN0IFNlbGVjdE1lbnUgPSAoeyBjaGlsZHJlbiwgZmxvYXRpbmcsIGhhc1BvcnRhbCwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdD5cbiAgICAgIDxMaXN0Ym94Lk9wdGlvbnMgc3RhdGljIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCIgcmVmPXtmbG9hdGluZ30gYXM9e01lbnVDYXJkfSB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3Rib3guT3B0aW9ucz5cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBnZXRJc1NlbGVjdGVkID0gKGlzTXVsdGlwbGUsIG9wdGlvbiwgc2VsZWN0ZWQpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCkgcmV0dXJuIG51bGw7XG4gIGlmIChpc011bHRpcGxlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkLnNvbWUoc2VsZWN0ZWRPcHRpb24gPT4gc2VsZWN0ZWRPcHRpb24uY29udGVudCA9PT0gb3B0aW9uLmNvbnRlbnQpO1xuICB9XG5cbiAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gc2VsZWN0ZWQudmFsdWU7XG59O1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gKHtcbiAgb3B0aW9ucyxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtZW51UGxhY2VtZW50ID0gZGVmYXVsdFByb3BzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aCxcbiAgbWVudU1heEhlaWdodCA9IGRlZmF1bHRQcm9wcy5tZW51TWF4SGVpZ2h0LFxuICB0cmlnZ2VyOiBjdXN0b21UcmlnZ2VyLFxuICB0cmlnZ2VyVmFyaWFudCA9ICdib3gnLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudVpJbmRleCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgYWxsb3dNdWx0aXBsZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbn0pID0+IHtcbiAgY29uc3QgeyByZWZlcmVuY2UsIGZsb2F0aW5nLCBmbG9hdGluZ1N0eWxlcyB9ID0gdXNlTWVudVBvc2l0aW9uKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pO1xuICBjb25zdCByb290V2lkdGggPSB0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnID8gJ2ZpdC1jb250ZW50JyA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBvcHRpb25NYXAgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gbmV3IE1hcChvcHRpb25zLm1hcChvcHRpb24gPT4gW29wdGlvbi52YWx1ZSwgb3B0aW9uXSkpO1xuICB9LCBbb3B0aW9uc10pO1xuXG4gIGNvbnN0IHNlbGVjdGVkID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoYWxsb3dNdWx0aXBsZSA/IHZhbHVlLm1hcCh2YWx1ZSA9PiBvcHRpb25NYXAuZ2V0KHZhbHVlKSkgOiBvcHRpb25NYXAuZ2V0KHZhbHVlKSksXG4gICAgW2FsbG93TXVsdGlwbGUsIG9wdGlvbk1hcCwgdmFsdWVdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPExpc3Rib3hcbiAgICAgIGFzPXtSb290fVxuICAgICAgdmFsdWU9e3NlbGVjdGVkfVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgd2lkdGg9e3Jvb3RXaWR0aH1cbiAgICAgIG11bHRpcGxlPXthbGxvd011bHRpcGxlfVxuICAgID5cbiAgICAgIHsoeyBvcGVuIH0pID0+IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8U2VsZWN0SW5mbyBsYWJlbD17bGFiZWx9IGhpbnQ9e2hpbnR9IC8+XG5cbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIiByZWY9e3JlZmVyZW5jZX0+XG4gICAgICAgICAgICA8U2VsZWN0QnV0dG9uXG4gICAgICAgICAgICAgIGN1c3RvbVRyaWdnZXI9e2N1c3RvbVRyaWdnZXJ9XG4gICAgICAgICAgICAgIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH1cbiAgICAgICAgICAgICAgaXNNdWx0aXBsZT17YWxsb3dNdWx0aXBsZX1cbiAgICAgICAgICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgPFNlbGVjdE1lbnVcbiAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICBwbGFjZW1lbnQ9e21lbnVQbGFjZW1lbnR9XG4gICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgekluZGV4PXttZW51WkluZGV4fVxuICAgICAgICAgICAgICBmbG9hdGluZz17ZmxvYXRpbmd9XG4gICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgaGFzUG9ydGFsPXtoYXNQb3J0YWx9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBnZXRJc1NlbGVjdGVkKGFsbG93TXVsdGlwbGUsIG9wdGlvbiwgc2VsZWN0ZWQpO1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICA8U2VsZWN0TWVudU9wdGlvblxuICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgICBvcHRpb249e29wdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgaGFzRWxsaXBzaXM9e21lbnVJdGVtc0hhdmVFbGxpcHNpc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L1NlbGVjdE1lbnU+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L0xpc3Rib3g+XG4gICk7XG59O1xuXG5TZWxlY3QuTGFiZWwgPSBGaWVsZExhYmVsO1xuU2VsZWN0LkhpbnQgPSBGaWVsZEhpbnQ7XG5cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgdmFsdWU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5hcnJheV0pLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBtZW51UGxhY2VtZW50OiB0eXBlcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICBtZW51TWF4SGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5mdW5jLFxuICB0cmlnZ2VyVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnYm94JywgJ3RleHQnXSksXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgYWxsb3dNdWx0aXBsZTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
|
|
42
42
|
|
|
43
43
|
var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
44
44
|
var children = _ref.children,
|
|
@@ -62,6 +62,8 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
62
62
|
});
|
|
63
63
|
|
|
64
64
|
var getTriggerContent = function getTriggerContent(isMultiple, selected) {
|
|
65
|
+
if (!selected) return null;
|
|
66
|
+
|
|
65
67
|
if (isMultiple) {
|
|
66
68
|
return selected.map(function (option) {
|
|
67
69
|
return option.content;
|
|
@@ -95,7 +97,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
95
97
|
} : {
|
|
96
98
|
name: "wowqs1",
|
|
97
99
|
styles: "min-width:0px",
|
|
98
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
100
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Z1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICApfVxuICA8Lz5cbikpO1xuXG5jb25zdCBnZXRUcmlnZ2VyQ29udGVudCA9IChpc011bHRpcGxlLCBzZWxlY3RlZCkgPT4ge1xuICBpZiAoIXNlbGVjdGVkKSByZXR1cm4gbnVsbDtcbiAgaWYgKGlzTXVsdGlwbGUpIHtcbiAgICByZXR1cm4gc2VsZWN0ZWQubWFwKG9wdGlvbiA9PiBvcHRpb24uY29udGVudCkuam9pbignLCAnKTtcbiAgfVxuICByZXR1cm4gc2VsZWN0ZWQuY29udGVudDtcbn07XG5cbmNvbnN0IFNlbGVjdEJ1dHRvbiA9ICh7IGN1c3RvbVRyaWdnZXIsIHRyaWdnZXJWYXJpYW50LCBpc011bHRpcGxlLCBzZWxlY3RlZCB9KSA9PiB7XG4gIGNvbnN0IHRyaWdnZXIgPSBnZXRUcmlnZ2VyQ29udGVudChpc011bHRpcGxlLCBzZWxlY3RlZCk7XG4gIHJldHVybiAoXG4gICAgPExpc3Rib3guQnV0dG9uIGFzPXtGcmFnbWVudH0+XG4gICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgY3VzdG9tVHJpZ2dlcihzZWxlY3RlZClcbiAgICAgICkgOiAoXG4gICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3RyaWdnZXJ9PC9UcmlnZ2VyPlxuICAgICAgKX1cbiAgICA8L0xpc3Rib3guQnV0dG9uPlxuICApO1xufTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIG1pbi13aWR0aDogMHB4O1xuYDtcblxuY29uc3QgU2VsZWN0TWVudU9wdGlvbiA9ICh7IG9wdGlvbiwgaXNTZWxlY3RlZCwgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxMaXN0Ym94Lk9wdGlvbiB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0gey4uLnByb3BzfT5cbiAgICB7KHsgYWN0aXZlIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNBY3RpdmU9e2FjdGl2ZX1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFbGxpcHNpcz17bWVudUl0ZW1zSGF2ZUVsbGlwc2lzfVxuICAgICAgICA+XG4gICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgKTtcbiAgICB9fVxuICA8L0xpc3Rib3guT3B0aW9uPlxuKTtcblxuY29uc3QgU2VsZWN0SW5mbyA9ICh7IGxhYmVsLCBoaW50IH0pID0+IChcbiAgPD5cbiAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIj5cbiAgICAgICAge2xhYmVsICYmIDxMaXN0Ym94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9MaXN0Ym94LkxhYmVsPn1cbiAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICA8L0JveD5cbiAgICApfVxuICA8Lz5cbik7XG5cbmNvbnN0IFNlbGVjdE1lbnUgPSAoeyBjaGlsZHJlbiwgZmxvYXRpbmcsIGhhc1BvcnRhbCwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdD5cbiAgICAgIDxMaXN0Ym94Lk9wdGlvbnMgc3RhdGljIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCIgcmVmPXtmbG9hdGluZ30gYXM9e01lbnVDYXJkfSB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3Rib3guT3B0aW9ucz5cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBnZXRJc1NlbGVjdGVkID0gKGlzTXVsdGlwbGUsIG9wdGlvbiwgc2VsZWN0ZWQpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCkgcmV0dXJuIG51bGw7XG4gIGlmIChpc011bHRpcGxlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkLnNvbWUoc2VsZWN0ZWRPcHRpb24gPT4gc2VsZWN0ZWRPcHRpb24uY29udGVudCA9PT0gb3B0aW9uLmNvbnRlbnQpO1xuICB9XG5cbiAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gc2VsZWN0ZWQudmFsdWU7XG59O1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gKHtcbiAgb3B0aW9ucyxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtZW51UGxhY2VtZW50ID0gZGVmYXVsdFByb3BzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aCxcbiAgbWVudU1heEhlaWdodCA9IGRlZmF1bHRQcm9wcy5tZW51TWF4SGVpZ2h0LFxuICB0cmlnZ2VyOiBjdXN0b21UcmlnZ2VyLFxuICB0cmlnZ2VyVmFyaWFudCA9ICdib3gnLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudVpJbmRleCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgYWxsb3dNdWx0aXBsZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbn0pID0+IHtcbiAgY29uc3QgeyByZWZlcmVuY2UsIGZsb2F0aW5nLCBmbG9hdGluZ1N0eWxlcyB9ID0gdXNlTWVudVBvc2l0aW9uKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pO1xuICBjb25zdCByb290V2lkdGggPSB0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnID8gJ2ZpdC1jb250ZW50JyA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBvcHRpb25NYXAgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gbmV3IE1hcChvcHRpb25zLm1hcChvcHRpb24gPT4gW29wdGlvbi52YWx1ZSwgb3B0aW9uXSkpO1xuICB9LCBbb3B0aW9uc10pO1xuXG4gIGNvbnN0IHNlbGVjdGVkID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoYWxsb3dNdWx0aXBsZSA/IHZhbHVlLm1hcCh2YWx1ZSA9PiBvcHRpb25NYXAuZ2V0KHZhbHVlKSkgOiBvcHRpb25NYXAuZ2V0KHZhbHVlKSksXG4gICAgW2FsbG93TXVsdGlwbGUsIG9wdGlvbk1hcCwgdmFsdWVdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPExpc3Rib3hcbiAgICAgIGFzPXtSb290fVxuICAgICAgdmFsdWU9e3NlbGVjdGVkfVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgd2lkdGg9e3Jvb3RXaWR0aH1cbiAgICAgIG11bHRpcGxlPXthbGxvd011bHRpcGxlfVxuICAgID5cbiAgICAgIHsoeyBvcGVuIH0pID0+IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8U2VsZWN0SW5mbyBsYWJlbD17bGFiZWx9IGhpbnQ9e2hpbnR9IC8+XG5cbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIiByZWY9e3JlZmVyZW5jZX0+XG4gICAgICAgICAgICA8U2VsZWN0QnV0dG9uXG4gICAgICAgICAgICAgIGN1c3RvbVRyaWdnZXI9e2N1c3RvbVRyaWdnZXJ9XG4gICAgICAgICAgICAgIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH1cbiAgICAgICAgICAgICAgaXNNdWx0aXBsZT17YWxsb3dNdWx0aXBsZX1cbiAgICAgICAgICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgPFNlbGVjdE1lbnVcbiAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICBwbGFjZW1lbnQ9e21lbnVQbGFjZW1lbnR9XG4gICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgekluZGV4PXttZW51WkluZGV4fVxuICAgICAgICAgICAgICBmbG9hdGluZz17ZmxvYXRpbmd9XG4gICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgaGFzUG9ydGFsPXtoYXNQb3J0YWx9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBnZXRJc1NlbGVjdGVkKGFsbG93TXVsdGlwbGUsIG9wdGlvbiwgc2VsZWN0ZWQpO1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICA8U2VsZWN0TWVudU9wdGlvblxuICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgICBvcHRpb249e29wdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgaGFzRWxsaXBzaXM9e21lbnVJdGVtc0hhdmVFbGxpcHNpc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L1NlbGVjdE1lbnU+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L0xpc3Rib3g+XG4gICk7XG59O1xuXG5TZWxlY3QuTGFiZWwgPSBGaWVsZExhYmVsO1xuU2VsZWN0LkhpbnQgPSBGaWVsZEhpbnQ7XG5cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgdmFsdWU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5hcnJheV0pLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBtZW51UGxhY2VtZW50OiB0eXBlcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICBtZW51TWF4SGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5mdW5jLFxuICB0cmlnZ2VyVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnYm94JywgJ3RleHQnXSksXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgYWxsb3dNdWx0aXBsZTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */",
|
|
99
101
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
100
102
|
});
|
|
101
103
|
|
|
@@ -133,9 +135,11 @@ var SelectInfo = function SelectInfo(_ref5) {
|
|
|
133
135
|
var SelectMenu = function SelectMenu(_ref6) {
|
|
134
136
|
var children = _ref6.children,
|
|
135
137
|
floating = _ref6.floating,
|
|
138
|
+
hasPortal = _ref6.hasPortal,
|
|
136
139
|
props = _objectWithoutProperties(_ref6, _excluded3);
|
|
137
140
|
|
|
138
|
-
|
|
141
|
+
var Root = hasPortal ? FloatingPortal : Fragment;
|
|
142
|
+
return ___EmotionJSX(Root, null, ___EmotionJSX(Listbox.Options, _extends({
|
|
139
143
|
static: true,
|
|
140
144
|
className: "grn-context",
|
|
141
145
|
ref: floating,
|
|
@@ -144,6 +148,8 @@ var SelectMenu = function SelectMenu(_ref6) {
|
|
|
144
148
|
};
|
|
145
149
|
|
|
146
150
|
var getIsSelected = function getIsSelected(isMultiple, option, selected) {
|
|
151
|
+
if (!selected) return null;
|
|
152
|
+
|
|
147
153
|
if (isMultiple) {
|
|
148
154
|
return selected.some(function (selectedOption) {
|
|
149
155
|
return selectedOption.content === option.content;
|
|
@@ -170,7 +176,9 @@ export var Select = function Select(_ref7) {
|
|
|
170
176
|
menuZIndex = _ref7.menuZIndex,
|
|
171
177
|
_ref7$menuItemsHaveEl = _ref7.menuItemsHaveEllipsis,
|
|
172
178
|
menuItemsHaveEllipsis = _ref7$menuItemsHaveEl === void 0 ? true : _ref7$menuItemsHaveEl,
|
|
173
|
-
allowMultiple = _ref7.allowMultiple
|
|
179
|
+
allowMultiple = _ref7.allowMultiple,
|
|
180
|
+
_ref7$hasPortal = _ref7.hasPortal,
|
|
181
|
+
hasPortal = _ref7$hasPortal === void 0 ? true : _ref7$hasPortal;
|
|
174
182
|
|
|
175
183
|
var _useMenuPosition = useMenuPosition({
|
|
176
184
|
menuWidth: menuWidth,
|
|
@@ -216,7 +224,8 @@ export var Select = function Select(_ref7) {
|
|
|
216
224
|
maxHeight: menuMaxHeight,
|
|
217
225
|
zIndex: menuZIndex,
|
|
218
226
|
floating: floating,
|
|
219
|
-
style: floatingStyles
|
|
227
|
+
style: floatingStyles,
|
|
228
|
+
hasPortal: hasPortal
|
|
220
229
|
}, options.map(function (option, index) {
|
|
221
230
|
var isSelected = getIsSelected(allowMultiple, option, selected);
|
|
222
231
|
return ___EmotionJSX(SelectMenuOption, {
|
|
@@ -243,5 +252,6 @@ Select.propTypes = {
|
|
|
243
252
|
label: types.label,
|
|
244
253
|
hint: types.hint,
|
|
245
254
|
menuItemsHaveEllipsis: PropTypes.bool,
|
|
246
|
-
allowMultiple: PropTypes.bool
|
|
255
|
+
allowMultiple: PropTypes.bool,
|
|
256
|
+
hasPortal: PropTypes.bool
|
|
247
257
|
};
|
package/es/components/tooltip.js
CHANGED
|
@@ -39,7 +39,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
39
39
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
40
40
|
|
|
41
41
|
import { PropTypes } from 'prop-types';
|
|
42
|
-
import React, { cloneElement, useState } from 'react';
|
|
42
|
+
import React, { cloneElement, useState, Fragment } from 'react';
|
|
43
43
|
import { types } from '../types';
|
|
44
44
|
import { useFloating, autoUpdate, offset, flip, useHover, useFocus, useDismiss, useRole, useInteractions, FloatingPortal, shift } from '@floating-ui/react-dom-interactions';
|
|
45
45
|
import { getColor, getRadius, getTransition } from '../utilities';
|
|
@@ -54,13 +54,15 @@ 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
|
-
}, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICBwYWRkaW5nOiAxMnB4IDE2cHg7XG4gIG1heC13aWR0aDogMjU2cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICR7KHsgaXNPcGVuIH0pID0+ICFpc09wZW4gJiYgYG9wYWNpdHk6IDA7YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHsgY2hpbGRyZW4sIGNvbnRlbnQsIHBsYWNlbWVudCA9ICd0b3AnLCBoYXNQb3J0YWwgPSB0cnVlIH0pID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgb25PcGVuQ2hhbmdlOiBzZXRJc09wZW4sXG4gICAgbWlkZGxld2FyZTogW29mZnNldCg0KSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0NvbnRlbnRSb290PlxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
|
|
58
58
|
|
|
59
59
|
export var Tooltip = function Tooltip(_ref2) {
|
|
60
60
|
var children = _ref2.children,
|
|
61
61
|
content = _ref2.content,
|
|
62
62
|
_ref2$placement = _ref2.placement,
|
|
63
|
-
placement = _ref2$placement === void 0 ? 'top' : _ref2$placement
|
|
63
|
+
placement = _ref2$placement === void 0 ? 'top' : _ref2$placement,
|
|
64
|
+
_ref2$hasPortal = _ref2.hasPortal,
|
|
65
|
+
hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal;
|
|
64
66
|
|
|
65
67
|
var _useState = useState(false),
|
|
66
68
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -95,7 +97,8 @@ export var Tooltip = function Tooltip(_ref2) {
|
|
|
95
97
|
getReferenceProps = _useInteractions.getReferenceProps,
|
|
96
98
|
getFloatingProps = _useInteractions.getFloatingProps;
|
|
97
99
|
|
|
98
|
-
|
|
100
|
+
var ContentRoot = hasPortal ? FloatingPortal : Fragment;
|
|
101
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ContentRoot, null, ___EmotionJSX(ContentWrapper, _extends({
|
|
99
102
|
className: "grn-context",
|
|
100
103
|
isOpen: isOpen,
|
|
101
104
|
ref: floating,
|
|
@@ -111,5 +114,6 @@ export var Tooltip = function Tooltip(_ref2) {
|
|
|
111
114
|
Tooltip.Content = ContentWrapper;
|
|
112
115
|
Tooltip.propTypes = {
|
|
113
116
|
placement: types.placement,
|
|
114
|
-
content: PropTypes.node
|
|
117
|
+
content: PropTypes.node,
|
|
118
|
+
hasPortal: PropTypes.bool
|
|
115
119
|
};
|