@ndla/ui 13.2.1 → 15.0.0

package/es/TagSelector/SuggestionInput.js

@@ -0,0 +1,240 @@
+import _styled from "@emotion/styled-base";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+/*
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React, { useState, useRef, useEffect } from 'react';
+import { isMobile } from 'react-device-detect';
+import { useTranslation } from 'react-i18next';
+import Button, { IconButtonDualStates } from '@ndla/button';
+import { ChevronDown, ChevronUp } from '@ndla/icons/common';
+import { Cross as CrossRaw } from '@ndla/icons/action';
+import { spacing, colors, misc, animations, fonts } from '@ndla/core';
+import Tooltip from '@ndla/tooltip';
+import { uuid } from '@ndla/util';
+import Suggestions from './Suggestions';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+
+var Cross = /*#__PURE__*/_styled(CrossRaw, {
+  target: "e55qeml0",
+  label: "Cross"
+})("margin-left:", spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25JbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUI4QiIsImZpbGUiOiJTdWdnZXN0aW9uSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmLCB1c2VFZmZlY3QsIFJlYWN0Tm9kZSwgUmVmT2JqZWN0LCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzTW9iaWxlIH0gZnJvbSAncmVhY3QtZGV2aWNlLWRldGVjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uRHVhbFN0YXRlcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIGFzIENyb3NzUmF3IH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgbWlzYywgYW5pbWF0aW9ucywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXVpZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IFN1Z2dlc3Rpb25zIGZyb20gJy4vU3VnZ2VzdGlvbnMnO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IENyb3NzID0gc3R5bGVkKENyb3NzUmF3KWBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG5gO1xuY29uc3QgU3R5bGVkSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2FuaW1hdGlvbnMuZHVyYXRpb25zLm5vcm1hbH0gZWFzZTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25JbnB1dFByb3BzIHtcbiAgc3VnZ2VzdGlvbnM6IFRhZ1R5cGVbXTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgc2V0RXhwYW5kZWQ6IChleHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbiAgZXhwYW5kZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlVGFnOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0SW5wdXRWYWx1ZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ3JlYXRlVGFnOiAodGFnTmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhZGRlZFRhZ3M6IFRhZ1R5cGVbXTtcbiAgZHJvcGRvd25NYXhIZWlnaHQ6IHN0cmluZztcbiAgcHJlZml4Pzogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBzY3JvbGxBbmNob3JFbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufVxuXG5jb25zdCBTdWdnZXN0aW9uSW5wdXQgPSAoe1xuICBzdWdnZXN0aW9ucyxcbiAgdmFsdWUsXG4gIHNldElucHV0VmFsdWUsXG4gIG9uQ3JlYXRlVGFnLFxuICBvbkNoYW5nZSxcbiAgb25Ub2dnbGVUYWcsXG4gIGFkZGVkVGFncyxcbiAgc2V0RXhwYW5kZWQsXG4gIGV4cGFuZGVkLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgcHJlZml4LFxuICBpbmxpbmUsXG4gIHNjcm9sbEFuY2hvckVsZW1lbnQsXG59OiBTdWdnZXN0aW9uSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCwgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFtoYXNGb2N1cywgc2V0SGFzRm9jdXNdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpbml0YWxSZW5kZXIgPSB1c2VSZWYodHJ1ZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBzdWdnZXN0aW9uSWRSZWYgPSB1c2VSZWY8c3RyaW5nPih1dWlkKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoMCk7XG4gIH0sIFtzdWdnZXN0aW9uc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpbml0YWxSZW5kZXIuY3VycmVudCkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaW5pdGFsUmVuZGVyLmN1cnJlbnQgPSBmYWxzZTtcbiAgICB9XG4gIH0sIFthZGRlZFRhZ3NdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkU3VnZ2VzdGlvbkVsZW1lbnQgPSBkb2N1bWVudFxuICAgICAgLmdldEVsZW1lbnRCeUlkKHN1Z2dlc3Rpb25JZFJlZi5jdXJyZW50KVxuICAgICAgPy5xdWVyeVNlbGVjdG9yKCdbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0nKTtcbiAgICBpZiAoc2VsZWN0ZWRTdWdnZXN0aW9uRWxlbWVudCkge1xuICAgICAgLy8gRG8gd2UgbmVlZCB0byBzY3JvbGwgdGhpcyBpbnRvIHZpZXc/XG4gICAgICBzZWxlY3RlZFN1Z2dlc3Rpb25FbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdKTtcblxuICBjb25zdCBoYXNCZWVuQWRkZWQgPSAoaWQ6IHN0cmluZykgPT4gYWRkZWRUYWdzLnNvbWUoKHsgaWQ6IGlkQWRkZWQgfSkgPT4gaWRBZGRlZCA9PT0gaWQpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICA8U3R5bGVkSW5wdXRXcmFwcGVyPlxuICAgICAgICB7YWRkZWRUYWdzLm1hcCgoeyBpZCwgbmFtZSB9KSA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgndGFnU2VsZWN0b3IucmVtb3ZlVGFnJywgeyBuYW1lIH0pfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGVUYWcoaWQpfVxuICAgICAgICAgICAgbGlnaHRcbiAgICAgICAgICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICB7cHJlZml4fVxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RhZ1NlbGVjdG9yLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgb25CbHVyPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWxhdGVkVGFyZ2V0ID0gZS5yZWxhdGVkVGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgICBpZiAoIXJlbGF0ZWRUYXJnZXQ/LmRhdGFzZXQ/LnN1Z2dlc3Rpb25idXR0b24pIHtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZChmYWxzZSk7XG4gICAgICAgICAgICAgICAgc2V0SGFzRm9jdXMoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1cz17KCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXNNb2JpbGUgJiYgc2Nyb2xsQW5jaG9yRWxlbWVudD8uY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNjcm9sbEFuY2hvckVsZW1lbnQuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2V0SGFzRm9jdXModHJ1ZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgICAgIHNldEV4cGFuZGVkKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlICE9PSAnJyB8fCBleHBhbmRlZCkge1xuICAgICAgICAgICAgICAgICAgaWYgKHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFoYXNCZWVuQWRkZWQoc3VnZ2VzdGlvbnNbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdLmlkKSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKHN1Z2dlc3Rpb25zW2N1cnJlbnRIaWdobGlnaHRlZEluZGV4XS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgb25DcmVhdGVUYWcodmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRIaWdobGlnaHRlZEluZGV4KFxuICAgICAgICAgICAgICAgICAgY3VycmVudEhpZ2hsaWdodGVkSW5kZXggLSAxIDwgMCA/IHN1Z2dlc3Rpb25zLmxlbmd0aCAtIDEgOiBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCAtIDEsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICAgICAgICAgICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoXG4gICAgICAgICAgICAgICAgICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCArIDEgPj0gc3VnZ2VzdGlvbnMubGVuZ3RoID8gMCA6IGN1cnJlbnRIaWdobGlnaHRlZEluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2V4cGFuZGVkID8gdCgndGFnU2VsZWN0b3IuaGlkZUFsbFRhZ3MnKSA6IHQoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9PlxuICAgICAgICAgICAgPEljb25CdXR0b25EdWFsU3RhdGVzXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICBhcmlhTGFiZWxBY3RpdmU9e3QoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbEluQWN0aXZlPXt0KCd0YWdTZWxlY3Rvci5oaWRlQWxsVGFncycpfVxuICAgICAgICAgICAgICBhY3RpdmU9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBncmV5TGlnaHRlclxuICAgICAgICAgICAgICBpbmFjdGl2ZUljb249ezxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgYWN0aXZlSWNvbj17PENoZXZyb25VcCAvPn1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17c3VnZ2VzdGlvbklkUmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZCghZXhwYW5kZWQpO1xuICAgICAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgPC9TdHlsZWRJbnB1dFdyYXBwZXI+XG4gICAgICA8ZGl2IGlkPXtzdWdnZXN0aW9uSWRSZWYuY3VycmVudH0gYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgIHsoaGFzRm9jdXMgfHwgZXhwYW5kZWQpICYmIHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgPFN1Z2dlc3Rpb25zXG4gICAgICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgICAgIGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH1cbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zPXtzdWdnZXN0aW9uc31cbiAgICAgICAgICAgIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4PXtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleH1cbiAgICAgICAgICAgIG9uVG9nZ2xlVGFnPXtvblRvZ2dsZVRhZ31cbiAgICAgICAgICAgIGhhc0JlZW5BZGRlZD17aGFzQmVlbkFkZGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdWdnZXN0aW9uSW5wdXRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTdWdnZXN0aW9uSW5wdXQ7XG4iXX0= */"));
+
+var SuggestionInputContainer = _styled("div", {
+  target: "e55qeml1",
+  label: "SuggestionInputContainer"
+})("margin-bottom:", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25JbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyQyIsImZpbGUiOiJTdWdnZXN0aW9uSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmLCB1c2VFZmZlY3QsIFJlYWN0Tm9kZSwgUmVmT2JqZWN0LCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzTW9iaWxlIH0gZnJvbSAncmVhY3QtZGV2aWNlLWRldGVjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uRHVhbFN0YXRlcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIGFzIENyb3NzUmF3IH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgbWlzYywgYW5pbWF0aW9ucywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXVpZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IFN1Z2dlc3Rpb25zIGZyb20gJy4vU3VnZ2VzdGlvbnMnO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IENyb3NzID0gc3R5bGVkKENyb3NzUmF3KWBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG5gO1xuY29uc3QgU3R5bGVkSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2FuaW1hdGlvbnMuZHVyYXRpb25zLm5vcm1hbH0gZWFzZTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25JbnB1dFByb3BzIHtcbiAgc3VnZ2VzdGlvbnM6IFRhZ1R5cGVbXTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgc2V0RXhwYW5kZWQ6IChleHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbiAgZXhwYW5kZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlVGFnOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0SW5wdXRWYWx1ZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ3JlYXRlVGFnOiAodGFnTmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhZGRlZFRhZ3M6IFRhZ1R5cGVbXTtcbiAgZHJvcGRvd25NYXhIZWlnaHQ6IHN0cmluZztcbiAgcHJlZml4Pzogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBzY3JvbGxBbmNob3JFbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufVxuXG5jb25zdCBTdWdnZXN0aW9uSW5wdXQgPSAoe1xuICBzdWdnZXN0aW9ucyxcbiAgdmFsdWUsXG4gIHNldElucHV0VmFsdWUsXG4gIG9uQ3JlYXRlVGFnLFxuICBvbkNoYW5nZSxcbiAgb25Ub2dnbGVUYWcsXG4gIGFkZGVkVGFncyxcbiAgc2V0RXhwYW5kZWQsXG4gIGV4cGFuZGVkLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgcHJlZml4LFxuICBpbmxpbmUsXG4gIHNjcm9sbEFuY2hvckVsZW1lbnQsXG59OiBTdWdnZXN0aW9uSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCwgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFtoYXNGb2N1cywgc2V0SGFzRm9jdXNdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpbml0YWxSZW5kZXIgPSB1c2VSZWYodHJ1ZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBzdWdnZXN0aW9uSWRSZWYgPSB1c2VSZWY8c3RyaW5nPih1dWlkKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoMCk7XG4gIH0sIFtzdWdnZXN0aW9uc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpbml0YWxSZW5kZXIuY3VycmVudCkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaW5pdGFsUmVuZGVyLmN1cnJlbnQgPSBmYWxzZTtcbiAgICB9XG4gIH0sIFthZGRlZFRhZ3NdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkU3VnZ2VzdGlvbkVsZW1lbnQgPSBkb2N1bWVudFxuICAgICAgLmdldEVsZW1lbnRCeUlkKHN1Z2dlc3Rpb25JZFJlZi5jdXJyZW50KVxuICAgICAgPy5xdWVyeVNlbGVjdG9yKCdbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0nKTtcbiAgICBpZiAoc2VsZWN0ZWRTdWdnZXN0aW9uRWxlbWVudCkge1xuICAgICAgLy8gRG8gd2UgbmVlZCB0byBzY3JvbGwgdGhpcyBpbnRvIHZpZXc/XG4gICAgICBzZWxlY3RlZFN1Z2dlc3Rpb25FbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdKTtcblxuICBjb25zdCBoYXNCZWVuQWRkZWQgPSAoaWQ6IHN0cmluZykgPT4gYWRkZWRUYWdzLnNvbWUoKHsgaWQ6IGlkQWRkZWQgfSkgPT4gaWRBZGRlZCA9PT0gaWQpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICA8U3R5bGVkSW5wdXRXcmFwcGVyPlxuICAgICAgICB7YWRkZWRUYWdzLm1hcCgoeyBpZCwgbmFtZSB9KSA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgndGFnU2VsZWN0b3IucmVtb3ZlVGFnJywgeyBuYW1lIH0pfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGVUYWcoaWQpfVxuICAgICAgICAgICAgbGlnaHRcbiAgICAgICAgICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICB7cHJlZml4fVxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RhZ1NlbGVjdG9yLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgb25CbHVyPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWxhdGVkVGFyZ2V0ID0gZS5yZWxhdGVkVGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgICBpZiAoIXJlbGF0ZWRUYXJnZXQ/LmRhdGFzZXQ/LnN1Z2dlc3Rpb25idXR0b24pIHtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZChmYWxzZSk7XG4gICAgICAgICAgICAgICAgc2V0SGFzRm9jdXMoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1cz17KCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXNNb2JpbGUgJiYgc2Nyb2xsQW5jaG9yRWxlbWVudD8uY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNjcm9sbEFuY2hvckVsZW1lbnQuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2V0SGFzRm9jdXModHJ1ZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgICAgIHNldEV4cGFuZGVkKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlICE9PSAnJyB8fCBleHBhbmRlZCkge1xuICAgICAgICAgICAgICAgICAgaWYgKHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFoYXNCZWVuQWRkZWQoc3VnZ2VzdGlvbnNbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdLmlkKSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKHN1Z2dlc3Rpb25zW2N1cnJlbnRIaWdobGlnaHRlZEluZGV4XS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgb25DcmVhdGVUYWcodmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRIaWdobGlnaHRlZEluZGV4KFxuICAgICAgICAgICAgICAgICAgY3VycmVudEhpZ2hsaWdodGVkSW5kZXggLSAxIDwgMCA/IHN1Z2dlc3Rpb25zLmxlbmd0aCAtIDEgOiBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCAtIDEsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICAgICAgICAgICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoXG4gICAgICAgICAgICAgICAgICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCArIDEgPj0gc3VnZ2VzdGlvbnMubGVuZ3RoID8gMCA6IGN1cnJlbnRIaWdobGlnaHRlZEluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2V4cGFuZGVkID8gdCgndGFnU2VsZWN0b3IuaGlkZUFsbFRhZ3MnKSA6IHQoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9PlxuICAgICAgICAgICAgPEljb25CdXR0b25EdWFsU3RhdGVzXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICBhcmlhTGFiZWxBY3RpdmU9e3QoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbEluQWN0aXZlPXt0KCd0YWdTZWxlY3Rvci5oaWRlQWxsVGFncycpfVxuICAgICAgICAgICAgICBhY3RpdmU9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBncmV5TGlnaHRlclxuICAgICAgICAgICAgICBpbmFjdGl2ZUljb249ezxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgYWN0aXZlSWNvbj17PENoZXZyb25VcCAvPn1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17c3VnZ2VzdGlvbklkUmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZCghZXhwYW5kZWQpO1xuICAgICAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgPC9TdHlsZWRJbnB1dFdyYXBwZXI+XG4gICAgICA8ZGl2IGlkPXtzdWdnZXN0aW9uSWRSZWYuY3VycmVudH0gYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgIHsoaGFzRm9jdXMgfHwgZXhwYW5kZWQpICYmIHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgPFN1Z2dlc3Rpb25zXG4gICAgICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgICAgIGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH1cbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zPXtzdWdnZXN0aW9uc31cbiAgICAgICAgICAgIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4PXtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleH1cbiAgICAgICAgICAgIG9uVG9nZ2xlVGFnPXtvblRvZ2dsZVRhZ31cbiAgICAgICAgICAgIGhhc0JlZW5BZGRlZD17aGFzQmVlbkFkZGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdWdnZXN0aW9uSW5wdXRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTdWdnZXN0aW9uSW5wdXQ7XG4iXX0= */"));
+
+var StyledInput = _styled("input", {
+  target: "e55qeml2",
+  label: "StyledInput"
+})("flex-grow:1;border:0;outline:none;background:transparent;", fonts.sizes(18), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25JbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQyIsImZpbGUiOiJTdWdnZXN0aW9uSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmLCB1c2VFZmZlY3QsIFJlYWN0Tm9kZSwgUmVmT2JqZWN0LCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzTW9iaWxlIH0gZnJvbSAncmVhY3QtZGV2aWNlLWRldGVjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uRHVhbFN0YXRlcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIGFzIENyb3NzUmF3IH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgbWlzYywgYW5pbWF0aW9ucywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXVpZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IFN1Z2dlc3Rpb25zIGZyb20gJy4vU3VnZ2VzdGlvbnMnO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IENyb3NzID0gc3R5bGVkKENyb3NzUmF3KWBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG5gO1xuY29uc3QgU3R5bGVkSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2FuaW1hdGlvbnMuZHVyYXRpb25zLm5vcm1hbH0gZWFzZTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25JbnB1dFByb3BzIHtcbiAgc3VnZ2VzdGlvbnM6IFRhZ1R5cGVbXTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgc2V0RXhwYW5kZWQ6IChleHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbiAgZXhwYW5kZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlVGFnOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0SW5wdXRWYWx1ZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ3JlYXRlVGFnOiAodGFnTmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhZGRlZFRhZ3M6IFRhZ1R5cGVbXTtcbiAgZHJvcGRvd25NYXhIZWlnaHQ6IHN0cmluZztcbiAgcHJlZml4Pzogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBzY3JvbGxBbmNob3JFbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufVxuXG5jb25zdCBTdWdnZXN0aW9uSW5wdXQgPSAoe1xuICBzdWdnZXN0aW9ucyxcbiAgdmFsdWUsXG4gIHNldElucHV0VmFsdWUsXG4gIG9uQ3JlYXRlVGFnLFxuICBvbkNoYW5nZSxcbiAgb25Ub2dnbGVUYWcsXG4gIGFkZGVkVGFncyxcbiAgc2V0RXhwYW5kZWQsXG4gIGV4cGFuZGVkLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgcHJlZml4LFxuICBpbmxpbmUsXG4gIHNjcm9sbEFuY2hvckVsZW1lbnQsXG59OiBTdWdnZXN0aW9uSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCwgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFtoYXNGb2N1cywgc2V0SGFzRm9jdXNdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpbml0YWxSZW5kZXIgPSB1c2VSZWYodHJ1ZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBzdWdnZXN0aW9uSWRSZWYgPSB1c2VSZWY8c3RyaW5nPih1dWlkKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoMCk7XG4gIH0sIFtzdWdnZXN0aW9uc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpbml0YWxSZW5kZXIuY3VycmVudCkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaW5pdGFsUmVuZGVyLmN1cnJlbnQgPSBmYWxzZTtcbiAgICB9XG4gIH0sIFthZGRlZFRhZ3NdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkU3VnZ2VzdGlvbkVsZW1lbnQgPSBkb2N1bWVudFxuICAgICAgLmdldEVsZW1lbnRCeUlkKHN1Z2dlc3Rpb25JZFJlZi5jdXJyZW50KVxuICAgICAgPy5xdWVyeVNlbGVjdG9yKCdbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0nKTtcbiAgICBpZiAoc2VsZWN0ZWRTdWdnZXN0aW9uRWxlbWVudCkge1xuICAgICAgLy8gRG8gd2UgbmVlZCB0byBzY3JvbGwgdGhpcyBpbnRvIHZpZXc/XG4gICAgICBzZWxlY3RlZFN1Z2dlc3Rpb25FbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdKTtcblxuICBjb25zdCBoYXNCZWVuQWRkZWQgPSAoaWQ6IHN0cmluZykgPT4gYWRkZWRUYWdzLnNvbWUoKHsgaWQ6IGlkQWRkZWQgfSkgPT4gaWRBZGRlZCA9PT0gaWQpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICA8U3R5bGVkSW5wdXRXcmFwcGVyPlxuICAgICAgICB7YWRkZWRUYWdzLm1hcCgoeyBpZCwgbmFtZSB9KSA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgndGFnU2VsZWN0b3IucmVtb3ZlVGFnJywgeyBuYW1lIH0pfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGVUYWcoaWQpfVxuICAgICAgICAgICAgbGlnaHRcbiAgICAgICAgICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICB7cHJlZml4fVxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RhZ1NlbGVjdG9yLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgb25CbHVyPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWxhdGVkVGFyZ2V0ID0gZS5yZWxhdGVkVGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgICBpZiAoIXJlbGF0ZWRUYXJnZXQ/LmRhdGFzZXQ/LnN1Z2dlc3Rpb25idXR0b24pIHtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZChmYWxzZSk7XG4gICAgICAgICAgICAgICAgc2V0SGFzRm9jdXMoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1cz17KCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXNNb2JpbGUgJiYgc2Nyb2xsQW5jaG9yRWxlbWVudD8uY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNjcm9sbEFuY2hvckVsZW1lbnQuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2V0SGFzRm9jdXModHJ1ZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgICAgIHNldEV4cGFuZGVkKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlICE9PSAnJyB8fCBleHBhbmRlZCkge1xuICAgICAgICAgICAgICAgICAgaWYgKHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFoYXNCZWVuQWRkZWQoc3VnZ2VzdGlvbnNbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdLmlkKSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKHN1Z2dlc3Rpb25zW2N1cnJlbnRIaWdobGlnaHRlZEluZGV4XS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgb25DcmVhdGVUYWcodmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRIaWdobGlnaHRlZEluZGV4KFxuICAgICAgICAgICAgICAgICAgY3VycmVudEhpZ2hsaWdodGVkSW5kZXggLSAxIDwgMCA/IHN1Z2dlc3Rpb25zLmxlbmd0aCAtIDEgOiBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCAtIDEsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICAgICAgICAgICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoXG4gICAgICAgICAgICAgICAgICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCArIDEgPj0gc3VnZ2VzdGlvbnMubGVuZ3RoID8gMCA6IGN1cnJlbnRIaWdobGlnaHRlZEluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2V4cGFuZGVkID8gdCgndGFnU2VsZWN0b3IuaGlkZUFsbFRhZ3MnKSA6IHQoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9PlxuICAgICAgICAgICAgPEljb25CdXR0b25EdWFsU3RhdGVzXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICBhcmlhTGFiZWxBY3RpdmU9e3QoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbEluQWN0aXZlPXt0KCd0YWdTZWxlY3Rvci5oaWRlQWxsVGFncycpfVxuICAgICAgICAgICAgICBhY3RpdmU9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBncmV5TGlnaHRlclxuICAgICAgICAgICAgICBpbmFjdGl2ZUljb249ezxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgYWN0aXZlSWNvbj17PENoZXZyb25VcCAvPn1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17c3VnZ2VzdGlvbklkUmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZCghZXhwYW5kZWQpO1xuICAgICAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgPC9TdHlsZWRJbnB1dFdyYXBwZXI+XG4gICAgICA8ZGl2IGlkPXtzdWdnZXN0aW9uSWRSZWYuY3VycmVudH0gYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgIHsoaGFzRm9jdXMgfHwgZXhwYW5kZWQpICYmIHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgPFN1Z2dlc3Rpb25zXG4gICAgICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgICAgIGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH1cbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zPXtzdWdnZXN0aW9uc31cbiAgICAgICAgICAgIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4PXtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleH1cbiAgICAgICAgICAgIG9uVG9nZ2xlVGFnPXtvblRvZ2dsZVRhZ31cbiAgICAgICAgICAgIGhhc0JlZW5BZGRlZD17aGFzQmVlbkFkZGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdWdnZXN0aW9uSW5wdXRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTdWdnZXN0aW9uSW5wdXQ7XG4iXX0= */"));
+
+var StyledInputWrapper = _styled("div", {
+  target: "e55qeml3",
+  label: "StyledInputWrapper"
+})("display:flex;flex-wrap:wrap;gap:", spacing.xsmall, ";padding:", spacing.small, ";border:1px solid ", colors.brand.greyLighter, ";transition:border-color ", animations.durations.normal, " ease;border-radius:", misc.borderRadius, ";&:focus-within{border-color:", colors.brand.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25JbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NxQyIsImZpbGUiOiJTdWdnZXN0aW9uSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmLCB1c2VFZmZlY3QsIFJlYWN0Tm9kZSwgUmVmT2JqZWN0LCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzTW9iaWxlIH0gZnJvbSAncmVhY3QtZGV2aWNlLWRldGVjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uRHVhbFN0YXRlcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIGFzIENyb3NzUmF3IH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgbWlzYywgYW5pbWF0aW9ucywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXVpZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IFN1Z2dlc3Rpb25zIGZyb20gJy4vU3VnZ2VzdGlvbnMnO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IENyb3NzID0gc3R5bGVkKENyb3NzUmF3KWBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG5gO1xuY29uc3QgU3R5bGVkSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2FuaW1hdGlvbnMuZHVyYXRpb25zLm5vcm1hbH0gZWFzZTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25JbnB1dFByb3BzIHtcbiAgc3VnZ2VzdGlvbnM6IFRhZ1R5cGVbXTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgc2V0RXhwYW5kZWQ6IChleHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbiAgZXhwYW5kZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlVGFnOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0SW5wdXRWYWx1ZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ3JlYXRlVGFnOiAodGFnTmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhZGRlZFRhZ3M6IFRhZ1R5cGVbXTtcbiAgZHJvcGRvd25NYXhIZWlnaHQ6IHN0cmluZztcbiAgcHJlZml4Pzogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBzY3JvbGxBbmNob3JFbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufVxuXG5jb25zdCBTdWdnZXN0aW9uSW5wdXQgPSAoe1xuICBzdWdnZXN0aW9ucyxcbiAgdmFsdWUsXG4gIHNldElucHV0VmFsdWUsXG4gIG9uQ3JlYXRlVGFnLFxuICBvbkNoYW5nZSxcbiAgb25Ub2dnbGVUYWcsXG4gIGFkZGVkVGFncyxcbiAgc2V0RXhwYW5kZWQsXG4gIGV4cGFuZGVkLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgcHJlZml4LFxuICBpbmxpbmUsXG4gIHNjcm9sbEFuY2hvckVsZW1lbnQsXG59OiBTdWdnZXN0aW9uSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCwgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFtoYXNGb2N1cywgc2V0SGFzRm9jdXNdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpbml0YWxSZW5kZXIgPSB1c2VSZWYodHJ1ZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBzdWdnZXN0aW9uSWRSZWYgPSB1c2VSZWY8c3RyaW5nPih1dWlkKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoMCk7XG4gIH0sIFtzdWdnZXN0aW9uc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpbml0YWxSZW5kZXIuY3VycmVudCkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaW5pdGFsUmVuZGVyLmN1cnJlbnQgPSBmYWxzZTtcbiAgICB9XG4gIH0sIFthZGRlZFRhZ3NdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkU3VnZ2VzdGlvbkVsZW1lbnQgPSBkb2N1bWVudFxuICAgICAgLmdldEVsZW1lbnRCeUlkKHN1Z2dlc3Rpb25JZFJlZi5jdXJyZW50KVxuICAgICAgPy5xdWVyeVNlbGVjdG9yKCdbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0nKTtcbiAgICBpZiAoc2VsZWN0ZWRTdWdnZXN0aW9uRWxlbWVudCkge1xuICAgICAgLy8gRG8gd2UgbmVlZCB0byBzY3JvbGwgdGhpcyBpbnRvIHZpZXc/XG4gICAgICBzZWxlY3RlZFN1Z2dlc3Rpb25FbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdKTtcblxuICBjb25zdCBoYXNCZWVuQWRkZWQgPSAoaWQ6IHN0cmluZykgPT4gYWRkZWRUYWdzLnNvbWUoKHsgaWQ6IGlkQWRkZWQgfSkgPT4gaWRBZGRlZCA9PT0gaWQpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICA8U3R5bGVkSW5wdXRXcmFwcGVyPlxuICAgICAgICB7YWRkZWRUYWdzLm1hcCgoeyBpZCwgbmFtZSB9KSA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgndGFnU2VsZWN0b3IucmVtb3ZlVGFnJywgeyBuYW1lIH0pfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGVUYWcoaWQpfVxuICAgICAgICAgICAgbGlnaHRcbiAgICAgICAgICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICB7cHJlZml4fVxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RhZ1NlbGVjdG9yLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgb25CbHVyPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWxhdGVkVGFyZ2V0ID0gZS5yZWxhdGVkVGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgICBpZiAoIXJlbGF0ZWRUYXJnZXQ/LmRhdGFzZXQ/LnN1Z2dlc3Rpb25idXR0b24pIHtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZChmYWxzZSk7XG4gICAgICAgICAgICAgICAgc2V0SGFzRm9jdXMoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1cz17KCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXNNb2JpbGUgJiYgc2Nyb2xsQW5jaG9yRWxlbWVudD8uY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNjcm9sbEFuY2hvckVsZW1lbnQuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2V0SGFzRm9jdXModHJ1ZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgICAgIHNldEV4cGFuZGVkKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlICE9PSAnJyB8fCBleHBhbmRlZCkge1xuICAgICAgICAgICAgICAgICAgaWYgKHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFoYXNCZWVuQWRkZWQoc3VnZ2VzdGlvbnNbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdLmlkKSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKHN1Z2dlc3Rpb25zW2N1cnJlbnRIaWdobGlnaHRlZEluZGV4XS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgb25DcmVhdGVUYWcodmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRIaWdobGlnaHRlZEluZGV4KFxuICAgICAgICAgICAgICAgICAgY3VycmVudEhpZ2hsaWdodGVkSW5kZXggLSAxIDwgMCA/IHN1Z2dlc3Rpb25zLmxlbmd0aCAtIDEgOiBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCAtIDEsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICAgICAgICAgICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoXG4gICAgICAgICAgICAgICAgICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCArIDEgPj0gc3VnZ2VzdGlvbnMubGVuZ3RoID8gMCA6IGN1cnJlbnRIaWdobGlnaHRlZEluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2V4cGFuZGVkID8gdCgndGFnU2VsZWN0b3IuaGlkZUFsbFRhZ3MnKSA6IHQoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9PlxuICAgICAgICAgICAgPEljb25CdXR0b25EdWFsU3RhdGVzXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICBhcmlhTGFiZWxBY3RpdmU9e3QoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbEluQWN0aXZlPXt0KCd0YWdTZWxlY3Rvci5oaWRlQWxsVGFncycpfVxuICAgICAgICAgICAgICBhY3RpdmU9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBncmV5TGlnaHRlclxuICAgICAgICAgICAgICBpbmFjdGl2ZUljb249ezxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgYWN0aXZlSWNvbj17PENoZXZyb25VcCAvPn1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17c3VnZ2VzdGlvbklkUmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZCghZXhwYW5kZWQpO1xuICAgICAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgPC9TdHlsZWRJbnB1dFdyYXBwZXI+XG4gICAgICA8ZGl2IGlkPXtzdWdnZXN0aW9uSWRSZWYuY3VycmVudH0gYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgIHsoaGFzRm9jdXMgfHwgZXhwYW5kZWQpICYmIHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgPFN1Z2dlc3Rpb25zXG4gICAgICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgICAgIGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH1cbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zPXtzdWdnZXN0aW9uc31cbiAgICAgICAgICAgIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4PXtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleH1cbiAgICAgICAgICAgIG9uVG9nZ2xlVGFnPXtvblRvZ2dsZVRhZ31cbiAgICAgICAgICAgIGhhc0JlZW5BZGRlZD17aGFzQmVlbkFkZGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdWdnZXN0aW9uSW5wdXRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTdWdnZXN0aW9uSW5wdXQ7XG4iXX0= */"));
+
+var CombinedInputAndDropdownWrapper = _styled("div", {
+  target: "e55qeml4",
+  label: "CombinedInputAndDropdownWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ilyui9",
+  styles: "display:flex;flex-grow:1;"
+} : {
+  name: "1ilyui9",
+  styles: "display:flex;flex-grow:1;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25JbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURrRCIsImZpbGUiOiJTdWdnZXN0aW9uSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmLCB1c2VFZmZlY3QsIFJlYWN0Tm9kZSwgUmVmT2JqZWN0LCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzTW9iaWxlIH0gZnJvbSAncmVhY3QtZGV2aWNlLWRldGVjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uRHVhbFN0YXRlcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIGFzIENyb3NzUmF3IH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgbWlzYywgYW5pbWF0aW9ucywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXVpZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IFN1Z2dlc3Rpb25zIGZyb20gJy4vU3VnZ2VzdGlvbnMnO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IENyb3NzID0gc3R5bGVkKENyb3NzUmF3KWBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG5gO1xuY29uc3QgU3R5bGVkSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2FuaW1hdGlvbnMuZHVyYXRpb25zLm5vcm1hbH0gZWFzZTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25JbnB1dFByb3BzIHtcbiAgc3VnZ2VzdGlvbnM6IFRhZ1R5cGVbXTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb25DaGFuZ2U6IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgc2V0RXhwYW5kZWQ6IChleHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbiAgZXhwYW5kZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlVGFnOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0SW5wdXRWYWx1ZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ3JlYXRlVGFnOiAodGFnTmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhZGRlZFRhZ3M6IFRhZ1R5cGVbXTtcbiAgZHJvcGRvd25NYXhIZWlnaHQ6IHN0cmluZztcbiAgcHJlZml4Pzogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBzY3JvbGxBbmNob3JFbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufVxuXG5jb25zdCBTdWdnZXN0aW9uSW5wdXQgPSAoe1xuICBzdWdnZXN0aW9ucyxcbiAgdmFsdWUsXG4gIHNldElucHV0VmFsdWUsXG4gIG9uQ3JlYXRlVGFnLFxuICBvbkNoYW5nZSxcbiAgb25Ub2dnbGVUYWcsXG4gIGFkZGVkVGFncyxcbiAgc2V0RXhwYW5kZWQsXG4gIGV4cGFuZGVkLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgcHJlZml4LFxuICBpbmxpbmUsXG4gIHNjcm9sbEFuY2hvckVsZW1lbnQsXG59OiBTdWdnZXN0aW9uSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCwgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFtoYXNGb2N1cywgc2V0SGFzRm9jdXNdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpbml0YWxSZW5kZXIgPSB1c2VSZWYodHJ1ZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBzdWdnZXN0aW9uSWRSZWYgPSB1c2VSZWY8c3RyaW5nPih1dWlkKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoMCk7XG4gIH0sIFtzdWdnZXN0aW9uc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpbml0YWxSZW5kZXIuY3VycmVudCkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaW5pdGFsUmVuZGVyLmN1cnJlbnQgPSBmYWxzZTtcbiAgICB9XG4gIH0sIFthZGRlZFRhZ3NdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkU3VnZ2VzdGlvbkVsZW1lbnQgPSBkb2N1bWVudFxuICAgICAgLmdldEVsZW1lbnRCeUlkKHN1Z2dlc3Rpb25JZFJlZi5jdXJyZW50KVxuICAgICAgPy5xdWVyeVNlbGVjdG9yKCdbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0nKTtcbiAgICBpZiAoc2VsZWN0ZWRTdWdnZXN0aW9uRWxlbWVudCkge1xuICAgICAgLy8gRG8gd2UgbmVlZCB0byBzY3JvbGwgdGhpcyBpbnRvIHZpZXc/XG4gICAgICBzZWxlY3RlZFN1Z2dlc3Rpb25FbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdKTtcblxuICBjb25zdCBoYXNCZWVuQWRkZWQgPSAoaWQ6IHN0cmluZykgPT4gYWRkZWRUYWdzLnNvbWUoKHsgaWQ6IGlkQWRkZWQgfSkgPT4gaWRBZGRlZCA9PT0gaWQpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1Z2dlc3Rpb25JbnB1dENvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICA8U3R5bGVkSW5wdXRXcmFwcGVyPlxuICAgICAgICB7YWRkZWRUYWdzLm1hcCgoeyBpZCwgbmFtZSB9KSA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgndGFnU2VsZWN0b3IucmVtb3ZlVGFnJywgeyBuYW1lIH0pfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGVUYWcoaWQpfVxuICAgICAgICAgICAgbGlnaHRcbiAgICAgICAgICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiXG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICB7cHJlZml4fVxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxDb21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RhZ1NlbGVjdG9yLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgb25CbHVyPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWxhdGVkVGFyZ2V0ID0gZS5yZWxhdGVkVGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgICBpZiAoIXJlbGF0ZWRUYXJnZXQ/LmRhdGFzZXQ/LnN1Z2dlc3Rpb25idXR0b24pIHtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZChmYWxzZSk7XG4gICAgICAgICAgICAgICAgc2V0SGFzRm9jdXMoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1cz17KCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXNNb2JpbGUgJiYgc2Nyb2xsQW5jaG9yRWxlbWVudD8uY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNjcm9sbEFuY2hvckVsZW1lbnQuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2V0SGFzRm9jdXModHJ1ZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgICAgIHNldEV4cGFuZGVkKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlICE9PSAnJyB8fCBleHBhbmRlZCkge1xuICAgICAgICAgICAgICAgICAgaWYgKHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFoYXNCZWVuQWRkZWQoc3VnZ2VzdGlvbnNbY3VycmVudEhpZ2hsaWdodGVkSW5kZXhdLmlkKSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKHN1Z2dlc3Rpb25zW2N1cnJlbnRIaWdobGlnaHRlZEluZGV4XS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgc2V0SW5wdXRWYWx1ZSgnJyk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgb25DcmVhdGVUYWcodmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRIaWdobGlnaHRlZEluZGV4KFxuICAgICAgICAgICAgICAgICAgY3VycmVudEhpZ2hsaWdodGVkSW5kZXggLSAxIDwgMCA/IHN1Z2dlc3Rpb25zLmxlbmd0aCAtIDEgOiBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCAtIDEsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICAgICAgICAgICAgc2V0Q3VycmVudEhpZ2hsaWdodGVkSW5kZXgoXG4gICAgICAgICAgICAgICAgICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleCArIDEgPj0gc3VnZ2VzdGlvbnMubGVuZ3RoID8gMCA6IGN1cnJlbnRIaWdobGlnaHRlZEluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2V4cGFuZGVkID8gdCgndGFnU2VsZWN0b3IuaGlkZUFsbFRhZ3MnKSA6IHQoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9PlxuICAgICAgICAgICAgPEljb25CdXR0b25EdWFsU3RhdGVzXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICBhcmlhTGFiZWxBY3RpdmU9e3QoJ3RhZ1NlbGVjdG9yLnNob3dBbGxUYWdzJyl9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbEluQWN0aXZlPXt0KCd0YWdTZWxlY3Rvci5oaWRlQWxsVGFncycpfVxuICAgICAgICAgICAgICBhY3RpdmU9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBncmV5TGlnaHRlclxuICAgICAgICAgICAgICBpbmFjdGl2ZUljb249ezxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgYWN0aXZlSWNvbj17PENoZXZyb25VcCAvPn1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17c3VnZ2VzdGlvbklkUmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbnB1dFZhbHVlKCcnKTtcbiAgICAgICAgICAgICAgICBzZXRFeHBhbmRlZCghZXhwYW5kZWQpO1xuICAgICAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db21iaW5lZElucHV0QW5kRHJvcGRvd25XcmFwcGVyPlxuICAgICAgPC9TdHlsZWRJbnB1dFdyYXBwZXI+XG4gICAgICA8ZGl2IGlkPXtzdWdnZXN0aW9uSWRSZWYuY3VycmVudH0gYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgIHsoaGFzRm9jdXMgfHwgZXhwYW5kZWQpICYmIHN1Z2dlc3Rpb25zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgPFN1Z2dlc3Rpb25zXG4gICAgICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgICAgIGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH1cbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zPXtzdWdnZXN0aW9uc31cbiAgICAgICAgICAgIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4PXtjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleH1cbiAgICAgICAgICAgIG9uVG9nZ2xlVGFnPXtvblRvZ2dsZVRhZ31cbiAgICAgICAgICAgIGhhc0JlZW5BZGRlZD17aGFzQmVlbkFkZGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdWdnZXN0aW9uSW5wdXRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTdWdnZXN0aW9uSW5wdXQ7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var SuggestionInput = function SuggestionInput(_ref) {
+  var suggestions = _ref.suggestions,
+      value = _ref.value,
+      setInputValue = _ref.setInputValue,
+      onCreateTag = _ref.onCreateTag,
+      onChange = _ref.onChange,
+      onToggleTag = _ref.onToggleTag,
+      addedTags = _ref.addedTags,
+      setExpanded = _ref.setExpanded,
+      expanded = _ref.expanded,
+      dropdownMaxHeight = _ref.dropdownMaxHeight,
+      prefix = _ref.prefix,
+      inline = _ref.inline,
+      scrollAnchorElement = _ref.scrollAnchorElement;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentHighlightedIndex = _useState2[0],
+      setCurrentHighlightedIndex = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasFocus = _useState4[0],
+      setHasFocus = _useState4[1];
+
+  var initalRender = useRef(true);
+  var inputRef = useRef(null);
+  var containerRef = useRef(null);
+  var suggestionIdRef = useRef(uuid());
+  useEffect(function () {
+    setCurrentHighlightedIndex(0);
+  }, [suggestions]);
+  useEffect(function () {
+    if (!initalRender.current) {
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    } else {
+      initalRender.current = false;
+    }
+  }, [addedTags]);
+  useEffect(function () {
+    var _document$getElementB;
+
+    var selectedSuggestionElement = (_document$getElementB = document.getElementById(suggestionIdRef.current)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelector('[aria-selected="true"]');
+
+    if (selectedSuggestionElement) {
+      // Do we need to scroll this into view?
+      selectedSuggestionElement.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest'
+      });
+    }
+  }, [currentHighlightedIndex]);
+
+  var hasBeenAdded = function hasBeenAdded(id) {
+    return addedTags.some(function (_ref2) {
+      var idAdded = _ref2.id;
+      return idAdded === id;
+    });
+  };
+
+  return ___EmotionJSX(SuggestionInputContainer, {
+    ref: containerRef
+  }, ___EmotionJSX(StyledInputWrapper, null, addedTags.map(function (_ref3) {
+    var id = _ref3.id,
+        name = _ref3.name;
+    return ___EmotionJSX(Button, {
+      "aria-label": t('tagSelector.removeTag', {
+        name: name
+      }),
+      onClick: function onClick() {
+        return onToggleTag(id);
+      },
+      light: true,
+      borderShape: "rounded",
+      key: id,
+      size: "small"
+    }, prefix, name, ___EmotionJSX(Cross, null));
+  }), ___EmotionJSX(CombinedInputAndDropdownWrapper, null, ___EmotionJSX(StyledInput, {
+    placeholder: t('tagSelector.placeholder'),
+    value: value,
+    autoComplete: "off",
+    onBlur: function onBlur(e) {
+      var _relatedTarget$datase;
+
+      var relatedTarget = e.relatedTarget;
+
+      if (!(relatedTarget === null || relatedTarget === void 0 ? void 0 : (_relatedTarget$datase = relatedTarget.dataset) === null || _relatedTarget$datase === void 0 ? void 0 : _relatedTarget$datase.suggestionbutton)) {
+        setExpanded(false);
+        setHasFocus(false);
+      }
+    },
+    onChange: onChange,
+    onFocus: function onFocus() {
+      if (isMobile && (scrollAnchorElement === null || scrollAnchorElement === void 0 ? void 0 : scrollAnchorElement.current)) {
+        scrollAnchorElement.current.scrollIntoView({
+          behavior: 'smooth'
+        });
+      }
+
+      setHasFocus(true);
+    },
+    ref: inputRef,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Escape') {
+        setExpanded(false);
+        e.preventDefault();
+      } else if (e.key === 'Enter' || e.key === 'Tab') {
+        if (value !== '' || expanded) {
+          if (suggestions.length > 0) {
+            if (!hasBeenAdded(suggestions[currentHighlightedIndex].id)) {
+              onToggleTag(suggestions[currentHighlightedIndex].id);
+            }
+
+            setInputValue('');
+
+            if (e.key === 'Enter') {
+              e.preventDefault();
+            }
+          } else {
+            onCreateTag(value);
+            setInputValue('');
+            e.preventDefault();
+          }
+        } else if (e.key === 'Enter') {
+          e.preventDefault();
+        }
+      } else if (e.key === 'ArrowUp') {
+        setCurrentHighlightedIndex(currentHighlightedIndex - 1 < 0 ? suggestions.length - 1 : currentHighlightedIndex - 1);
+        e.preventDefault();
+      } else if (e.key === 'ArrowDown') {
+        setCurrentHighlightedIndex(currentHighlightedIndex + 1 >= suggestions.length ? 0 : currentHighlightedIndex + 1);
+        e.preventDefault();
+      }
+    }
+  }), ___EmotionJSX(Tooltip, {
+    tooltip: expanded ? t('tagSelector.hideAllTags') : t('tagSelector.showAllTags')
+  }, ___EmotionJSX(IconButtonDualStates, {
+    "data-suggestionbutton": true,
+    ariaLabelActive: t('tagSelector.showAllTags'),
+    ariaLabelInActive: t('tagSelector.hideAllTags'),
+    active: expanded,
+    greyLighter: true,
+    inactiveIcon: ___EmotionJSX(ChevronDown, null),
+    activeIcon: ___EmotionJSX(ChevronUp, null),
+    size: "small",
+    "aria-controls": suggestionIdRef.current,
+    onClick: function onClick() {
+      var _inputRef$current2;
+
+      setInputValue('');
+      setExpanded(!expanded);
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    }
+  })))), ___EmotionJSX("div", {
+    id: suggestionIdRef.current,
+    "aria-live": "polite"
+  }, (hasFocus || expanded) && suggestions.length > 0 ? ___EmotionJSX(Suggestions, {
+    inline: inline,
+    dropdownMaxHeight: dropdownMaxHeight,
+    suggestions: suggestions,
+    currentHighlightedIndex: currentHighlightedIndex,
+    onToggleTag: onToggleTag,
+    hasBeenAdded: hasBeenAdded
+  }) : null));
+};
+
+export default SuggestionInput;

package/es/TagSelector/Suggestions.js

@@ -0,0 +1,93 @@
+import _styled from "@emotion/styled-base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+/*
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React from 'react';
+import { Check } from '@ndla/icons/editor';
+import { spacing, colors, misc, animations, fonts, shadows } from '@ndla/core';
+import Button from '@ndla/button';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var ABSOLUTE_DROPDOWN_MAXHEIGHT = '360px';
+
+var CheckedIcon = /*#__PURE__*/_styled(Check, {
+  target: "e1jg8lzr0",
+  label: "CheckedIcon"
+})("width:", spacing.normal, ";height:", spacing.normal, ";fill:", colors.brand.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmlDIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2hlY2sgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zLCBmb250cywgc2hhZG93cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IEFCU09MVVRFX0RST1BET1dOX01BWEhFSUdIVCA9ICczNjBweCc7XG5cbmNvbnN0IENoZWNrZWRJY29uID0gc3R5bGVkKENoZWNrKWBcbiAgd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmaWxsOiAke2NvbG9ycy5icmFuZC5saWdodH07XG5gO1xuXG5pbnRlcmZhY2UgU3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHMge1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBpbmxpbmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9ucyA9IHN0eWxlZC5kaXY8U3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHM+YFxuICBwb3NpdGlvbjogJHsoeyBpbmxpbmUgfSkgPT4gKGlubGluZSA/ICdzdGF0aWMnIDogJ2Fic29sdXRlJyl9O1xuICB6LWluZGV4OiA5OTk5OTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBtYXgtaGVpZ2h0OiBtaW4oJHsoeyBkcm9wZG93bk1heEhlaWdodCB9KSA9PiBkcm9wZG93bk1heEhlaWdodH0sICR7QUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUfSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW4oYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9uTGlzdCA9IHN0eWxlZC5kaXZgXG4gIG9wYWNpdHk6IDA7XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5Cb3R0b20oKX1cbiAgYW5pbWF0aW9uLWRlbGF5OiAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uQnV0dG9uUHJvcHMge1xuICBpc0hpZ2hsaWdodGVkOiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8U3VnZ2VzdGlvbkJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICBmb250LXdlaWdodDogNDAwO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TWVkaXVtfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */"));
+
+var SuggestionsWrapper = _styled("div", {
+  target: "e1jg8lzr1",
+  label: "SuggestionsWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "79elbk",
+  styles: "position:relative;"
+} : {
+  name: "79elbk",
+  styles: "position:relative;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QnFDIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2hlY2sgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zLCBmb250cywgc2hhZG93cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IEFCU09MVVRFX0RST1BET1dOX01BWEhFSUdIVCA9ICczNjBweCc7XG5cbmNvbnN0IENoZWNrZWRJY29uID0gc3R5bGVkKENoZWNrKWBcbiAgd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmaWxsOiAke2NvbG9ycy5icmFuZC5saWdodH07XG5gO1xuXG5pbnRlcmZhY2UgU3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHMge1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBpbmxpbmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9ucyA9IHN0eWxlZC5kaXY8U3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHM+YFxuICBwb3NpdGlvbjogJHsoeyBpbmxpbmUgfSkgPT4gKGlubGluZSA/ICdzdGF0aWMnIDogJ2Fic29sdXRlJyl9O1xuICB6LWluZGV4OiA5OTk5OTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBtYXgtaGVpZ2h0OiBtaW4oJHsoeyBkcm9wZG93bk1heEhlaWdodCB9KSA9PiBkcm9wZG93bk1heEhlaWdodH0sICR7QUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUfSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW4oYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9uTGlzdCA9IHN0eWxlZC5kaXZgXG4gIG9wYWNpdHk6IDA7XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5Cb3R0b20oKX1cbiAgYW5pbWF0aW9uLWRlbGF5OiAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uQnV0dG9uUHJvcHMge1xuICBpc0hpZ2hsaWdodGVkOiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8U3VnZ2VzdGlvbkJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICBmb250LXdlaWdodDogNDAwO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TWVkaXVtfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var Suggestions = _styled("div", {
+  target: "e1jg8lzr2",
+  label: "Suggestions"
+})("position:", function (_ref) {
+  var inline = _ref.inline;
+  return inline ? 'static' : 'absolute';
+}, ";z-index:99999;right:0;left:0;box-shadow:", shadows.levitate1, ";margin:0 ", spacing.small, ";padding:", spacing.small, " 0;overflow-y:scroll;scroll-behavior:smooth;max-height:min(", function (_ref2) {
+  var dropdownMaxHeight = _ref2.dropdownMaxHeight;
+  return dropdownMaxHeight;
+}, ",", ABSOLUTE_DROPDOWN_MAXHEIGHT, ");border-radius:", misc.borderRadius, ";background:", colors.white, ";", animations.fadeIn(animations.durations.fast), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VEIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2hlY2sgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zLCBmb250cywgc2hhZG93cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IEFCU09MVVRFX0RST1BET1dOX01BWEhFSUdIVCA9ICczNjBweCc7XG5cbmNvbnN0IENoZWNrZWRJY29uID0gc3R5bGVkKENoZWNrKWBcbiAgd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmaWxsOiAke2NvbG9ycy5icmFuZC5saWdodH07XG5gO1xuXG5pbnRlcmZhY2UgU3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHMge1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBpbmxpbmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9ucyA9IHN0eWxlZC5kaXY8U3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHM+YFxuICBwb3NpdGlvbjogJHsoeyBpbmxpbmUgfSkgPT4gKGlubGluZSA/ICdzdGF0aWMnIDogJ2Fic29sdXRlJyl9O1xuICB6LWluZGV4OiA5OTk5OTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBtYXgtaGVpZ2h0OiBtaW4oJHsoeyBkcm9wZG93bk1heEhlaWdodCB9KSA9PiBkcm9wZG93bk1heEhlaWdodH0sICR7QUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUfSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW4oYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9uTGlzdCA9IHN0eWxlZC5kaXZgXG4gIG9wYWNpdHk6IDA7XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5Cb3R0b20oKX1cbiAgYW5pbWF0aW9uLWRlbGF5OiAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uQnV0dG9uUHJvcHMge1xuICBpc0hpZ2hsaWdodGVkOiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8U3VnZ2VzdGlvbkJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICBmb250LXdlaWdodDogNDAwO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TWVkaXVtfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */");
+
+var SuggestionList = _styled("div", {
+  target: "e1jg8lzr3",
+  label: "SuggestionList"
+})("opacity:0;", animations.fadeInBottom(), " animation-delay:", animations.durations.fast, ";animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlDIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2hlY2sgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zLCBmb250cywgc2hhZG93cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IEFCU09MVVRFX0RST1BET1dOX01BWEhFSUdIVCA9ICczNjBweCc7XG5cbmNvbnN0IENoZWNrZWRJY29uID0gc3R5bGVkKENoZWNrKWBcbiAgd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmaWxsOiAke2NvbG9ycy5icmFuZC5saWdodH07XG5gO1xuXG5pbnRlcmZhY2UgU3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHMge1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBpbmxpbmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9ucyA9IHN0eWxlZC5kaXY8U3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHM+YFxuICBwb3NpdGlvbjogJHsoeyBpbmxpbmUgfSkgPT4gKGlubGluZSA/ICdzdGF0aWMnIDogJ2Fic29sdXRlJyl9O1xuICB6LWluZGV4OiA5OTk5OTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBtYXgtaGVpZ2h0OiBtaW4oJHsoeyBkcm9wZG93bk1heEhlaWdodCB9KSA9PiBkcm9wZG93bk1heEhlaWdodH0sICR7QUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUfSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW4oYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9uTGlzdCA9IHN0eWxlZC5kaXZgXG4gIG9wYWNpdHk6IDA7XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5Cb3R0b20oKX1cbiAgYW5pbWF0aW9uLWRlbGF5OiAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uQnV0dG9uUHJvcHMge1xuICBpc0hpZ2hsaWdodGVkOiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8U3VnZ2VzdGlvbkJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICBmb250LXdlaWdodDogNDAwO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TWVkaXVtfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */"));
+
+var SuggestionButton = /*#__PURE__*/_styled(Button, {
+  target: "e1jg8lzr4",
+  label: "SuggestionButton"
+})("display:flex;justify-content:space-between;", fonts.sizes(18), ";transition:", misc.transition["default"], ";font-weight:400;&:disabled{color:", colors.brand.greyMedium, ";&:hover{svg{fill:", colors.brand.greyLight, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRDhEIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2hlY2sgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zLCBmb250cywgc2hhZG93cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHR5cGUgeyBUYWdUeXBlIH0gZnJvbSAnLi9UYWdTZWxlY3Rvcic7XG5cbmNvbnN0IEFCU09MVVRFX0RST1BET1dOX01BWEhFSUdIVCA9ICczNjBweCc7XG5cbmNvbnN0IENoZWNrZWRJY29uID0gc3R5bGVkKENoZWNrKWBcbiAgd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmaWxsOiAke2NvbG9ycy5icmFuZC5saWdodH07XG5gO1xuXG5pbnRlcmZhY2UgU3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHMge1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBpbmxpbmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9ucyA9IHN0eWxlZC5kaXY8U3VnZ2VzdGlvbnNXcmFwcGVyUHJvcHM+YFxuICBwb3NpdGlvbjogJHsoeyBpbmxpbmUgfSkgPT4gKGlubGluZSA/ICdzdGF0aWMnIDogJ2Fic29sdXRlJyl9O1xuICB6LWluZGV4OiA5OTk5OTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBtYXgtaGVpZ2h0OiBtaW4oJHsoeyBkcm9wZG93bk1heEhlaWdodCB9KSA9PiBkcm9wZG93bk1heEhlaWdodH0sICR7QUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUfSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW4oYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9XG5gO1xuXG5jb25zdCBTdWdnZXN0aW9uTGlzdCA9IHN0eWxlZC5kaXZgXG4gIG9wYWNpdHk6IDA7XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5Cb3R0b20oKX1cbiAgYW5pbWF0aW9uLWRlbGF5OiAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uQnV0dG9uUHJvcHMge1xuICBpc0hpZ2hsaWdodGVkOiBib29sZWFuO1xufVxuXG5jb25zdCBTdWdnZXN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8U3VnZ2VzdGlvbkJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICBmb250LXdlaWdodDogNDAwO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TWVkaXVtfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */"));
+
+var TagSuggestions = function TagSuggestions(_ref3) {
+  var inline = _ref3.inline,
+      dropdownMaxHeight = _ref3.dropdownMaxHeight,
+      suggestions = _ref3.suggestions,
+      currentHighlightedIndex = _ref3.currentHighlightedIndex,
+      onToggleTag = _ref3.onToggleTag,
+      hasBeenAdded = _ref3.hasBeenAdded;
+  return ___EmotionJSX(SuggestionsWrapper, null, ___EmotionJSX(Suggestions, {
+    inline: inline,
+    dropdownMaxHeight: dropdownMaxHeight
+  }, ___EmotionJSX(SuggestionList, {
+    role: "listbox"
+  }, suggestions.map(function (_ref4, index) {
+    var id = _ref4.id,
+        name = _ref4.name;
+    var alreadyAdded = hasBeenAdded(id);
+    var selected = index === currentHighlightedIndex;
+    return ___EmotionJSX(SuggestionButton, {
+      borderShape: "sharpened",
+      ghostPill: true,
+      width: "full",
+      textAlign: "left",
+      "data-suggestionbutton": true,
+      role: "option",
+      "aria-selected": selected,
+      disabled: alreadyAdded,
+      isHighlighted: selected,
+      onMouseDown: function onMouseDown() {
+        onToggleTag(id);
+      },
+      key: id
+    }, ___EmotionJSX("span", null, name), alreadyAdded && ___EmotionJSX(CheckedIcon, null));
+  }))));
+};
+
+export default TagSuggestions;

package/es/TagSelector/TagSelector.js

@@ -0,0 +1,137 @@
+import _styled from "@emotion/styled-base";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/*
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React, { useState, useRef, useEffect } from 'react';
+import { spacingUnit, fonts } from '@ndla/core';
+import { uuid } from '@ndla/util';
+import SuggestionInput from './SuggestionInput';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var DEFAULT_DROPDOWN_MAXHEIGHT = '240px';
+
+var StyledLabel = _styled("label", {
+  target: "eor9swf0",
+  label: "StyledLabel"
+})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZ1NlbGVjdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdDIiwiZmlsZSI6IlRhZ1NlbGVjdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIHVzZVJlZiwgdXNlRWZmZWN0LCBDaGFuZ2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmdVbml0LCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXVpZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IFN1Z2dlc3Rpb25JbnB1dCBmcm9tICcuL1N1Z2dlc3Rpb25JbnB1dCc7XG5cbmNvbnN0IERFRkFVTFRfRFJPUERPV05fTUFYSEVJR0hUID0gJzI0MHB4JztcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhZ1R5cGUge1xuICBuYW1lOiBzdHJpbmc7XG4gIGlkOiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHRhZ3M6IFRhZ1R5cGVbXTtcbiAgdGFnc1NlbGVjdGVkOiBzdHJpbmdbXTtcbiAgb25Ub2dnbGVUYWc6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkNyZWF0ZVRhZzogKHRhZ05hbWU6IHN0cmluZykgPT4gdm9pZDtcbiAgaW5saW5lPzogYm9vbGVhbjtcbiAgcHJlZml4Pzogc3RyaW5nO1xufVxuXG5jb25zdCBzb3J0ZWRUYWdzID0gKHRhZ3M6IFRhZ1R5cGVbXSwgc2VsZWN0ZWRUYWdzOiBzdHJpbmdbXSk6IFRhZ1R5cGVbXSA9PlxuICB0YWdzXG4gICAgLmZpbHRlcigoeyBpZCB9KSA9PiBzZWxlY3RlZFRhZ3Muc29tZSgoaWRTZWxlY3RlZCkgPT4gaWRTZWxlY3RlZCA9PT0gaWQpKVxuICAgIC5zb3J0KChhLCBiKSA9PiBhLm5hbWUubG9jYWxlQ29tcGFyZShiLm5hbWUsICduYicpKTtcblxuY29uc3QgZ2V0U3VnZ2VzdGlvbnMgPSAodGFnczogVGFnVHlwZVtdLCBpbnB1dFZhbHVlOiBzdHJpbmcpOiBUYWdUeXBlW10gPT4ge1xuICBpZiAoaW5wdXRWYWx1ZSA9PT0gJycpIHtcbiAgICByZXR1cm4gW107XG4gIH1cbiAgY29uc3QgaW5wdXRMb3dlcmNhc2UgPSBpbnB1dFZhbHVlLnRvTG93ZXJDYXNlKCk7XG4gIHJldHVybiB0YWdzXG4gICAgLmZpbHRlcigoeyBuYW1lIH0pID0+IG5hbWUudG9Mb3dlckNhc2UoKS5zdGFydHNXaXRoKGlucHV0TG93ZXJjYXNlKSlcbiAgICAuc29ydCgoYSwgYikgPT4gYS5uYW1lLmxvY2FsZUNvbXBhcmUoYi5uYW1lLCAnbmInKSk7XG59O1xuXG5jb25zdCBUYWdTZWxlY3RvciA9ICh7IGxhYmVsLCB0YWdzLCB0YWdzU2VsZWN0ZWQsIG9uQ3JlYXRlVGFnLCBvblRvZ2dsZVRhZywgaW5saW5lLCBwcmVmaXggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lucHV0VmFsdWUsIHNldElucHV0VmFsdWVdID0gdXNlU3RhdGUoJycpO1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2Ryb3Bkb3duTWF4SGVpZ2h0LCBzZXREcm9wZG93bk1heEhlaWdodF0gPSB1c2VTdGF0ZShERUZBVUxUX0RST1BET1dOX01BWEhFSUdIVCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlucHV0SWRSZWYgPSB1c2VSZWY8c3RyaW5nPih1dWlkKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RXhwYW5kZWQoZmFsc2UpO1xuICB9LCBbdGFnc1NlbGVjdGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZXRNYXhEcm9wZG93bk1heEhlaWdodCA9ICgpID0+IHtcbiAgICAgIGlmICghaW5saW5lICYmIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBkaXN0YW5jZSBmcm9tIGJvdHRvbSBvZiBjb250YWluZXIgdG8gYm90dG9tIG9mIHZpZXdwb3J0XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lckJvdHRvbSA9IGNvbnRhaW5lclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmJvdHRvbTtcbiAgICAgICAgY29uc3Qgdmlld3BvcnRCb3R0b20gPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc2Nyb2xsSGVpZ2h0O1xuICAgICAgICBjb25zdCBtYXhEcm9wZG93bkhlaWdodCA9IHZpZXdwb3J0Qm90dG9tIC0gY29udGFpbmVyQm90dG9tO1xuICAgICAgICBzZXREcm9wZG93bk1heEhlaWdodChgJHttYXhEcm9wZG93bkhlaWdodCAtIHNwYWNpbmdVbml0fXB4YCk7XG4gICAgICB9XG4gICAgfTtcbiAgICBpZiAoIWlubGluZSAmJiB0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgaWYgKGV4cGFuZGVkKSB7XG4gICAgICAgIHNldE1heERyb3Bkb3duTWF4SGVpZ2h0KCk7XG4gICAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRNYXhEcm9wZG93bk1heEhlaWdodCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgc2V0TWF4RHJvcGRvd25NYXhIZWlnaHQpO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHNldE1heERyb3Bkb3duTWF4SGVpZ2h0KTtcbiAgICB9O1xuICB9LCBbZXhwYW5kZWQsIGlubGluZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICA8U3R5bGVkTGFiZWwgaHRtbEZvcj17aW5wdXRJZFJlZi5jdXJyZW50fT57bGFiZWx9PC9TdHlsZWRMYWJlbD5cbiAgICAgIDxTdWdnZXN0aW9uSW5wdXRcbiAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgICAgICAgc2V0SW5wdXRWYWx1ZSh0YXJnZXQudmFsdWUpO1xuICAgICAgICAgIHNldEV4cGFuZGVkKGZhbHNlKTtcbiAgICAgICAgfX1cbiAgICAgICAgc3VnZ2VzdGlvbnM9e2V4cGFuZGVkID8gdGFncyA6IGdldFN1Z2dlc3Rpb25zKHRhZ3MsIGlucHV0VmFsdWUpfVxuICAgICAgICB2YWx1ZT17aW5wdXRWYWx1ZX1cbiAgICAgICAgb25DcmVhdGVUYWc9e29uQ3JlYXRlVGFnfVxuICAgICAgICBvblRvZ2dsZVRhZz17b25Ub2dnbGVUYWd9XG4gICAgICAgIHNldElucHV0VmFsdWU9e3NldElucHV0VmFsdWV9XG4gICAgICAgIGFkZGVkVGFncz17c29ydGVkVGFncyh0YWdzLCB0YWdzU2VsZWN0ZWQpfVxuICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgIHNldEV4cGFuZGVkPXtzZXRFeHBhbmRlZH1cbiAgICAgICAgZHJvcGRvd25NYXhIZWlnaHQ9e2Ryb3Bkb3duTWF4SGVpZ2h0fVxuICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgc2Nyb2xsQW5jaG9yRWxlbWVudD17Y29udGFpbmVyUmVmfVxuICAgICAgICBwcmVmaXg9e3ByZWZpeH1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWdTZWxlY3RvcjtcbiJdfQ== */"));
+
+var sortedTags = function sortedTags(tags, selectedTags) {
+  return tags.filter(function (_ref) {
+    var id = _ref.id;
+    return selectedTags.some(function (idSelected) {
+      return idSelected === id;
+    });
+  }).sort(function (a, b) {
+    return a.name.localeCompare(b.name, 'nb');
+  });
+};
+
+var getSuggestions = function getSuggestions(tags, inputValue) {
+  if (inputValue === '') {
+    return [];
+  }
+
+  var inputLowercase = inputValue.toLowerCase();
+  return tags.filter(function (_ref2) {
+    var name = _ref2.name;
+    return name.toLowerCase().startsWith(inputLowercase);
+  }).sort(function (a, b) {
+    return a.name.localeCompare(b.name, 'nb');
+  });
+};
+
+var TagSelector = function TagSelector(_ref3) {
+  var label = _ref3.label,
+      tags = _ref3.tags,
+      tagsSelected = _ref3.tagsSelected,
+      onCreateTag = _ref3.onCreateTag,
+      onToggleTag = _ref3.onToggleTag,
+      inline = _ref3.inline,
+      prefix = _ref3.prefix;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expanded = _useState4[0],
+      setExpanded = _useState4[1];
+
+  var _useState5 = useState(DEFAULT_DROPDOWN_MAXHEIGHT),
+      _useState6 = _slicedToArray(_useState5, 2),
+      dropdownMaxHeight = _useState6[0],
+      setDropdownMaxHeight = _useState6[1];
+
+  var containerRef = useRef(null);
+  var inputIdRef = useRef(uuid());
+  useEffect(function () {
+    setExpanded(false);
+  }, [tagsSelected]);
+  useEffect(function () {
+    var setMaxDropdownMaxHeight = function setMaxDropdownMaxHeight() {
+      if (!inline && containerRef.current && typeof window !== 'undefined') {
+        // Calculate distance from bottom of container to bottom of viewport
+        var containerBottom = containerRef.current.getBoundingClientRect().bottom;
+        var viewportBottom = document.documentElement.scrollHeight;
+        var maxDropdownHeight = viewportBottom - containerBottom;
+        setDropdownMaxHeight("".concat(maxDropdownHeight - spacingUnit, "px"));
+      }
+    };
+
+    if (!inline && typeof window !== 'undefined') {
+      if (expanded) {
+        setMaxDropdownMaxHeight();
+        window.addEventListener('resize', setMaxDropdownMaxHeight);
+      } else {
+        window.removeEventListener('resize', setMaxDropdownMaxHeight);
+      }
+    }
+
+    return function () {
+      typeof window !== 'undefined' && window.removeEventListener('resize', setMaxDropdownMaxHeight);
+    };
+  }, [expanded, inline]);
+  return ___EmotionJSX("div", {
+    ref: containerRef
+  }, ___EmotionJSX(StyledLabel, {
+    htmlFor: inputIdRef.current
+  }, label), ___EmotionJSX(SuggestionInput, {
+    onChange: function onChange(e) {
+      var target = e.target;
+      setInputValue(target.value);
+      setExpanded(false);
+    },
+    suggestions: expanded ? tags : getSuggestions(tags, inputValue),
+    value: inputValue,
+    onCreateTag: onCreateTag,
+    onToggleTag: onToggleTag,
+    setInputValue: setInputValue,
+    addedTags: sortedTags(tags, tagsSelected),
+    expanded: expanded,
+    setExpanded: setExpanded,
+    dropdownMaxHeight: dropdownMaxHeight,
+    inline: inline,
+    scrollAnchorElement: containerRef,
+    prefix: prefix
+  }));
+};
+
+export default TagSelector;