@flodesk/grain 10.1.4 → 10.2.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/dropdown.js +35 -18
- package/es/foundational/menu.js +2 -2
- package/package.json +1 -1
|
@@ -1,22 +1,35 @@
|
|
|
1
1
|
import "core-js/modules/es.array.map.js";
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
import React, { Fragment } from 'react';
|
|
3
|
+
import React, { Fragment, useEffect } from 'react';
|
|
4
4
|
import { Menu } from '@headlessui/react';
|
|
5
5
|
import { types } from '../types';
|
|
6
6
|
import { MenuCard, MenuItem } from '../foundational';
|
|
7
7
|
import { MenuItemDivider, useMenuPosition } from '../foundational/menu';
|
|
8
8
|
import { FloatingPortal } from '@floating-ui/react-dom-interactions';
|
|
9
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
|
|
11
|
+
var Root = function Root(_ref) {
|
|
12
|
+
var open = _ref.open,
|
|
13
|
+
onOpenChange = _ref.onOpenChange,
|
|
14
|
+
children = _ref.children;
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
onOpenChange(open);
|
|
17
|
+
}, [open, onOpenChange]);
|
|
18
|
+
return children;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export var Dropdown = function Dropdown(_ref2) {
|
|
22
|
+
var options = _ref2.options,
|
|
23
|
+
_ref2$menuPlacement = _ref2.menuPlacement,
|
|
24
|
+
menuPlacement = _ref2$menuPlacement === void 0 ? 'bottomStart' : _ref2$menuPlacement,
|
|
25
|
+
_ref2$menuWidth = _ref2.menuWidth,
|
|
26
|
+
menuWidth = _ref2$menuWidth === void 0 ? '192px' : _ref2$menuWidth,
|
|
27
|
+
menuZIndex = _ref2.menuZIndex,
|
|
28
|
+
trigger = _ref2.trigger,
|
|
29
|
+
_ref2$hasPortal = _ref2.hasPortal,
|
|
30
|
+
hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal,
|
|
31
|
+
_ref2$onOpenChange = _ref2.onOpenChange,
|
|
32
|
+
onOpenChange = _ref2$onOpenChange === void 0 ? function () {} : _ref2$onOpenChange;
|
|
20
33
|
|
|
21
34
|
var _useMenuPosition = useMenuPosition({
|
|
22
35
|
menuWidth: menuWidth,
|
|
@@ -27,10 +40,13 @@ export var Dropdown = function Dropdown(_ref) {
|
|
|
27
40
|
floatingStyles = _useMenuPosition.floatingStyles;
|
|
28
41
|
|
|
29
42
|
var ItemsRoot = hasPortal ? FloatingPortal : Fragment;
|
|
30
|
-
return ___EmotionJSX(Menu, null, function (
|
|
31
|
-
var open =
|
|
32
|
-
close =
|
|
33
|
-
return ___EmotionJSX(
|
|
43
|
+
return ___EmotionJSX(Menu, null, function (_ref3) {
|
|
44
|
+
var open = _ref3.open,
|
|
45
|
+
close = _ref3.close;
|
|
46
|
+
return ___EmotionJSX(Root, {
|
|
47
|
+
open: open,
|
|
48
|
+
onOpenChange: onOpenChange
|
|
49
|
+
}, ___EmotionJSX(Menu.Button, {
|
|
34
50
|
as: Fragment,
|
|
35
51
|
ref: reference
|
|
36
52
|
}, trigger), ___EmotionJSX(ItemsRoot, null, ___EmotionJSX(Menu.Items, {
|
|
@@ -55,8 +71,8 @@ export var Dropdown = function Dropdown(_ref) {
|
|
|
55
71
|
}));
|
|
56
72
|
return ___EmotionJSX(Menu.Item, {
|
|
57
73
|
key: index
|
|
58
|
-
}, function (
|
|
59
|
-
var active =
|
|
74
|
+
}, function (_ref4) {
|
|
75
|
+
var active = _ref4.active;
|
|
60
76
|
return ___EmotionJSX(MenuItem, {
|
|
61
77
|
icon: option.icon,
|
|
62
78
|
isActive: active,
|
|
@@ -75,5 +91,6 @@ Dropdown.propTypes = {
|
|
|
75
91
|
menuPlacement: types.menuPlacement,
|
|
76
92
|
menuWidth: types.dimension,
|
|
77
93
|
menuZIndex: types.zIndex,
|
|
78
|
-
hasPortal: PropTypes.bool
|
|
94
|
+
hasPortal: PropTypes.bool,
|
|
95
|
+
onOpenChange: PropTypes.func
|
|
79
96
|
};
|
package/es/foundational/menu.js
CHANGED
|
@@ -90,7 +90,7 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
90
90
|
|
|
91
91
|
return ___EmotionJSX("ul", _extends({
|
|
92
92
|
ref: ref,
|
|
93
|
-
css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('floatingBackground'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";overflow:auto;max-height:", maxHeight, ";", !isOpen && "opacity: 0
|
|
93
|
+
css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('floatingBackground'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";overflow:auto;max-height:", maxHeight, ";", !isOpen && "\n opacity: 0;\n pointer-events: none;\n visibility: hidden;\n ", ";transition-property:opacity;transition-duration:", getTransition(isOpen ? 'xxFast' : 'xFast'), ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZlcmVuY2UsXG4gICAgZmxvYXRpbmcsXG4gICAgZmxvYXRpbmdTdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgcGxhY2VtZW50LCBtYXhIZWlnaHQsIGlzT3BlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICAgICAgJHshaXNPcGVuICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgYH07XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbihpc09wZW4gPyAneHhGYXN0JyA6ICd4RmFzdCcpfTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGljb25Db2xvcjogY29tcG9uZW50VmFycy5kYW5nZXJJY29uQ29sb3IsXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGhhc0ljb24sIGlzU2VsZWN0ZWQsIGNvbG9yLCBjb2x1bW5zLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8bGlcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgICAke2lzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX1gfTtcbiAgICAgICAgJHshaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAke2l0ZW1ZUGFkZGluZ31weCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgdmlzaWJpbGl0eTogaW5pdGlhbDtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgY2hlY2tWYXJpYW50ID0gJ2NoZWNrJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NoZWNrID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2snO1xuICAgIGNvbnN0IGhhc0NoZWNrYm94ID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2tib3gnO1xuXG4gICAgY29uc3QgZ2V0Q29sdW1ucyA9ICgpID0+IHtcbiAgICAgIGlmIChCb29sZWFuKGljb24pIHx8IGhhc0NoZWNrYm94KSByZXR1cm4gJ2F1dG8gMWZyJztcbiAgICAgIGlmIChoYXNDaGVjaykgcmV0dXJuICcxZnIgYXV0byc7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBnZXRDb2x1bW5zKCksXG4gICAgICAgIH19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0NoZWNrYm94ICYmIDxDaGVja2JveC5Cb3ggY2hlY2tlZD17aXNTZWxlY3RlZH0gZGlzYWJsZWQ9e2lzRGlzYWJsZWR9IC8+fVxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGljb249e2ljb259XG4gICAgICAgICAgICBoYXNFdmVuQm91bmRhcnlcbiAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgaXNBY3RpdmUgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvckFjdGl2ZSA6IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz17aGFzRWxsaXBzaXN9PntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7aGFzQ2hlY2sgJiYgKFxuICAgICAgICAgIDxCb3ggb3BhY2l0eT17aXNTZWxlY3RlZCA/ICcxJyA6ICcwJ30+XG4gICAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSBjb2xvcj17aXNBY3RpdmUgPyAnY29udGVudCcgOiAnaWNvbid9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuTWVudUl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnZGFuZ2VyJ10pLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGNoZWNrVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2hlY2snLCAnY2hlY2tib3gnLCAnbm9uZSddKSxcbn07XG4iXX0= */")
|
|
94
94
|
}, props), children);
|
|
95
95
|
});
|
|
96
96
|
var variantStyles = {
|
|
@@ -116,7 +116,7 @@ var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
116
116
|
|
|
117
117
|
return ___EmotionJSX("li", _extends({
|
|
118
118
|
ref: ref,
|
|
119
|
-
css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;gap:8px;", isDisabled && "color: ".concat(getColor('disabledContent')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:", itemYPadding, "px ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
119
|
+
css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;gap:8px;", isDisabled && "color: ".concat(getColor('disabledContent')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:", itemYPadding, "px ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";visibility:initial;" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0djIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZlcmVuY2UsXG4gICAgZmxvYXRpbmcsXG4gICAgZmxvYXRpbmdTdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgcGxhY2VtZW50LCBtYXhIZWlnaHQsIGlzT3BlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICAgICAgJHshaXNPcGVuICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgYH07XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbihpc09wZW4gPyAneHhGYXN0JyA6ICd4RmFzdCcpfTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGljb25Db2xvcjogY29tcG9uZW50VmFycy5kYW5nZXJJY29uQ29sb3IsXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGhhc0ljb24sIGlzU2VsZWN0ZWQsIGNvbG9yLCBjb2x1bW5zLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8bGlcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgICAke2lzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX1gfTtcbiAgICAgICAgJHshaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAke2l0ZW1ZUGFkZGluZ31weCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgdmlzaWJpbGl0eTogaW5pdGlhbDtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgY2hlY2tWYXJpYW50ID0gJ2NoZWNrJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NoZWNrID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2snO1xuICAgIGNvbnN0IGhhc0NoZWNrYm94ID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2tib3gnO1xuXG4gICAgY29uc3QgZ2V0Q29sdW1ucyA9ICgpID0+IHtcbiAgICAgIGlmIChCb29sZWFuKGljb24pIHx8IGhhc0NoZWNrYm94KSByZXR1cm4gJ2F1dG8gMWZyJztcbiAgICAgIGlmIChoYXNDaGVjaykgcmV0dXJuICcxZnIgYXV0byc7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBnZXRDb2x1bW5zKCksXG4gICAgICAgIH19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0NoZWNrYm94ICYmIDxDaGVja2JveC5Cb3ggY2hlY2tlZD17aXNTZWxlY3RlZH0gZGlzYWJsZWQ9e2lzRGlzYWJsZWR9IC8+fVxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGljb249e2ljb259XG4gICAgICAgICAgICBoYXNFdmVuQm91bmRhcnlcbiAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgaXNBY3RpdmUgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvckFjdGl2ZSA6IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz17aGFzRWxsaXBzaXN9PntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7aGFzQ2hlY2sgJiYgKFxuICAgICAgICAgIDxCb3ggb3BhY2l0eT17aXNTZWxlY3RlZCA/ICcxJyA6ICcwJ30+XG4gICAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSBjb2xvcj17aXNBY3RpdmUgPyAnY29udGVudCcgOiAnaWNvbid9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuTWVudUl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnZGFuZ2VyJ10pLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGNoZWNrVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2hlY2snLCAnY2hlY2tib3gnLCAnbm9uZSddKSxcbn07XG4iXX0= */")
|
|
120
120
|
}, props), children);
|
|
121
121
|
});
|
|
122
122
|
export var MenuGroupTitle = function MenuGroupTitle(_ref5) {
|