@ndla/ui 27.1.7 → 29.0.0

package/lib/TagSelector/Suggestions.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@emotion/core");
-
-var _editor = require("@ndla/icons/editor");
-
-var _core2 = require("@ndla/core");
-
-var _button = _interopRequireDefault(require("@ndla/button"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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)."; }
-
-var ABSOLUTE_DROPDOWN_MAXHEIGHT = '360px';
-var CheckedIcon = ( /*#__PURE__*/0, _styledBase["default"])(_editor.Check, {
-  target: "e1jg8lzr0",
-  label: "CheckedIcon"
-})("width:", _core2.spacing.normal, ";height:", _core2.spacing.normal, ";fill:", _core2.colors.brand.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmlDIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDaGVjayB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIG1pc2MsIGFuaW1hdGlvbnMsIGZvbnRzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFRhZ1R5cGUgfSBmcm9tICcuL1RhZ1NlbGVjdG9yJztcblxuY29uc3QgQUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUID0gJzM2MHB4JztcblxuY29uc3QgQ2hlY2tlZEljb24gPSBzdHlsZWQoQ2hlY2spYFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcyB7XG4gIGRyb3Bkb3duTWF4SGVpZ2h0OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25zID0gc3R5bGVkLmRpdjxTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiAkeyh7IGlubGluZSB9KSA9PiAoaW5saW5lID8gJ3N0YXRpYycgOiAnYWJzb2x1dGUnKX07XG4gIHotaW5kZXg6IDk5OTk5O1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIG1hcmdpbjogMCAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIG1heC1oZWlnaHQ6IG1pbigkeyh7IGRyb3Bkb3duTWF4SGVpZ2h0IH0pID0+IGRyb3Bkb3duTWF4SGVpZ2h0fSwgJHtBQlNPTFVURV9EUk9QRE9XTl9NQVhIRUlHSFR9KTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgJHthbmltYXRpb25zLmZhZGVJbihhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX1cbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25MaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3BhY2l0eTogMDtcbiAgJHthbmltYXRpb25zLmZhZGVJbkJvdHRvbSgpfVxuICBhbmltYXRpb24tZGVsYXk6ICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25CdXR0b25Qcm9wcyB7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKTxTdWdnZXN0aW9uQnV0dG9uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICAgICY6aG92ZXIge1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgJHsoeyBpc0hpZ2hsaWdodGVkIH0pID0+XG4gICAgaXNIaWdobGlnaHRlZFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */"));
-var SuggestionsWrapper = (0, _styledBase["default"])("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnFDIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDaGVjayB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIG1pc2MsIGFuaW1hdGlvbnMsIGZvbnRzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFRhZ1R5cGUgfSBmcm9tICcuL1RhZ1NlbGVjdG9yJztcblxuY29uc3QgQUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUID0gJzM2MHB4JztcblxuY29uc3QgQ2hlY2tlZEljb24gPSBzdHlsZWQoQ2hlY2spYFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcyB7XG4gIGRyb3Bkb3duTWF4SGVpZ2h0OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25zID0gc3R5bGVkLmRpdjxTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiAkeyh7IGlubGluZSB9KSA9PiAoaW5saW5lID8gJ3N0YXRpYycgOiAnYWJzb2x1dGUnKX07XG4gIHotaW5kZXg6IDk5OTk5O1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIG1hcmdpbjogMCAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIG1heC1oZWlnaHQ6IG1pbigkeyh7IGRyb3Bkb3duTWF4SGVpZ2h0IH0pID0+IGRyb3Bkb3duTWF4SGVpZ2h0fSwgJHtBQlNPTFVURV9EUk9QRE9XTl9NQVhIRUlHSFR9KTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgJHthbmltYXRpb25zLmZhZGVJbihhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX1cbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25MaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3BhY2l0eTogMDtcbiAgJHthbmltYXRpb25zLmZhZGVJbkJvdHRvbSgpfVxuICBhbmltYXRpb24tZGVsYXk6ICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25CdXR0b25Qcm9wcyB7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKTxTdWdnZXN0aW9uQnV0dG9uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICAgICY6aG92ZXIge1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgJHsoeyBpc0hpZ2hsaWdodGVkIH0pID0+XG4gICAgaXNIaWdobGlnaHRlZFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Suggestions = (0, _styledBase["default"])("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:", _core2.shadows.levitate1, ";margin:0 ", _core2.spacing.small, ";padding:", _core2.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:", _core2.misc.borderRadius, ";background:", _core2.colors.white, ";", _core2.animations.fadeIn(_core2.animations.durations.fast), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3VEIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDaGVjayB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIG1pc2MsIGFuaW1hdGlvbnMsIGZvbnRzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFRhZ1R5cGUgfSBmcm9tICcuL1RhZ1NlbGVjdG9yJztcblxuY29uc3QgQUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUID0gJzM2MHB4JztcblxuY29uc3QgQ2hlY2tlZEljb24gPSBzdHlsZWQoQ2hlY2spYFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcyB7XG4gIGRyb3Bkb3duTWF4SGVpZ2h0OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25zID0gc3R5bGVkLmRpdjxTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiAkeyh7IGlubGluZSB9KSA9PiAoaW5saW5lID8gJ3N0YXRpYycgOiAnYWJzb2x1dGUnKX07XG4gIHotaW5kZXg6IDk5OTk5O1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIG1hcmdpbjogMCAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIG1heC1oZWlnaHQ6IG1pbigkeyh7IGRyb3Bkb3duTWF4SGVpZ2h0IH0pID0+IGRyb3Bkb3duTWF4SGVpZ2h0fSwgJHtBQlNPTFVURV9EUk9QRE9XTl9NQVhIRUlHSFR9KTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgJHthbmltYXRpb25zLmZhZGVJbihhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX1cbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25MaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3BhY2l0eTogMDtcbiAgJHthbmltYXRpb25zLmZhZGVJbkJvdHRvbSgpfVxuICBhbmltYXRpb24tZGVsYXk6ICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25CdXR0b25Qcm9wcyB7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKTxTdWdnZXN0aW9uQnV0dG9uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICAgICY6aG92ZXIge1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgJHsoeyBpc0hpZ2hsaWdodGVkIH0pID0+XG4gICAgaXNIaWdobGlnaHRlZFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */");
-var SuggestionList = (0, _styledBase["default"])("div", {
-  target: "e1jg8lzr3",
-  label: "SuggestionList"
-})("opacity:0;", _core2.animations.fadeInBottom(), " animation-delay:", _core2.animations.durations.fast, ";animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDaGVjayB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIG1pc2MsIGFuaW1hdGlvbnMsIGZvbnRzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFRhZ1R5cGUgfSBmcm9tICcuL1RhZ1NlbGVjdG9yJztcblxuY29uc3QgQUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUID0gJzM2MHB4JztcblxuY29uc3QgQ2hlY2tlZEljb24gPSBzdHlsZWQoQ2hlY2spYFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcyB7XG4gIGRyb3Bkb3duTWF4SGVpZ2h0OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25zID0gc3R5bGVkLmRpdjxTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiAkeyh7IGlubGluZSB9KSA9PiAoaW5saW5lID8gJ3N0YXRpYycgOiAnYWJzb2x1dGUnKX07XG4gIHotaW5kZXg6IDk5OTk5O1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIG1hcmdpbjogMCAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIG1heC1oZWlnaHQ6IG1pbigkeyh7IGRyb3Bkb3duTWF4SGVpZ2h0IH0pID0+IGRyb3Bkb3duTWF4SGVpZ2h0fSwgJHtBQlNPTFVURV9EUk9QRE9XTl9NQVhIRUlHSFR9KTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgJHthbmltYXRpb25zLmZhZGVJbihhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX1cbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25MaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3BhY2l0eTogMDtcbiAgJHthbmltYXRpb25zLmZhZGVJbkJvdHRvbSgpfVxuICBhbmltYXRpb24tZGVsYXk6ICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25CdXR0b25Qcm9wcyB7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKTxTdWdnZXN0aW9uQnV0dG9uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICAgICY6aG92ZXIge1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgJHsoeyBpc0hpZ2hsaWdodGVkIH0pID0+XG4gICAgaXNIaWdobGlnaHRlZFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */"));
-var SuggestionButton = ( /*#__PURE__*/0, _styledBase["default"])(_button["default"], {
-  target: "e1jg8lzr4",
-  label: "SuggestionButton"
-})("display:flex;justify-content:space-between;align-items:center;", _core2.fonts.sizes(18), ";transition:", _core2.misc.transition["default"], ";font-weight:400;&:disabled{color:", _core2.colors.brand.greyMedium, ";&:hover{svg{fill:", _core2.colors.brand.greyLight, ";}}}", function (_ref3) {
-  var isHighlighted = _ref3.isHighlighted;
-  return isHighlighted ? /*#__PURE__*/(0, _core.css)("background:", _core2.colors.brand.lighter, ";&:disabled{background:", _core2.colors.brand.greyLighter, ";svg{fill:", _core2.colors.brand.grey, ";}};label:SuggestionButton;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RVciLCJmaWxlIjoiU3VnZ2VzdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENoZWNrIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgbWlzYywgYW5pbWF0aW9ucywgZm9udHMsIHNoYWRvd3MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB0eXBlIHsgVGFnVHlwZSB9IGZyb20gJy4vVGFnU2VsZWN0b3InO1xuXG5jb25zdCBBQlNPTFVURV9EUk9QRE9XTl9NQVhIRUlHSFQgPSAnMzYwcHgnO1xuXG5jb25zdCBDaGVja2VkSWNvbiA9IHN0eWxlZChDaGVjaylgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25zV3JhcHBlclByb3BzIHtcbiAgZHJvcGRvd25NYXhIZWlnaHQ6IHN0cmluZztcbiAgaW5saW5lPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3VnZ2VzdGlvbnNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgU3VnZ2VzdGlvbnMgPSBzdHlsZWQuZGl2PFN1Z2dlc3Rpb25zV3JhcHBlclByb3BzPmBcbiAgcG9zaXRpb246ICR7KHsgaW5saW5lIH0pID0+IChpbmxpbmUgPyAnc3RhdGljJyA6ICdhYnNvbHV0ZScpfTtcbiAgei1pbmRleDogOTk5OTk7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICBib3gtc2hhZG93OiAke3NoYWRvd3MubGV2aXRhdGUxfTtcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgbWF4LWhlaWdodDogbWluKCR7KHsgZHJvcGRvd25NYXhIZWlnaHQgfSkgPT4gZHJvcGRvd25NYXhIZWlnaHR9LCAke0FCU09MVVRFX0RST1BET1dOX01BWEhFSUdIVH0pO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluKGFuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3QpfVxuYDtcblxuY29uc3QgU3VnZ2VzdGlvbkxpc3QgPSBzdHlsZWQuZGl2YFxuICBvcGFjaXR5OiAwO1xuICAke2FuaW1hdGlvbnMuZmFkZUluQm90dG9tKCl9XG4gIGFuaW1hdGlvbi1kZWxheTogJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5gO1xuXG5pbnRlcmZhY2UgU3VnZ2VzdGlvbkJ1dHRvblByb3BzIHtcbiAgaXNIaWdobGlnaHRlZDogYm9vbGVhbjtcbn1cblxuY29uc3QgU3VnZ2VzdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pPFN1Z2dlc3Rpb25CdXR0b25Qcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICB0cmFuc2l0aW9uOiAke21pc2MudHJhbnNpdGlvbi5kZWZhdWx0fTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gICAgJjpob3ZlciB7XG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAkeyh7IGlzSGlnaGxpZ2h0ZWQgfSkgPT5cbiAgICBpc0hpZ2hsaWdodGVkXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgOiAnJ31cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlubGluZT86IGJvb2xlYW47XG4gIGRyb3Bkb3duTWF4SGVpZ2h0OiBzdHJpbmc7XG4gIHN1Z2dlc3Rpb25zOiBUYWdUeXBlW107XG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4OiBudW1iZXI7XG4gIG9uVG9nZ2xlVGFnOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgaGFzQmVlbkFkZGVkOiAoaWQ6IHN0cmluZykgPT4gYm9vbGVhbjtcbn1cblxuY29uc3QgVGFnU3VnZ2VzdGlvbnMgPSAoe1xuICBpbmxpbmUsXG4gIGRyb3Bkb3duTWF4SGVpZ2h0LFxuICBzdWdnZXN0aW9ucyxcbiAgY3VycmVudEhpZ2hsaWdodGVkSW5kZXgsXG4gIG9uVG9nZ2xlVGFnLFxuICBoYXNCZWVuQWRkZWQsXG59OiBQcm9wcykgPT4gKFxuICA8U3VnZ2VzdGlvbnNXcmFwcGVyPlxuICAgIDxTdWdnZXN0aW9ucyBpbmxpbmU9e2lubGluZX0gZHJvcGRvd25NYXhIZWlnaHQ9e2Ryb3Bkb3duTWF4SGVpZ2h0fT5cbiAgICAgIDxTdWdnZXN0aW9uTGlzdCByb2xlPVwibGlzdGJveFwiPlxuICAgICAgICB7c3VnZ2VzdGlvbnMubWFwKCh7IGlkLCBuYW1lIH0sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgICBjb25zdCBhbHJlYWR5QWRkZWQgPSBoYXNCZWVuQWRkZWQoaWQpO1xuICAgICAgICAgIGNvbnN0IHNlbGVjdGVkID0gaW5kZXggPT09IGN1cnJlbnRIaWdobGlnaHRlZEluZGV4O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8U3VnZ2VzdGlvbkJ1dHRvblxuICAgICAgICAgICAgICBib3JkZXJTaGFwZT1cInNoYXJwZW5lZFwiXG4gICAgICAgICAgICAgIGdob3N0UGlsbFxuICAgICAgICAgICAgICB3aWR0aD1cImZ1bGxcIlxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgICAgZGF0YS1zdWdnZXN0aW9uYnV0dG9uXG4gICAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2FscmVhZHlBZGRlZH1cbiAgICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25Ub2dnbGVUYWcoaWQpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBrZXk9e2lkfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICB7YWxyZWFkeUFkZGVkICYmIDxDaGVja2VkSWNvbiAvPn1cbiAgICAgICAgICAgIDwvU3VnZ2VzdGlvbkJ1dHRvbj5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvU3VnZ2VzdGlvbkxpc3Q+XG4gICAgPC9TdWdnZXN0aW9ucz5cbiAgPC9TdWdnZXN0aW9uc1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdTdWdnZXN0aW9ucztcbiJdfQ== */")) : '';
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1Z2dlc3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RDhEIiwiZmlsZSI6IlN1Z2dlc3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDaGVjayB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIG1pc2MsIGFuaW1hdGlvbnMsIGZvbnRzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFRhZ1R5cGUgfSBmcm9tICcuL1RhZ1NlbGVjdG9yJztcblxuY29uc3QgQUJTT0xVVEVfRFJPUERPV05fTUFYSEVJR0hUID0gJzM2MHB4JztcblxuY29uc3QgQ2hlY2tlZEljb24gPSBzdHlsZWQoQ2hlY2spYFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbmA7XG5cbmludGVyZmFjZSBTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcyB7XG4gIGRyb3Bkb3duTWF4SGVpZ2h0OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25zID0gc3R5bGVkLmRpdjxTdWdnZXN0aW9uc1dyYXBwZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiAkeyh7IGlubGluZSB9KSA9PiAoaW5saW5lID8gJ3N0YXRpYycgOiAnYWJzb2x1dGUnKX07XG4gIHotaW5kZXg6IDk5OTk5O1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIG1hcmdpbjogMCAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIG1heC1oZWlnaHQ6IG1pbigkeyh7IGRyb3Bkb3duTWF4SGVpZ2h0IH0pID0+IGRyb3Bkb3duTWF4SGVpZ2h0fSwgJHtBQlNPTFVURV9EUk9QRE9XTl9NQVhIRUlHSFR9KTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgJHthbmltYXRpb25zLmZhZGVJbihhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX1cbmA7XG5cbmNvbnN0IFN1Z2dlc3Rpb25MaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3BhY2l0eTogMDtcbiAgJHthbmltYXRpb25zLmZhZGVJbkJvdHRvbSgpfVxuICBhbmltYXRpb24tZGVsYXk6ICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuYDtcblxuaW50ZXJmYWNlIFN1Z2dlc3Rpb25CdXR0b25Qcm9wcyB7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN1Z2dlc3Rpb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKTxTdWdnZXN0aW9uQnV0dG9uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoMTgpfTtcbiAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICAgICY6aG92ZXIge1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgJHsoeyBpc0hpZ2hsaWdodGVkIH0pID0+XG4gICAgaXNIaWdobGlnaHRlZFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBkcm9wZG93bk1heEhlaWdodDogc3RyaW5nO1xuICBzdWdnZXN0aW9uczogVGFnVHlwZVtdO1xuICBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDogbnVtYmVyO1xuICBvblRvZ2dsZVRhZzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhc0JlZW5BZGRlZDogKGlkOiBzdHJpbmcpID0+IGJvb2xlYW47XG59XG5cbmNvbnN0IFRhZ1N1Z2dlc3Rpb25zID0gKHtcbiAgaW5saW5lLFxuICBkcm9wZG93bk1heEhlaWdodCxcbiAgc3VnZ2VzdGlvbnMsXG4gIGN1cnJlbnRIaWdobGlnaHRlZEluZGV4LFxuICBvblRvZ2dsZVRhZyxcbiAgaGFzQmVlbkFkZGVkLFxufTogUHJvcHMpID0+IChcbiAgPFN1Z2dlc3Rpb25zV3JhcHBlcj5cbiAgICA8U3VnZ2VzdGlvbnMgaW5saW5lPXtpbmxpbmV9IGRyb3Bkb3duTWF4SGVpZ2h0PXtkcm9wZG93bk1heEhlaWdodH0+XG4gICAgICA8U3VnZ2VzdGlvbkxpc3Qgcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAge3N1Z2dlc3Rpb25zLm1hcCgoeyBpZCwgbmFtZSB9LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgY29uc3QgYWxyZWFkeUFkZGVkID0gaGFzQmVlbkFkZGVkKGlkKTtcbiAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IGluZGV4ID09PSBjdXJyZW50SGlnaGxpZ2h0ZWRJbmRleDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFN1Z2dlc3Rpb25CdXR0b25cbiAgICAgICAgICAgICAgYm9yZGVyU2hhcGU9XCJzaGFycGVuZWRcIlxuICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgd2lkdGg9XCJmdWxsXCJcbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgIGRhdGEtc3VnZ2VzdGlvbmJ1dHRvblxuICAgICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXthbHJlYWR5QWRkZWR9XG4gICAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uVG9nZ2xlVGFnKGlkKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAga2V5PXtpZH0+XG4gICAgICAgICAgICAgIDxzcGFuPntuYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAge2FscmVhZHlBZGRlZCAmJiA8Q2hlY2tlZEljb24gLz59XG4gICAgICAgICAgICA8L1N1Z2dlc3Rpb25CdXR0b24+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1N1Z2dlc3Rpb25MaXN0PlxuICAgIDwvU3VnZ2VzdGlvbnM+XG4gIDwvU3VnZ2VzdGlvbnNXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFnU3VnZ2VzdGlvbnM7XG4iXX0= */");
-
-var TagSuggestions = function TagSuggestions(_ref4) {
-  var inline = _ref4.inline,
-      dropdownMaxHeight = _ref4.dropdownMaxHeight,
-      suggestions = _ref4.suggestions,
-      currentHighlightedIndex = _ref4.currentHighlightedIndex,
-      onToggleTag = _ref4.onToggleTag,
-      hasBeenAdded = _ref4.hasBeenAdded;
-  return (0, _core.jsx)(SuggestionsWrapper, null, (0, _core.jsx)(Suggestions, {
-    inline: inline,
-    dropdownMaxHeight: dropdownMaxHeight
-  }, (0, _core.jsx)(SuggestionList, {
-    role: "listbox"
-  }, suggestions.map(function (_ref5, index) {
-    var id = _ref5.id,
-        name = _ref5.name;
-    var alreadyAdded = hasBeenAdded(id);
-    var selected = index === currentHighlightedIndex;
-    return (0, _core.jsx)(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
-    }, (0, _core.jsx)("span", null, name), alreadyAdded && (0, _core.jsx)(CheckedIcon, null));
-  }))));
-};
-
-var _default = TagSuggestions;
-exports["default"] = _default;

package/src/TagSelector/SuggestionInput.tsx

@@ -1,287 +0,0 @@
-/*
- * 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, ReactNode, RefObject, ChangeEvent, KeyboardEvent } from 'react';
-import { isMobile } from 'react-device-detect';
-import { useTranslation } from 'react-i18next';
-import styled from '@emotion/styled';
-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 type { TagType } from './TagSelector';
-
-const SuggestionTextWrapper = styled.div`
-  ${fonts.sizes(18)};
-  position: absolute;
-  display: flex;
-  flex-grow: 1;
-  left: 0;
-  right: 0;
-  overflow: hidden;
-  max-height: ${spacing.large};
-  padding: 8.333px;
-  padding-right: ${spacing.large};
-  span {
-    color: ${colors.brand.grey};
-    white-space: nowrap;
-    overflow: hidden !important;
-    text-overflow: ellipsis;
-    &:first-of-type {
-      color: transparent;
-    }
-  }
-`;
-
-const SuggestionText = ({ value, suggestionValue }: { value: string; suggestionValue: string }) => (
-  <SuggestionTextWrapper>
-    {!!value && (
-      <>
-        <span>{value}</span>
-        <span>{suggestionValue.substring(value.length)}</span>
-      </>
-    )}
-  </SuggestionTextWrapper>
-);
-
-const Cross = styled(CrossRaw)`
-  margin-left: ${spacing.xxsmall};
-`;
-
-const SuggestionInputContainer = styled.div`
-  margin-bottom: ${spacing.large};
-`;
-
-const StyledInput = styled.input`
-  flex-grow: 1;
-  border: 0;
-  outline: none;
-  ${fonts.sizes(18)};
-  z-index: 1;
-  position: relative;
-  background: transparent;
-`;
-
-const StyledInputWrapper = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${spacing.xsmall};
-  padding: ${spacing.small};
-  border: 1px solid ${colors.brand.neutral7};
-  transition: border-color ${animations.durations.normal} ease;
-  border-radius: ${misc.borderRadius};
-  &:focus-within {
-    border-color: ${colors.brand.primary};
-  }
-`;
-
-const CombinedInputAndDropdownWrapper = styled.div`
-  display: flex;
-  flex-grow: 1;
-  position: relative;
-`;
-
-const StyledTagButton = styled(Button)<{ enableTagButtonAnimation: boolean }>`
-  ${({ enableTagButtonAnimation }) =>
-    enableTagButtonAnimation ? animations.fadeInScaled(animations.durations.slow) : ''}
-`;
-
-interface SuggestionInputProps {
-  suggestions: TagType[];
-  value: string;
-  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-  setExpanded: (expanded: boolean) => void;
-  expanded: boolean;
-  onToggleTag: (id: string) => void;
-  setInputValue: (value: string) => void;
-  onCreateTag: (tagName: string) => void;
-  addedTags: TagType[];
-  dropdownMaxHeight: string;
-  prefix?: string | ReactNode;
-  inline?: boolean;
-  scrollAnchorElement: RefObject<HTMLDivElement>;
-}
-
-const SuggestionInput = ({
-  suggestions,
-  value,
-  setInputValue,
-  onCreateTag,
-  onChange,
-  onToggleTag,
-  addedTags,
-  setExpanded,
-  expanded,
-  dropdownMaxHeight,
-  prefix,
-  inline,
-  scrollAnchorElement,
-}: SuggestionInputProps) => {
-  const { t } = useTranslation();
-  const [currentHighlightedIndex, setCurrentHighlightedIndex] = useState(0);
-  const [hasFocus, setHasFocus] = useState(false);
-  const inputRef = useRef<HTMLInputElement>(null);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const suggestionIdRef = useRef<string>(uuid());
-  const initalTags = useRef<string[]>(addedTags.map(({ id }) => id));
-
-  useEffect(() => {
-    setCurrentHighlightedIndex(0);
-  }, [suggestions]);
-
-  useEffect(() => {
-    const selectedSuggestionElement = document
-      .getElementById(suggestionIdRef.current)
-      ?.querySelector('[aria-selected="true"]');
-    if (selectedSuggestionElement) {
-      // Do we need to scroll this into view?
-      selectedSuggestionElement.scrollIntoView({
-        behavior: 'smooth',
-        block: 'nearest',
-      });
-    }
-  }, [currentHighlightedIndex]);
-
-  const hasBeenAdded = (id: string) => addedTags.some(({ id: idAdded }) => idAdded === id);
-
-  return (
-    <SuggestionInputContainer ref={containerRef}>
-      <StyledInputWrapper>
-        {addedTags.map(({ id, name }) => (
-          <StyledTagButton
-            enableTagButtonAnimation={!initalTags.current.includes(id)}
-            aria-label={t('tagSelector.removeTag', { name })}
-            onClick={() => onToggleTag(id)}
-            light
-            borderShape="rounded"
-            key={id}
-            size="small">
-            {prefix}
-            {name}
-            <Cross />
-          </StyledTagButton>
-        ))}
-        <CombinedInputAndDropdownWrapper>
-          {suggestions[currentHighlightedIndex] && (
-            <SuggestionText value={value} suggestionValue={suggestions[currentHighlightedIndex].name} />
-          )}
-          <StyledInput
-            placeholder={t('tagSelector.placeholder')}
-            value={value}
-            autoComplete="off"
-            onBlur={(e) => {
-              const relatedTarget = e.relatedTarget as HTMLElement;
-              if (!relatedTarget?.dataset?.suggestionbutton) {
-                setExpanded(false);
-                setHasFocus(false);
-              }
-            }}
-            onChange={onChange}
-            onFocus={() => {
-              if (isMobile && scrollAnchorElement?.current) {
-                scrollAnchorElement.current.scrollIntoView({
-                  behavior: 'smooth',
-                });
-              }
-              setHasFocus(true);
-            }}
-            ref={inputRef}
-            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
-              if (!['Enter', ' ', 'Tab', 'ArrowDown', 'ArrowUp', 'Backspace'].includes(e.key)) {
-                return;
-              }
-              const trimmedValue = value.replace(/\s/g, '');
-              if (e.key === 'Escape') {
-                setExpanded(false);
-                e.preventDefault();
-                return;
-              }
-              if (e.key === 'Backspace' && trimmedValue === '' && addedTags.length) {
-                // Remove the added last tag
-                onToggleTag(addedTags[addedTags.length - 1].id);
-                return;
-              }
-              if (e.key === 'ArrowUp') {
-                setCurrentHighlightedIndex(
-                  currentHighlightedIndex - 1 < 0 ? suggestions.length - 1 : currentHighlightedIndex - 1,
-                );
-                e.preventDefault();
-                return;
-              }
-              if (e.key === 'ArrowDown') {
-                setCurrentHighlightedIndex(
-                  currentHighlightedIndex + 1 >= suggestions.length ? 0 : currentHighlightedIndex + 1,
-                );
-                e.preventDefault();
-                return;
-              }
-              if (trimmedValue === '' && !expanded) {
-                if (e.key === 'Enter' || e.key === ' ') {
-                  e.preventDefault();
-                }
-                return;
-              }
-              if (e.key === 'Enter' || e.key === 'Tab' || e.key === ' ') {
-                if (suggestions.length > 0) {
-                  if (!hasBeenAdded(suggestions[currentHighlightedIndex].id)) {
-                    onToggleTag(suggestions[currentHighlightedIndex].id);
-                  } else if (trimmedValue.length < suggestions[currentHighlightedIndex].name.length) {
-                    onCreateTag(trimmedValue);
-                    e.preventDefault();
-                  }
-                  setInputValue('');
-                  e.preventDefault();
-                  return;
-                }
-                onCreateTag(trimmedValue);
-                setInputValue('');
-                e.preventDefault();
-              }
-              return;
-            }}
-          />
-          <Tooltip tooltip={expanded ? t('tagSelector.hideAllTags') : t('tagSelector.showAllTags')}>
-            <IconButtonDualStates
-              data-suggestionbutton
-              ariaLabelActive={t('tagSelector.showAllTags')}
-              ariaLabelInActive={t('tagSelector.hideAllTags')}
-              active={expanded}
-              colorTheme="lighter"
-              inactiveIcon={<ChevronDown />}
-              activeIcon={<ChevronUp />}
-              size="small"
-              aria-controls={suggestionIdRef.current}
-              onClick={() => {
-                setInputValue('');
-                setExpanded(!expanded);
-                inputRef.current?.focus();
-              }}
-            />
-          </Tooltip>
-        </CombinedInputAndDropdownWrapper>
-      </StyledInputWrapper>
-      <div id={suggestionIdRef.current} aria-live="polite">
-        {(hasFocus || expanded) && suggestions.length > 0 ? (
-          <Suggestions
-            inline={inline}
-            dropdownMaxHeight={dropdownMaxHeight}
-            suggestions={suggestions}
-            currentHighlightedIndex={currentHighlightedIndex}
-            onToggleTag={onToggleTag}
-            hasBeenAdded={hasBeenAdded}
-          />
-        ) : null}
-      </div>
-    </SuggestionInputContainer>
-  );
-};
-
-export default SuggestionInput;

package/src/TagSelector/Suggestions.tsx

@@ -1,139 +0,0 @@
-/*
- * 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 styled from '@emotion/styled';
-import { css } from '@emotion/core';
-import { Check } from '@ndla/icons/editor';
-import { spacing, colors, misc, animations, fonts, shadows } from '@ndla/core';
-import Button from '@ndla/button';
-import type { TagType } from './TagSelector';
-
-const ABSOLUTE_DROPDOWN_MAXHEIGHT = '360px';
-
-const CheckedIcon = styled(Check)`
-  width: ${spacing.normal};
-  height: ${spacing.normal};
-  fill: ${colors.brand.light};
-`;
-
-interface SuggestionsWrapperProps {
-  dropdownMaxHeight: string;
-  inline?: boolean;
-}
-
-const SuggestionsWrapper = styled.div`
-  position: relative;
-`;
-
-const Suggestions = styled.div<SuggestionsWrapperProps>`
-  position: ${({ inline }) => (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(${({ dropdownMaxHeight }) => dropdownMaxHeight}, ${ABSOLUTE_DROPDOWN_MAXHEIGHT});
-  border-radius: ${misc.borderRadius};
-  background: ${colors.white};
-  ${animations.fadeIn(animations.durations.fast)}
-`;
-
-const SuggestionList = styled.div`
-  opacity: 0;
-  ${animations.fadeInBottom()}
-  animation-delay: ${animations.durations.fast};
-  animation-fill-mode: forwards;
-`;
-
-interface SuggestionButtonProps {
-  isHighlighted: boolean;
-}
-
-const SuggestionButton = styled(Button)<SuggestionButtonProps>`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  ${fonts.sizes(18)};
-  transition: ${misc.transition.default};
-  font-weight: 400;
-
-  &:disabled {
-    color: ${colors.brand.greyMedium};
-    &:hover {
-      svg {
-        fill: ${colors.brand.greyLight};
-      }
-    }
-  }
-  ${({ isHighlighted }) =>
-    isHighlighted
-      ? css`
-          background: ${colors.brand.lighter};
-          &:disabled {
-            background: ${colors.brand.greyLighter};
-            svg {
-              fill: ${colors.brand.grey};
-            }
-          }
-        `
-      : ''}
-`;
-
-interface Props {
-  inline?: boolean;
-  dropdownMaxHeight: string;
-  suggestions: TagType[];
-  currentHighlightedIndex: number;
-  onToggleTag: (id: string) => void;
-  hasBeenAdded: (id: string) => boolean;
-}
-
-const TagSuggestions = ({
-  inline,
-  dropdownMaxHeight,
-  suggestions,
-  currentHighlightedIndex,
-  onToggleTag,
-  hasBeenAdded,
-}: Props) => (
-  <SuggestionsWrapper>
-    <Suggestions inline={inline} dropdownMaxHeight={dropdownMaxHeight}>
-      <SuggestionList role="listbox">
-        {suggestions.map(({ id, name }, index: number) => {
-          const alreadyAdded = hasBeenAdded(id);
-          const selected = index === currentHighlightedIndex;
-          return (
-            <SuggestionButton
-              borderShape="sharpened"
-              ghostPill
-              width="full"
-              textAlign="left"
-              data-suggestionbutton
-              role="option"
-              aria-selected={selected}
-              disabled={alreadyAdded}
-              isHighlighted={selected}
-              onMouseDown={() => {
-                onToggleTag(id);
-              }}
-              key={id}>
-              <span>{name}</span>
-              {alreadyAdded && <CheckedIcon />}
-            </SuggestionButton>
-          );
-        })}
-      </SuggestionList>
-    </Suggestions>
-  </SuggestionsWrapper>
-);
-
-export default TagSuggestions;