@flodesk/grain 10.2.2 → 10.3.0
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/autocomplete.js +42 -15
- package/es/foundational/menu.js +2 -2
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
|
|
|
9
9
|
import "core-js/modules/es.array.slice.js";
|
|
10
10
|
import "core-js/modules/es.array.from.js";
|
|
11
11
|
import "core-js/modules/es.regexp.exec.js";
|
|
12
|
-
var _excluded = ["options", "value", "onChange", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal"];
|
|
12
|
+
var _excluded = ["options", "value", "onChange", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage"];
|
|
13
13
|
|
|
14
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
15
|
|
|
@@ -39,12 +39,14 @@ import "core-js/modules/es.array.map.js";
|
|
|
39
39
|
import PropTypes from 'prop-types';
|
|
40
40
|
import React, { forwardRef, Fragment, useMemo, useState } from 'react';
|
|
41
41
|
import { Icon, Box, Text } from '.';
|
|
42
|
-
import { IconChevronDown } from '../icons';
|
|
42
|
+
import { IconCheck, IconChevronDown } from '../icons';
|
|
43
43
|
import { Combobox } from '@headlessui/react';
|
|
44
44
|
import { defaultProps, types } from '../types';
|
|
45
|
-
import { InputField, MenuCard,
|
|
45
|
+
import { InputField, MenuCard, MenuGroupTitle, FieldLabel, FieldHint, componentVars } from '../foundational';
|
|
46
46
|
import { useMenuPosition } from '../foundational/menu';
|
|
47
47
|
import { FloatingPortal } from '@floating-ui/react-dom-interactions';
|
|
48
|
+
import { css, Global } from '@emotion/react';
|
|
49
|
+
import { getColor, getRadius } from '../utilities';
|
|
48
50
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
49
51
|
var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
50
52
|
var props = Object.assign({}, _ref);
|
|
@@ -90,6 +92,7 @@ var getShowGroupTitle = function getShowGroupTitle(index, option, filteredOption
|
|
|
90
92
|
return firstOptionHasTitle || titleChanged;
|
|
91
93
|
};
|
|
92
94
|
|
|
95
|
+
var menuItemStyles = /*#__PURE__*/css(".autocompleteMenuItem{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;list-style:none;padding:10px 12px;margin:0 8px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;}.autocompleteMenuItemText.hasEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBJY29uLCBCb3gsIFRleHQgfSBmcm9tICcuJztcbmltcG9ydCB7IEljb25DaGVjaywgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgQ29tYm9ib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBkZWZhdWx0UHJvcHMsIHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgSW5wdXRGaWVsZCxcbiAgTWVudUNhcmQsXG4gIE1lbnVHcm91cFRpdGxlLFxuICBGaWVsZExhYmVsLFxuICBGaWVsZEhpbnQsXG4gIGNvbXBvbmVudFZhcnMsXG59IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB1c2VNZW51UG9zaXRpb24gfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwvbWVudSc7XG5pbXBvcnQgeyBGbG9hdGluZ1BvcnRhbCB9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmdZPVwic1wiIHBhZGRpbmdYPVwibVwiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IEV4cGFuZEljb24gPSAoKSA9PiAoXG4gIDxCb3hcbiAgICByaWdodD1cImZpZWxkUGFkZGluZ1hcIlxuICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgIHRvcD1cIjBweFwiXG4gICAgYm90dG9tPVwiMHB4XCJcbiAgICBtYXJnaW49XCJhdXRvXCJcbiAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gID5cbiAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IGdldEZpbHRlcmVkT3B0aW9ucyA9IChxdWVyeSwgb3B0aW9ucykgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSkpO1xufTtcblxuY29uc3QgZ2V0U2hvd0dyb3VwVGl0bGUgPSAoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKSA9PiB7XG4gIGNvbnN0IGZpcnN0T3B0aW9uSGFzVGl0bGUgPSBpbmRleCA9PT0gMCAmJiBvcHRpb24uZ3JvdXBUaXRsZTtcbiAgY29uc3QgdGl0bGVDaGFuZ2VkID0gaW5kZXggPiAwICYmIG9wdGlvbi5ncm91cFRpdGxlICE9PSBmaWx0ZXJlZE9wdGlvbnNbaW5kZXggLSAxXS5ncm91cFRpdGxlO1xuXG4gIHJldHVybiBmaXJzdE9wdGlvbkhhc1RpdGxlIHx8IHRpdGxlQ2hhbmdlZDtcbn07XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMTBweCAxMnB4O1xuICAgIG1hcmdpbjogMCA4cHg7XG4gICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0Lmhhc0VsbGlwc2lzIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIG1lbnVaSW5kZXgsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgaGFzRXJyb3IsXG4gIGVycm9yTWVzc2FnZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSBnZXRGaWx0ZXJlZE9wdGlvbnMocXVlcnksIG9wdGlvbnMpO1xuXG4gIGNvbnN0IG5vUmVzdWx0cyA9ICFCb29sZWFuKGZpbHRlcmVkT3B0aW9ucy5sZW5ndGgpO1xuXG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICBjb25zdCB7IHJlZmVyZW5jZSwgZmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzIH0gPSB1c2VNZW51UG9zaXRpb24oeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSk7XG5cbiAgY29uc3QgT3B0aW9uc1Jvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXttZW51SXRlbVN0eWxlc30gLz5cbiAgICAgIDxDb21ib2JveCBhcz1cImRpdlwiIHZhbHVlPXtzZWxlY3RlZE9wdGlvbiB8fCAnJ30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gey4uLnByb3BzfT5cbiAgICAgICAgeyh7IG9wZW4gfSkgPT4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cblxuICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0gcmVmPXtyZWZlcmVuY2V9PlxuICAgICAgICAgICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guSW5wdXRcbiAgICAgICAgICAgICAgICAgIGFzPXtJbnB1dEZpZWxkfVxuICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgZGlzcGxheVZhbHVlPXtvcHRpb24gPT4gb3B0aW9uICYmIG9wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PVwiMzJweFwiXG4gICAgICAgICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICA8L0NvbWJvYm94LkJ1dHRvbj5cblxuICAgICAgICAgICAgICA8T3B0aW9uc1Jvb3Q+XG4gICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvbnNcbiAgICAgICAgICAgICAgICAgIHN0YXRpY1xuICAgICAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgICAgIGFzPXtNZW51Q2FyZH1cbiAgICAgICAgICAgICAgICAgIHpJbmRleD17bWVudVpJbmRleH1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7ZmlsdGVyZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93R3JvdXBUaXRsZSA9IGdldFNob3dHcm91cFRpdGxlKGluZGV4LCBvcHRpb24sIGZpbHRlcmVkT3B0aW9ucyk7XG5cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0dyb3VwVGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICA8TWVudUdyb3VwVGl0bGUgaGFzRGl2aWRlcj17aW5kZXggPiAwfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmdyb3VwVGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvTWVudUdyb3VwVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBvcHRpb24udmFsdWUgPT09IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gIW9wdGlvbi5pc0Rpc2FibGVkICYmIGFjdGl2ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImF1dG9jb21wbGV0ZU1lbnVJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGlzQWN0aXZlICYmIGdldENvbG9yKCdmYWRlMScpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc0Rpc2FibGVkICYmIGdldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6ICFpc0Rpc2FibGVkICYmICdwb2ludGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCcgKyBoYXNFbGxpcHNpcyA/ICcgaGFzRWxsaXBzaXMnIDogJydcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBvcGFjaXR5OiBpc1NlbGVjdGVkID8gMSA6IDAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkNoZWNrIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICA8L09wdGlvbnNSb290PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiIGNvbG9yPVwiZGFuZ2VyXCI+XG4gICAgICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9Db21ib2JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbkF1dG9jb21wbGV0ZS5MYWJlbCA9IEZpZWxkTGFiZWw7XG5BdXRvY29tcGxldGUuSGludCA9IEZpZWxkSGludDtcblxuQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51TWF4SGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */");
|
|
93
96
|
export var Autocomplete = function Autocomplete(_ref2) {
|
|
94
97
|
var options = _ref2.options,
|
|
95
98
|
value = _ref2.value,
|
|
@@ -107,6 +110,8 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
107
110
|
menuItemsHaveEllipsis = _ref2$menuItemsHaveEl === void 0 ? true : _ref2$menuItemsHaveEl,
|
|
108
111
|
_ref2$hasPortal = _ref2.hasPortal,
|
|
109
112
|
hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal,
|
|
113
|
+
hasError = _ref2.hasError,
|
|
114
|
+
errorMessage = _ref2.errorMessage,
|
|
110
115
|
props = _objectWithoutProperties(_ref2, _excluded);
|
|
111
116
|
|
|
112
117
|
var _useState = useState(''),
|
|
@@ -137,7 +142,9 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
137
142
|
floatingStyles = _useMenuPosition.floatingStyles;
|
|
138
143
|
|
|
139
144
|
var OptionsRoot = hasPortal ? FloatingPortal : Fragment;
|
|
140
|
-
return ___EmotionJSX(
|
|
145
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
|
|
146
|
+
styles: menuItemStyles
|
|
147
|
+
}), ___EmotionJSX(Combobox, _extends({
|
|
141
148
|
as: "div",
|
|
142
149
|
value: selectedOption || '',
|
|
143
150
|
onChange: handleChange
|
|
@@ -161,7 +168,8 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
161
168
|
displayValue: function displayValue(option) {
|
|
162
169
|
return option && option.content;
|
|
163
170
|
},
|
|
164
|
-
paddingRight: "32px"
|
|
171
|
+
paddingRight: "32px",
|
|
172
|
+
hasError: hasError
|
|
165
173
|
}), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(OptionsRoot, null, ___EmotionJSX(Combobox.Options, {
|
|
166
174
|
static: true,
|
|
167
175
|
isOpen: open,
|
|
@@ -184,21 +192,38 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
184
192
|
disabled: option.isDisabled
|
|
185
193
|
}, function (_ref4) {
|
|
186
194
|
var active = _ref4.active;
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
195
|
+
var isDisabled = option.isDisabled;
|
|
196
|
+
var isSelected = option.value === value;
|
|
197
|
+
var isActive = !option.isDisabled && active;
|
|
198
|
+
var hasEllipsis = menuItemsHaveEllipsis;
|
|
199
|
+
return ___EmotionJSX("li", {
|
|
200
|
+
className: "autocompleteMenuItem",
|
|
201
|
+
style: {
|
|
202
|
+
backgroundColor: isActive && getColor('fade1'),
|
|
203
|
+
color: isDisabled && getColor('disabledContent'),
|
|
204
|
+
cursor: !isDisabled && 'pointer'
|
|
205
|
+
}
|
|
206
|
+
}, ___EmotionJSX("span", {
|
|
207
|
+
className: 'autocompleteMenuItemText' + hasEllipsis ? ' hasEllipsis' : ''
|
|
208
|
+
}, option.content), ___EmotionJSX(Icon, {
|
|
209
|
+
style: {
|
|
210
|
+
opacity: isSelected ? 1 : 0
|
|
211
|
+
},
|
|
212
|
+
icon: ___EmotionJSX(IconCheck, null),
|
|
213
|
+
color: isActive ? 'content' : 'icon'
|
|
214
|
+
}));
|
|
193
215
|
}));
|
|
194
|
-
}), noResults && ___EmotionJSX(EmptyState, null))))
|
|
195
|
-
|
|
216
|
+
}), noResults && ___EmotionJSX(EmptyState, null)))), errorMessage && ___EmotionJSX(Box, {
|
|
217
|
+
marginTop: "betweenFormControlAndLabel",
|
|
218
|
+
color: "danger"
|
|
219
|
+
}, errorMessage));
|
|
220
|
+
}));
|
|
196
221
|
};
|
|
197
222
|
Autocomplete.Label = FieldLabel;
|
|
198
223
|
Autocomplete.Hint = FieldHint;
|
|
199
224
|
Autocomplete.propTypes = {
|
|
200
225
|
options: PropTypes.array,
|
|
201
|
-
value: PropTypes.string
|
|
226
|
+
value: PropTypes.string,
|
|
202
227
|
onChange: PropTypes.func.isRequired,
|
|
203
228
|
menuPlacement: types.menuPlacement,
|
|
204
229
|
menuWidth: types.dimension,
|
|
@@ -207,5 +232,7 @@ Autocomplete.propTypes = {
|
|
|
207
232
|
label: types.label,
|
|
208
233
|
hint: types.hint,
|
|
209
234
|
menuItemsHaveEllipsis: PropTypes.bool,
|
|
210
|
-
hasPortal: PropTypes.bool
|
|
235
|
+
hasPortal: PropTypes.bool,
|
|
236
|
+
hasError: PropTypes.bool,
|
|
237
|
+
errorMessage: PropTypes.string
|
|
211
238
|
};
|
package/es/foundational/menu.js
CHANGED
|
@@ -92,7 +92,7 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
92
92
|
|
|
93
93
|
return ___EmotionJSX("ul", _extends({
|
|
94
94
|
ref: ref,
|
|
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
|
|
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 ", ";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+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgICAgICAkeyFpc09wZW4gJiZcbiAgICAgICAgYFxuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIGB9O1xuICAgICAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5O1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oaXNPcGVuID8gJ3h4RmFzdCcgOiAneEZhc3QnKX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdmYWRlMScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBpY29uQ29sb3I6IGNvbXBvbmVudFZhcnMuZGFuZ2VySWNvbkNvbG9yLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgY29sdW1ucywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogJHtpdGVtWVBhZGRpbmd9cHggJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuZGl2aWRlclN0cm9rZVNpemV9IG1hcmdpblk9ezF9IGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc1NlbGVjdGVkLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGNoZWNrVmFyaWFudCA9ICdjaGVjaycsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDaGVjayA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrJztcbiAgICBjb25zdCBoYXNDaGVja2JveCA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrYm94JztcblxuICAgIGNvbnN0IGdldENvbHVtbnMgPSAoKSA9PiB7XG4gICAgICBpZiAoQm9vbGVhbihpY29uKSB8fCBoYXNDaGVja2JveCkgcmV0dXJuICdhdXRvIDFmcic7XG4gICAgICBpZiAoaGFzQ2hlY2spIHJldHVybiAnMWZyIGF1dG8nO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE1lbnVJdGVtUm9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogZ2V0Q29sdW1ucygpLFxuICAgICAgICB9fVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNDaGVja2JveCAmJiA8Q2hlY2tib3guQm94IGNoZWNrZWQ9e2lzU2VsZWN0ZWR9IGRpc2FibGVkPXtpc0Rpc2FibGVkfSAvPn1cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgaGFzRXZlbkJvdW5kYXJ5XG4gICAgICAgICAgICBjb2xvcj17XG4gICAgICAgICAgICAgIGlzQWN0aXZlID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUgOiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0NoZWNrICYmIChcbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gY29sb3I9e2lzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2ljb24nfSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cbk1lbnVJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2RhbmdlciddKSxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja1ZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NoZWNrJywgJ2NoZWNrYm94JywgJ25vbmUnXSksXG59O1xuIl19 */")
|
|
96
96
|
}, props), children);
|
|
97
97
|
});
|
|
98
98
|
var variantStyles = {
|
|
@@ -118,7 +118,7 @@ var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
118
118
|
|
|
119
119
|
return ___EmotionJSX("li", _extends({
|
|
120
120
|
ref: ref,
|
|
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, ";
|
|
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, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0djIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCB6SW5kZXggPSAxLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgaXNPcGVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgICAgICAkeyFpc09wZW4gJiZcbiAgICAgICAgYFxuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIGB9O1xuICAgICAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5O1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oaXNPcGVuID8gJ3h4RmFzdCcgOiAneEZhc3QnKX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdmYWRlMScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBpY29uQ29sb3I6IGNvbXBvbmVudFZhcnMuZGFuZ2VySWNvbkNvbG9yLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgY29sdW1ucywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogJHtpdGVtWVBhZGRpbmd9cHggJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuZGl2aWRlclN0cm9rZVNpemV9IG1hcmdpblk9ezF9IGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc1NlbGVjdGVkLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGNoZWNrVmFyaWFudCA9ICdjaGVjaycsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDaGVjayA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrJztcbiAgICBjb25zdCBoYXNDaGVja2JveCA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrYm94JztcblxuICAgIGNvbnN0IGdldENvbHVtbnMgPSAoKSA9PiB7XG4gICAgICBpZiAoQm9vbGVhbihpY29uKSB8fCBoYXNDaGVja2JveCkgcmV0dXJuICdhdXRvIDFmcic7XG4gICAgICBpZiAoaGFzQ2hlY2spIHJldHVybiAnMWZyIGF1dG8nO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE1lbnVJdGVtUm9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogZ2V0Q29sdW1ucygpLFxuICAgICAgICB9fVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNDaGVja2JveCAmJiA8Q2hlY2tib3guQm94IGNoZWNrZWQ9e2lzU2VsZWN0ZWR9IGRpc2FibGVkPXtpc0Rpc2FibGVkfSAvPn1cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgaGFzRXZlbkJvdW5kYXJ5XG4gICAgICAgICAgICBjb2xvcj17XG4gICAgICAgICAgICAgIGlzQWN0aXZlID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUgOiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0NoZWNrICYmIChcbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gY29sb3I9e2lzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2ljb24nfSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cbk1lbnVJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2RhbmdlciddKSxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja1ZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NoZWNrJywgJ2NoZWNrYm94JywgJ25vbmUnXSksXG59O1xuIl19 */")
|
|
122
122
|
}, props), children);
|
|
123
123
|
});
|
|
124
124
|
export var MenuGroupTitle = function MenuGroupTitle(_ref5) {
|