@flodesk/grain 10.2.1 → 10.2.2
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 +21 -1
- package/es/foundational/menu.js +5 -3
- package/package.json +1 -1
|
@@ -35,10 +35,30 @@ export var Dropdown = function Dropdown(_ref2) {
|
|
|
35
35
|
menuWidth: menuWidth,
|
|
36
36
|
menuPlacement: menuPlacement
|
|
37
37
|
}),
|
|
38
|
+
refs = _useMenuPosition.refs,
|
|
38
39
|
reference = _useMenuPosition.reference,
|
|
39
40
|
floating = _useMenuPosition.floating,
|
|
40
41
|
floatingStyles = _useMenuPosition.floatingStyles;
|
|
41
42
|
|
|
43
|
+
var handleMenuItemClick = function handleMenuItemClick(option) {
|
|
44
|
+
return function () {
|
|
45
|
+
// reflow focus back to trigger after click
|
|
46
|
+
var domReference = refs.domReference;
|
|
47
|
+
|
|
48
|
+
if (domReference.current) {
|
|
49
|
+
var _domReference$current;
|
|
50
|
+
|
|
51
|
+
(_domReference$current = domReference.current) === null || _domReference$current === void 0 ? void 0 : _domReference$current.focus({
|
|
52
|
+
preventScroll: true
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
if (option.onClick) {
|
|
57
|
+
option.onClick();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
|
|
42
62
|
var ItemsRoot = hasPortal ? FloatingPortal : Fragment;
|
|
43
63
|
return ___EmotionJSX(Menu, null, function (_ref3) {
|
|
44
64
|
var open = _ref3.open,
|
|
@@ -76,7 +96,7 @@ export var Dropdown = function Dropdown(_ref2) {
|
|
|
76
96
|
return ___EmotionJSX(MenuItem, {
|
|
77
97
|
icon: option.icon,
|
|
78
98
|
isActive: active,
|
|
79
|
-
onClick: option
|
|
99
|
+
onClick: handleMenuItemClick(option),
|
|
80
100
|
variant: option.variant,
|
|
81
101
|
hasEllipsis: true,
|
|
82
102
|
checkVariant: "none"
|
package/es/foundational/menu.js
CHANGED
|
@@ -65,7 +65,8 @@ export var useMenuPosition = function useMenuPosition(_ref) {
|
|
|
65
65
|
y = _useFloating.y,
|
|
66
66
|
reference = _useFloating.reference,
|
|
67
67
|
floating = _useFloating.floating,
|
|
68
|
-
strategy = _useFloating.strategy
|
|
68
|
+
strategy = _useFloating.strategy,
|
|
69
|
+
refs = _useFloating.refs;
|
|
69
70
|
|
|
70
71
|
var floatingStyles = {
|
|
71
72
|
position: strategy,
|
|
@@ -74,6 +75,7 @@ export var useMenuPosition = function useMenuPosition(_ref) {
|
|
|
74
75
|
zIndex: 1100
|
|
75
76
|
};
|
|
76
77
|
return {
|
|
78
|
+
refs: refs,
|
|
77
79
|
reference: reference,
|
|
78
80
|
floating: floating,
|
|
79
81
|
floatingStyles: floatingStyles
|
|
@@ -90,7 +92,7 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
90
92
|
|
|
91
93
|
return ___EmotionJSX("ul", _extends({
|
|
92
94
|
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 && "\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,
|
|
95
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCB6SW5kZXggPSAxLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgaXNPcGVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgICAgICAkeyFpc09wZW4gJiZcbiAgICAgICAgYFxuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfTtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKGlzT3BlbiA/ICd4eEZhc3QnIDogJ3hGYXN0Jyl9O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdWw+XG4gICksXG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZmFkZTEnKSxcbiAgICBpY29uQ29sb3JBY3RpdmU6IGdldENvbG9yKCdjb250ZW50JyksXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgaWNvbkNvbG9yOiBjb21wb25lbnRWYXJzLmRhbmdlckljb25Db2xvcixcbiAgICBpY29uQ29sb3JBY3RpdmU6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIGNvbHVtbnMsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6ICR7aXRlbVlQYWRkaW5nfXB4ICR7aXRlbVhQYWRkaW5nfXB4O1xuICAgICAgICBtYXJnaW46IDAgJHtjYXJkUGFkZGluZ31weDtcbiAgICAgICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgY29sb3I6ICR7Y29sb3J9O1xuICAgICAgICB2aXNpYmlsaXR5OiBpbml0aWFsO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9saT5cbiAgKSxcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNTZWxlY3RlZCxcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaGFzRWxsaXBzaXMsXG4gICAgICBjaGVja1ZhcmlhbnQgPSAnY2hlY2snLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaGFzQ2hlY2sgPSBjaGVja1ZhcmlhbnQgPT09ICdjaGVjayc7XG4gICAgY29uc3QgaGFzQ2hlY2tib3ggPSBjaGVja1ZhcmlhbnQgPT09ICdjaGVja2JveCc7XG5cbiAgICBjb25zdCBnZXRDb2x1bW5zID0gKCkgPT4ge1xuICAgICAgaWYgKEJvb2xlYW4oaWNvbikgfHwgaGFzQ2hlY2tib3gpIHJldHVybiAnYXV0byAxZnInO1xuICAgICAgaWYgKGhhc0NoZWNrKSByZXR1cm4gJzFmciBhdXRvJztcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGdldENvbHVtbnMoKSxcbiAgICAgICAgfX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzQ2hlY2tib3ggJiYgPENoZWNrYm94LkJveCBjaGVja2VkPXtpc1NlbGVjdGVkfSBkaXNhYmxlZD17aXNEaXNhYmxlZH0gLz59XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICAgIGhhc0V2ZW5Cb3VuZGFyeVxuICAgICAgICAgICAgY29sb3I9e1xuICAgICAgICAgICAgICBpc0FjdGl2ZSA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlIDogdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPXtoYXNFbGxpcHNpc30+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNDaGVjayAmJiAoXG4gICAgICAgICAgPEJveCBvcGFjaXR5PXtpc1NlbGVjdGVkID8gJzEnIDogJzAnfT5cbiAgICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvTWVudUl0ZW1Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5NZW51SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzU2VsZWN0ZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdkYW5nZXInXSksXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hlY2tWYXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjaGVjaycsICdjaGVja2JveCcsICdub25lJ10pLFxufTtcbiJdfQ== */")
|
|
94
96
|
}, props), children);
|
|
95
97
|
});
|
|
96
98
|
var variantStyles = {
|
|
@@ -116,7 +118,7 @@ var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
116
118
|
|
|
117
119
|
return ___EmotionJSX("li", _extends({
|
|
118
120
|
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, ";visibility:initial;" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
121
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0hjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCB6SW5kZXggPSAxLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgaXNPcGVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgICAgICAkeyFpc09wZW4gJiZcbiAgICAgICAgYFxuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfTtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKGlzT3BlbiA/ICd4eEZhc3QnIDogJ3hGYXN0Jyl9O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdWw+XG4gICksXG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZmFkZTEnKSxcbiAgICBpY29uQ29sb3JBY3RpdmU6IGdldENvbG9yKCdjb250ZW50JyksXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgaWNvbkNvbG9yOiBjb21wb25lbnRWYXJzLmRhbmdlckljb25Db2xvcixcbiAgICBpY29uQ29sb3JBY3RpdmU6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIGNvbHVtbnMsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6ICR7aXRlbVlQYWRkaW5nfXB4ICR7aXRlbVhQYWRkaW5nfXB4O1xuICAgICAgICBtYXJnaW46IDAgJHtjYXJkUGFkZGluZ31weDtcbiAgICAgICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgY29sb3I6ICR7Y29sb3J9O1xuICAgICAgICB2aXNpYmlsaXR5OiBpbml0aWFsO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9saT5cbiAgKSxcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNTZWxlY3RlZCxcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaGFzRWxsaXBzaXMsXG4gICAgICBjaGVja1ZhcmlhbnQgPSAnY2hlY2snLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaGFzQ2hlY2sgPSBjaGVja1ZhcmlhbnQgPT09ICdjaGVjayc7XG4gICAgY29uc3QgaGFzQ2hlY2tib3ggPSBjaGVja1ZhcmlhbnQgPT09ICdjaGVja2JveCc7XG5cbiAgICBjb25zdCBnZXRDb2x1bW5zID0gKCkgPT4ge1xuICAgICAgaWYgKEJvb2xlYW4oaWNvbikgfHwgaGFzQ2hlY2tib3gpIHJldHVybiAnYXV0byAxZnInO1xuICAgICAgaWYgKGhhc0NoZWNrKSByZXR1cm4gJzFmciBhdXRvJztcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGdldENvbHVtbnMoKSxcbiAgICAgICAgfX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzQ2hlY2tib3ggJiYgPENoZWNrYm94LkJveCBjaGVja2VkPXtpc1NlbGVjdGVkfSBkaXNhYmxlZD17aXNEaXNhYmxlZH0gLz59XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICAgIGhhc0V2ZW5Cb3VuZGFyeVxuICAgICAgICAgICAgY29sb3I9e1xuICAgICAgICAgICAgICBpc0FjdGl2ZSA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlIDogdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPXtoYXNFbGxpcHNpc30+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNDaGVjayAmJiAoXG4gICAgICAgICAgPEJveCBvcGFjaXR5PXtpc1NlbGVjdGVkID8gJzEnIDogJzAnfT5cbiAgICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvTWVudUl0ZW1Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5NZW51SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzU2VsZWN0ZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdkYW5nZXInXSksXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hlY2tWYXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjaGVjaycsICdjaGVja2JveCcsICdub25lJ10pLFxufTtcbiJdfQ== */")
|
|
120
122
|
}, props), children);
|
|
121
123
|
});
|
|
122
124
|
export var MenuGroupTitle = function MenuGroupTitle(_ref5) {
|