@flodesk/grain 10.4.0 → 10.5.0

package/es/components/autocomplete.js

@@ -37,7 +37,7 @@ import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.find.js";
 import "core-js/modules/es.array.map.js";
 import PropTypes from 'prop-types';
-import React, { forwardRef, Fragment, useMemo, useState } from 'react';
+import React, { forwardRef, Fragment, useMemo, useRef, useState } from 'react';
 import { Icon, Box, Text } from '.';
 import { IconCheck, IconChevronDown } from '../icons';
 import { Combobox } from '@headlessui/react';
@@ -92,7 +92,7 @@ var getShowGroupTitle = function getShowGroupTitle(index, option, filteredOption
   return firstOptionHasTitle || titleChanged;
 };
 
-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+fSAvPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IGdldEZpbHRlcmVkT3B0aW9ucyA9IChxdWVyeSwgb3B0aW9ucywgc2VhcmNoRmllbGQpID0+IHtcbiAgaWYgKHF1ZXJ5ID09PSAnJykgcmV0dXJuIG9wdGlvbnM7XG5cbiAgcmV0dXJuIG9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiBvcHRpb25bc2VhcmNoRmllbGRdLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSkpO1xufTtcblxuY29uc3QgZ2V0U2hvd0dyb3VwVGl0bGUgPSAoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKSA9PiB7XG4gIGNvbnN0IGZpcnN0T3B0aW9uSGFzVGl0bGUgPSBpbmRleCA9PT0gMCAmJiBvcHRpb24uZ3JvdXBUaXRsZTtcbiAgY29uc3QgdGl0bGVDaGFuZ2VkID0gaW5kZXggPiAwICYmIG9wdGlvbi5ncm91cFRpdGxlICE9PSBmaWx0ZXJlZE9wdGlvbnNbaW5kZXggLSAxXS5ncm91cFRpdGxlO1xuXG4gIHJldHVybiBmaXJzdE9wdGlvbkhhc1RpdGxlIHx8IHRpdGxlQ2hhbmdlZDtcbn07XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMTBweCAxMnB4O1xuICAgIG1hcmdpbjogMCA4cHg7XG4gICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0Lmhhc0VsbGlwc2lzIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIG1lbnVaSW5kZXgsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgaGFzRXJyb3IsXG4gIGVycm9yTWVzc2FnZSxcbiAgc2VhcmNoRmllbGQgPSAnY29udGVudCcsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtxdWVyeSwgc2V0UXVlcnldID0gdXNlU3RhdGUoJycpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgb25DaGFuZ2Uob3B0aW9uKTtcbiAgICBzZXRRdWVyeSgnJyk7XG4gIH07XG5cbiAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gZ2V0RmlsdGVyZWRPcHRpb25zKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCk7XG5cbiAgY29uc3Qgbm9SZXN1bHRzID0gIUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCk7XG5cbiAgY29uc3QgZmllbGRNYXJnaW5Ub3AgPSBsYWJlbCB8fCBoaW50ID8gJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IHVzZU1lbW8oXG4gICAgKCkgPT4gb3B0aW9ucy5maW5kKG9wdGlvbiA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKSxcbiAgICBbb3B0aW9ucywgdmFsdWVdLFxuICApO1xuXG4gIGNvbnN0IHsgcmVmZXJlbmNlLCBmbG9hdGluZywgZmxvYXRpbmdTdHlsZXMgfSA9IHVzZU1lbnVQb3NpdGlvbih7IG1lbnVXaWR0aCwgbWVudVBsYWNlbWVudCB9KTtcblxuICBjb25zdCBPcHRpb25zUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVJdGVtU3R5bGVzfSAvPlxuICAgICAgPENvbWJvYm94IGFzPVwiZGl2XCIgdmFsdWU9e3NlbGVjdGVkT3B0aW9uIHx8ICcnfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB7Li4ucHJvcHN9PlxuICAgICAgICB7KHsgb3BlbiB9KSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtsYWJlbCAmJiA8Q29tYm9ib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0NvbWJvYm94LkxhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuXG4gICAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIiBtYXJnaW5Ub3A9e2ZpZWxkTWFyZ2luVG9wfSByZWY9e3JlZmVyZW5jZX0+XG4gICAgICAgICAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICAgICAgICAgIDxDb21ib2JveC5JbnB1dFxuICAgICAgICAgICAgICAgICAgYXM9e0lucHV0RmllbGR9XG4gICAgICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICAgICAgICBkaXNwbGF5VmFsdWU9e29wdGlvbiA9PiBvcHRpb24gJiYgb3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ9XCIzMnB4XCJcbiAgICAgICAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxFeHBhbmRJY29uIC8+XG4gICAgICAgICAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICAgICAgICAgIDxPcHRpb25zUm9vdD5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uc1xuICAgICAgICAgICAgICAgICAgc3RhdGljXG4gICAgICAgICAgICAgICAgICBpc09wZW49e29wZW59XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PXttZW51UGxhY2VtZW50fVxuICAgICAgICAgICAgICAgICAgbWF4SGVpZ2h0PXttZW51TWF4SGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgICAgICAgekluZGV4PXttZW51WkluZGV4fVxuICAgICAgICAgICAgICAgICAgc3R5bGU9e2Zsb2F0aW5nU3R5bGVzfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHNob3dHcm91cFRpdGxlID0gZ2V0U2hvd0dyb3VwVGl0bGUoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKTtcblxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93R3JvdXBUaXRsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxNZW51R3JvdXBUaXRsZSBoYXNEaXZpZGVyPXtpbmRleCA+IDB9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtvcHRpb24uZ3JvdXBUaXRsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9NZW51R3JvdXBUaXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxDb21ib2JveC5PcHRpb24gdmFsdWU9e29wdGlvbn0gYXM9e0ZyYWdtZW50fSBkaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgYWN0aXZlIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc0Rpc2FibGVkID0gb3B0aW9uLmlzRGlzYWJsZWQ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNBY3RpdmUgPSAhb3B0aW9uLmlzRGlzYWJsZWQgJiYgYWN0aXZlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhhc0VsbGlwc2lzID0gbWVudUl0ZW1zSGF2ZUVsbGlwc2lzO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiYXV0b2NvbXBsZXRlTWVudUl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogaXNBY3RpdmUgJiYgZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IGlzRGlzYWJsZWQgJiYgZ2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogIWlzRGlzYWJsZWQgJiYgJ3BvaW50ZXInLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNFbGxpcHNpc1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICdhdXRvY29tcGxldGVNZW51SXRlbVRleHQgaGFzRWxsaXBzaXMnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBvcGFjaXR5OiBpc1NlbGVjdGVkID8gMSA6IDAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkNoZWNrIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICA8L09wdGlvbnNSb290PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiIGNvbG9yPVwiZGFuZ2VyXCI+XG4gICAgICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9Db21ib2JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbkF1dG9jb21wbGV0ZS5MYWJlbCA9IEZpZWxkTGFiZWw7XG5BdXRvY29tcGxldGUuSGludCA9IEZpZWxkSGludDtcblxuQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51TWF4SGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */");
+var menuItemStyles = /*#__PURE__*/css(".autocompleteMenuItem{display:flex;gap:8px;align-items:center;list-style:none;padding:4px 12px;margin:0 8px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;&.hasPreContent{padding-left:0;}}.autocompleteMenuItemText{flex-grow:1;&.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZWNrLCBJY29uQ2hldnJvbkRvd24gfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge1xuICBJbnB1dEZpZWxkLFxuICBNZW51Q2FyZCxcbiAgTWVudUdyb3VwVGl0bGUsXG4gIEZpZWxkTGFiZWwsXG4gIEZpZWxkSGludCxcbiAgY29tcG9uZW50VmFycyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgLi4ucHJvcHMgfSwgcmVmKSA9PiA8Qm94IHJlZj17cmVmfSB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPik7XG5cbmNvbnN0IEVtcHR5U3RhdGUgPSAoKSA9PiAoXG4gIDxCb3ggcGFkZGluZ1k9XCJzXCIgcGFkZGluZ1g9XCJtXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgRXhwYW5kSWNvbiA9ICgpID0+IChcbiAgPEJveFxuICAgIHJpZ2h0PVwiZmllbGRQYWRkaW5nWFwiXG4gICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgdG9wPVwiMHB4XCJcbiAgICBib3R0b209XCIwcHhcIlxuICAgIG1hcmdpbj1cImF1dG9cIlxuICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgPlxuICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgZ2V0RmlsdGVyZWRPcHRpb25zID0gKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCkgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbltzZWFyY2hGaWVsZF0udG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKSk7XG59O1xuXG5jb25zdCBnZXRTaG93R3JvdXBUaXRsZSA9IChpbmRleCwgb3B0aW9uLCBmaWx0ZXJlZE9wdGlvbnMpID0+IHtcbiAgY29uc3QgZmlyc3RPcHRpb25IYXNUaXRsZSA9IGluZGV4ID09PSAwICYmIG9wdGlvbi5ncm91cFRpdGxlO1xuICBjb25zdCB0aXRsZUNoYW5nZWQgPSBpbmRleCA+IDAgJiYgb3B0aW9uLmdyb3VwVGl0bGUgIT09IGZpbHRlcmVkT3B0aW9uc1tpbmRleCAtIDFdLmdyb3VwVGl0bGU7XG5cbiAgcmV0dXJuIGZpcnN0T3B0aW9uSGFzVGl0bGUgfHwgdGl0bGVDaGFuZ2VkO1xufTtcblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIC5hdXRvY29tcGxldGVNZW51SXRlbSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogNHB4IDEycHg7XG4gICAgbWFyZ2luOiAwIDhweDtcbiAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAgICYuaGFzUHJlQ29udGVudCB7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgfVxuICB9XG5cbiAgLmF1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCB7XG4gICAgZmxleC1ncm93OiAxO1xuXG4gICAgJi5oYXNFbGxpcHNpcyB7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEF1dG9jb21wbGV0ZSA9ICh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgbWVudVBsYWNlbWVudCA9IGRlZmF1bHRQcm9wcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGgsXG4gIG1lbnVNYXhIZWlnaHQgPSBkZWZhdWx0UHJvcHMubWVudU1heEhlaWdodCxcbiAgbWVudVpJbmRleCxcbiAgcGxhY2Vob2xkZXIsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXMgPSB0cnVlLFxuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBoYXNFcnJvcixcbiAgZXJyb3JNZXNzYWdlLFxuICBzZWFyY2hGaWVsZCA9ICdjb250ZW50JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSBnZXRGaWx0ZXJlZE9wdGlvbnMocXVlcnksIG9wdGlvbnMsIHNlYXJjaEZpZWxkKTtcblxuICBjb25zdCBub1Jlc3VsdHMgPSAhQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKTtcblxuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyAnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHNlbGVjdGVkT3B0aW9uID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmQob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLFxuICAgIFtvcHRpb25zLCB2YWx1ZV0sXG4gICk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIGZsb2F0aW5nLCBmbG9hdGluZ1N0eWxlcyB9ID0gdXNlTWVudVBvc2l0aW9uKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pO1xuXG4gIGNvbnN0IE9wdGlvbnNSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICBjb25zdCBwcmVDb250ZW50UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIGNvbnN0IFtwcmVDb250ZW50V2lkdGgsIHNldFByZUNvbnRlbnRXaWR0aF0gPSB1c2VTdGF0ZSgwKTtcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwcmVDb250ZW50UmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFByZUNvbnRlbnRXaWR0aChwcmVDb250ZW50UmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkT3B0aW9uLCBwcmVDb250ZW50UmVmXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVJdGVtU3R5bGVzfSAvPlxuICAgICAgPENvbWJvYm94IGFzPVwiZGl2XCIgdmFsdWU9e3NlbGVjdGVkT3B0aW9uIHx8ICcnfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB7Li4ucHJvcHN9PlxuICAgICAgICB7KHsgb3BlbiB9KSA9PiB7XG4gICAgICAgICAgY29uc3QgaGFzUHJlQ29udGVudCA9IHNlbGVjdGVkT3B0aW9uPy5wcmVDb250ZW50O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuXG4gICAgICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9IHJlZj17cmVmZXJlbmNlfT5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgICAgICAgICAgIHtoYXNQcmVDb250ZW50ICYmICFvcGVuICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJveFxuICAgICAgICAgICAgICAgICAgICAgIHJlZj17cHJlQ29udGVudFJlZn1cbiAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICB0b3A9XCIwcHhcIlxuICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBweFwiXG4gICAgICAgICAgICAgICAgICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiZml0LWNvbnRlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbi5wcmVDb250ZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8Q29tYm9ib3guSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgYXM9e0lucHV0RmllbGR9XG4gICAgICAgICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXlWYWx1ZT17b3B0aW9uID0+IG9wdGlvbiAmJiBvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PVwiMzJweFwiXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0PXshb3BlbiAmJiBoYXNQcmVDb250ZW50ID8gYCR7cHJlQ29udGVudFdpZHRoICsgOH1weGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgPE9wdGlvbnNSb290PlxuICAgICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgc3RhdGljXG4gICAgICAgICAgICAgICAgICAgIGlzT3Blbj17b3Blbn1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9e21lbnVQbGFjZW1lbnR9XG4gICAgICAgICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93R3JvdXBUaXRsZSA9IGdldFNob3dHcm91cFRpdGxlKGluZGV4LCBvcHRpb24sIGZpbHRlcmVkT3B0aW9ucyk7XG5cbiAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0dyb3VwVGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxNZW51R3JvdXBUaXRsZSBoYXNEaXZpZGVyPXtpbmRleCA+IDB9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge29wdGlvbi5ncm91cFRpdGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTWVudUdyb3VwVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXtvcHRpb259XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXM9e0ZyYWdtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsoeyBhY3RpdmUgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9ICFvcHRpb24uaXNEaXNhYmxlZCAmJiBhY3RpdmU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhhc1ByZUNvbnRlbnQgPSBvcHRpb24ucHJlQ29udGVudDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNQcmVDb250ZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJ2F1dG9jb21wbGV0ZU1lbnVJdGVtIGhhc1ByZUNvbnRlbnQnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG9jb21wbGV0ZU1lbnVJdGVtJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBpc0FjdGl2ZSAmJiBnZXRDb2xvcignZmFkZTEnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc0Rpc2FibGVkICYmIGdldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogIWlzRGlzYWJsZWQgJiYgJ3BvaW50ZXInLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aGFzUHJlQ29udGVudCAmJiBvcHRpb24ucHJlQ29udGVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGFzRWxsaXBzaXNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICdhdXRvY29tcGxldGVNZW51SXRlbVRleHQgaGFzRWxsaXBzaXMnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0J1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG9wYWNpdHk6IGlzU2VsZWN0ZWQgPyAxIDogMCB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEljb25DaGVjayAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgICAgICAgICAgICAgPC9PcHRpb25zUm9vdD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIiBjb2xvcj1cImRhbmdlclwiPlxuICAgICAgICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0NvbWJvYm94PlxuICAgIDwvPlxuICApO1xufTtcblxuQXV0b2NvbXBsZXRlLkxhYmVsID0gRmllbGRMYWJlbDtcbkF1dG9jb21wbGV0ZS5IaW50ID0gRmllbGRIaW50O1xuXG5BdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1lbnVJdGVtc0hhdmVFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */");
 export var Autocomplete = function Autocomplete(_ref2) {
   var options = _ref2.options,
       value = _ref2.value,
@@ -144,6 +144,18 @@ export var Autocomplete = function Autocomplete(_ref2) {
       floatingStyles = _useMenuPosition.floatingStyles;
 
   var OptionsRoot = hasPortal ? FloatingPortal : Fragment;
+  var preContentRef = useRef(null);
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      preContentWidth = _useState4[0],
+      setPreContentWidth = _useState4[1];
+
+  React.useEffect(function () {
+    if (preContentRef.current) {
+      setPreContentWidth(preContentRef.current.offsetWidth);
+    }
+  }, [selectedOption, preContentRef]);
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
     styles: menuItemStyles
   }), ___EmotionJSX(Combobox, _extends({
@@ -152,6 +164,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
     onChange: handleChange
   }, props), function (_ref3) {
     var open = _ref3.open;
+    var hasPreContent = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.preContent;
     return ___EmotionJSX(React.Fragment, null, label && ___EmotionJSX(Combobox.Label, {
       as: FieldLabel
     }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
@@ -160,7 +173,16 @@ export var Autocomplete = function Autocomplete(_ref2) {
       ref: reference
     }, ___EmotionJSX(Combobox.Button, {
       as: Trigger
-    }, ___EmotionJSX(Combobox.Input, {
+    }, hasPreContent && !open && ___EmotionJSX(Box, {
+      ref: preContentRef,
+      width: "fit-content",
+      position: "absolute",
+      top: "0px",
+      bottom: "0px",
+      margin: "auto",
+      height: "fit-content",
+      left: "0"
+    }, selectedOption.preContent), ___EmotionJSX(Combobox.Input, {
       as: InputField,
       autoComplete: "off",
       onChange: function onChange(event) {
@@ -171,6 +193,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
         return option && option.content;
       },
       paddingRight: "32px",
+      paddingLeft: !open && hasPreContent ? "".concat(preContentWidth + 8, "px") : undefined,
       hasError: hasError
     }), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(OptionsRoot, null, ___EmotionJSX(Combobox.Options, {
       static: true,
@@ -198,14 +221,15 @@ export var Autocomplete = function Autocomplete(_ref2) {
         var isSelected = option.value === value;
         var isActive = !option.isDisabled && active;
         var hasEllipsis = menuItemsHaveEllipsis;
+        var hasPreContent = option.preContent;
         return ___EmotionJSX("li", {
-          className: "autocompleteMenuItem",
+          className: hasPreContent ? 'autocompleteMenuItem hasPreContent' : 'autocompleteMenuItem',
           style: {
             backgroundColor: isActive && getColor('fade1'),
             color: isDisabled && getColor('disabledContent'),
             cursor: !isDisabled && 'pointer'
           }
-        }, ___EmotionJSX("span", {
+        }, hasPreContent && option.preContent, ___EmotionJSX("span", {
           className: hasEllipsis ? 'autocompleteMenuItemText hasEllipsis' : 'autocompleteMenuItemText'
         }, option.content), ___EmotionJSX(Icon, {
           style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "10.4.0",
+  "version": "10.5.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",