@flodesk/grain 10.3.0 → 10.4.0

package/es/components/autocomplete.js

@@ -9,7 +9,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
-var _excluded = ["options", "value", "onChange", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage"];
+var _excluded = ["options", "value", "onChange", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage", "searchField"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -79,10 +79,10 @@ var ExpandIcon = function ExpandIcon() {
   }));
 };
 
-var getFilteredOptions = function getFilteredOptions(query, options) {
+var getFilteredOptions = function getFilteredOptions(query, options, searchField) {
   if (query === '') return options;
   return options.filter(function (option) {
-    return option.content.toLowerCase().includes(query.toLowerCase());
+    return option[searchField].toLowerCase().includes(query.toLowerCase());
   });
 };
 
@@ -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+fSAvPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IGdldEZpbHRlcmVkT3B0aW9ucyA9IChxdWVyeSwgb3B0aW9ucykgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSkpO1xufTtcblxuY29uc3QgZ2V0U2hvd0dyb3VwVGl0bGUgPSAoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKSA9PiB7XG4gIGNvbnN0IGZpcnN0T3B0aW9uSGFzVGl0bGUgPSBpbmRleCA9PT0gMCAmJiBvcHRpb24uZ3JvdXBUaXRsZTtcbiAgY29uc3QgdGl0bGVDaGFuZ2VkID0gaW5kZXggPiAwICYmIG9wdGlvbi5ncm91cFRpdGxlICE9PSBmaWx0ZXJlZE9wdGlvbnNbaW5kZXggLSAxXS5ncm91cFRpdGxlO1xuXG4gIHJldHVybiBmaXJzdE9wdGlvbkhhc1RpdGxlIHx8IHRpdGxlQ2hhbmdlZDtcbn07XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMTBweCAxMnB4O1xuICAgIG1hcmdpbjogMCA4cHg7XG4gICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0Lmhhc0VsbGlwc2lzIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIG1lbnVaSW5kZXgsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgaGFzRXJyb3IsXG4gIGVycm9yTWVzc2FnZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSBnZXRGaWx0ZXJlZE9wdGlvbnMocXVlcnksIG9wdGlvbnMpO1xuXG4gIGNvbnN0IG5vUmVzdWx0cyA9ICFCb29sZWFuKGZpbHRlcmVkT3B0aW9ucy5sZW5ndGgpO1xuXG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICBjb25zdCB7IHJlZmVyZW5jZSwgZmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzIH0gPSB1c2VNZW51UG9zaXRpb24oeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSk7XG5cbiAgY29uc3QgT3B0aW9uc1Jvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXttZW51SXRlbVN0eWxlc30gLz5cbiAgICAgIDxDb21ib2JveCBhcz1cImRpdlwiIHZhbHVlPXtzZWxlY3RlZE9wdGlvbiB8fCAnJ30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gey4uLnByb3BzfT5cbiAgICAgICAgeyh7IG9wZW4gfSkgPT4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cblxuICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0gcmVmPXtyZWZlcmVuY2V9PlxuICAgICAgICAgICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guSW5wdXRcbiAgICAgICAgICAgICAgICAgIGFzPXtJbnB1dEZpZWxkfVxuICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgZGlzcGxheVZhbHVlPXtvcHRpb24gPT4gb3B0aW9uICYmIG9wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PVwiMzJweFwiXG4gICAgICAgICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICA8L0NvbWJvYm94LkJ1dHRvbj5cblxuICAgICAgICAgICAgICA8T3B0aW9uc1Jvb3Q+XG4gICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvbnNcbiAgICAgICAgICAgICAgICAgIHN0YXRpY1xuICAgICAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgICAgIGFzPXtNZW51Q2FyZH1cbiAgICAgICAgICAgICAgICAgIHpJbmRleD17bWVudVpJbmRleH1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7ZmlsdGVyZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93R3JvdXBUaXRsZSA9IGdldFNob3dHcm91cFRpdGxlKGluZGV4LCBvcHRpb24sIGZpbHRlcmVkT3B0aW9ucyk7XG5cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0dyb3VwVGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICA8TWVudUdyb3VwVGl0bGUgaGFzRGl2aWRlcj17aW5kZXggPiAwfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmdyb3VwVGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvTWVudUdyb3VwVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBvcHRpb24udmFsdWUgPT09IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gIW9wdGlvbi5pc0Rpc2FibGVkICYmIGFjdGl2ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImF1dG9jb21wbGV0ZU1lbnVJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGlzQWN0aXZlICYmIGdldENvbG9yKCdmYWRlMScpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc0Rpc2FibGVkICYmIGdldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6ICFpc0Rpc2FibGVkICYmICdwb2ludGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCcgKyBoYXNFbGxpcHNpcyA/ICcgaGFzRWxsaXBzaXMnIDogJydcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBvcGFjaXR5OiBpc1NlbGVjdGVkID8gMSA6IDAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkNoZWNrIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICA8L09wdGlvbnNSb290PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiIGNvbG9yPVwiZGFuZ2VyXCI+XG4gICAgICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9Db21ib2JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbkF1dG9jb21wbGV0ZS5MYWJlbCA9IEZpZWxkTGFiZWw7XG5BdXRvY29tcGxldGUuSGludCA9IEZpZWxkSGludDtcblxuQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51TWF4SGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */");
+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= */");
 export var Autocomplete = function Autocomplete(_ref2) {
   var options = _ref2.options,
       value = _ref2.value,
@@ -112,6 +112,8 @@ export var Autocomplete = function Autocomplete(_ref2) {
       hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal,
       hasError = _ref2.hasError,
       errorMessage = _ref2.errorMessage,
+      _ref2$searchField = _ref2.searchField,
+      searchField = _ref2$searchField === void 0 ? 'content' : _ref2$searchField,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   var _useState = useState(''),
@@ -124,7 +126,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
     setQuery('');
   };
 
-  var filteredOptions = getFilteredOptions(query, options);
+  var filteredOptions = getFilteredOptions(query, options, searchField);
   var noResults = !Boolean(filteredOptions.length);
   var fieldMarginTop = label || hint ? 'betweenFormControlAndLabel' : undefined;
   var selectedOption = useMemo(function () {
@@ -204,7 +206,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
             cursor: !isDisabled && 'pointer'
           }
         }, ___EmotionJSX("span", {
-          className: 'autocompleteMenuItemText' + hasEllipsis ? ' hasEllipsis' : ''
+          className: hasEllipsis ? 'autocompleteMenuItemText hasEllipsis' : 'autocompleteMenuItemText'
         }, option.content), ___EmotionJSX(Icon, {
           style: {
             opacity: isSelected ? 1 : 0

package/package.json

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