@ndla/ui 50.1.1 → 50.1.2

package/lib/Search/SearchField.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,52 +14,50 @@ var _ActiveFilters = _interopRequireDefault(require("./ActiveFilters"));
 var _LoadingWrapper = _interopRequireDefault(require("./LoadingWrapper"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */
-var classes = new _reactBemHelper.default('c-search-field');
-var StyledInput = /*#__PURE__*/(0, _base.default)("input", {
+/*
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const classes = new _reactBemHelper.default('c-search-field');
+const StyledInput = /*#__PURE__*/(0, _base.default)("input", {
   target: "e1gt9vzg0",
   label: "StyledInput"
 })("width:100%;height:48px;line-height:28px;border:1px solid ", _core.colors.brand.greyLight, ";border-radius:", _core.misc.borderRadius, ";padding-right:", _core.spacing.large, ";padding-left:", _core.spacing.normal, ";flex-grow:1;outline:0;&:focus,&:hover{border-color:", _core.colors.brand.primary, ";}", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{height:58px;line-height:58px;", _core.fonts.sizes('18px', '24px'), ";}", function (p) {
-  return p.hasFilters && /*#__PURE__*/(0, _react.css)(_core.mq.range({
-    from: _core.breakpoints.desktop
-  }), "{padding-left:", _core.spacing.normal, ";}padding-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;&:focus{border:1px solid ", _core.colors.brand.primary, ";border-left:0;&+.c-search-field__filters{border:1px solid ", _core.colors.brand.primary, ";border-right:0;}};label:StyledInput;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRE8iLCJmaWxlIjoiU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEZvY3VzRXZlbnQsIE1vdXNlRXZlbnQsIFJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgU2VhcmNoIGFzIFNlYXJjaEljb24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmltcG9ydCBBY3RpdmVGaWx0ZXJzIGZyb20gJy4vQWN0aXZlRmlsdGVycyc7XG5pbXBvcnQgTG9hZGluZ1dyYXBwZXIgZnJvbSAnLi9Mb2FkaW5nV3JhcHBlcic7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKCdjLXNlYXJjaC1maWVsZCcpO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5wdXRQcm9wcyB7XG4gIGhhc0ZpbHRlcnM/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dDxTdHlsZWRJbnB1dFByb3BzPmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDhweDtcbiAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmbGV4LWdyb3c6IDE7XG4gIG91dGxpbmU6IDA7XG4gICY6Zm9jdXMsXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA1OHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA1OHB4O1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5oYXNGaWx0ZXJzICYmXG4gICAgY3NzYFxuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICAgIH1cbiAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIGJvcmRlci1sZWZ0OiAwO1xuICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWxlZnQ6IDA7XG5cbiAgICAgICAgJiArIC5jLXNlYXJjaC1maWVsZF9fZmlsdGVycyB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB2YWx1ZTogc3RyaW5nO1xuICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICBvbkNoYW5nZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGZpbHRlcnM/OiB7IHZhbHVlOiBzdHJpbmc7IHRpdGxlOiBzdHJpbmcgfVtdO1xuICBvbkZpbHRlclJlbW92ZT86ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGV2ZW50PzogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKCkgPT4gdm9pZDtcbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGlucHV0UmVmPzogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+O1xufVxuXG5jb25zdCBTZWFyY2hGaWVsZCA9ICh7XG4gIHBsYWNlaG9sZGVyLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGZpbHRlcnMsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgbG9hZGluZyxcbiAgb25GaWx0ZXJSZW1vdmUsXG4gIGlucHV0UmVmLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBoYW5kbGVPbkZpbHRlclJlbW92ZSA9ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB7XG4gICAgb25GaWx0ZXJSZW1vdmU/Lih2YWx1ZSwgZmlsdGVyTmFtZSk7XG4gICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgb25Gb2N1cz8uKCk7XG4gIH07XG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygnaW5wdXQtd3JhcHBlcicpfT5cbiAgICAgIHtsb2FkaW5nICYmIDxMb2FkaW5nV3JhcHBlciB2YWx1ZT17dmFsdWV9IC8+fVxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIGhhc0ZpbHRlcnM9eyEhZmlsdGVycz8ubGVuZ3RofVxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgICAgYXJpYS1hdXRvY29tcGxldGU9XCJsaXN0XCJcbiAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgaWQ9XCJzZWFyY2hcIlxuICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBhcmlhLWxhYmVsPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAvPlxuICAgICAge2ZpbHRlcnMgJiYgZmlsdGVycy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnZmlsdGVycycpfT5cbiAgICAgICAgICA8QWN0aXZlRmlsdGVycyBmaWx0ZXJzPXtmaWx0ZXJzfSBvbkZpbHRlclJlbW92ZT17aGFuZGxlT25GaWx0ZXJSZW1vdmV9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHt2YWx1ZSAhPT0gJycgJiYgKFxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdjbG9zZScpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlKCcnKTtcbiAgICAgICAgICAgIG9uRm9jdXM/LigpO1xuICAgICAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0KCd3ZWxjb21lUGFnZS5yZXNldFNlYXJjaCcpfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICl9XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdzZWFyY2hJY29uJyl9XG4gICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICB2YWx1ZT1cIlNlYXJjaFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3QoJ3NpdGVOYXYuc2VhcmNoJyl9XG4gICAgICA+XG4gICAgICAgIDxTZWFyY2hJY29uIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlYXJjaEZpZWxkO1xuIl19 */"));
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmtEIiwiZmlsZSI6IlNlYXJjaEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBGb2N1c0V2ZW50LCBNb3VzZUV2ZW50LCBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgQWN0aXZlRmlsdGVycyBmcm9tICcuL0FjdGl2ZUZpbHRlcnMnO1xuaW1wb3J0IExvYWRpbmdXcmFwcGVyIGZyb20gJy4vTG9hZGluZ1dyYXBwZXInO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcignYy1zZWFyY2gtZmllbGQnKTtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZmxleC1ncm93OiAxO1xuICBvdXRsaW5lOiAwO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNThweDtcbiAgICBsaW5lLWhlaWdodDogNThweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuaGFzRmlsdGVycyAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBib3JkZXItbGVmdDogMDtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1sZWZ0OiAwO1xuXG4gICAgICAgICYgKyAuYy1zZWFyY2gtZmllbGRfX2ZpbHRlcnMge1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICBmaWx0ZXJzPzogeyB2YWx1ZTogc3RyaW5nOyB0aXRsZTogc3RyaW5nIH1bXTtcbiAgb25GaWx0ZXJSZW1vdmU/OiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChldmVudD86IEZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50Pjtcbn1cblxuY29uc3QgU2VhcmNoRmllbGQgPSAoe1xuICBwbGFjZWhvbGRlcixcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBmaWx0ZXJzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGxvYWRpbmcsXG4gIG9uRmlsdGVyUmVtb3ZlLFxuICBpbnB1dFJlZixcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaGFuZGxlT25GaWx0ZXJSZW1vdmUgPSAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4ge1xuICAgIG9uRmlsdGVyUmVtb3ZlPy4odmFsdWUsIGZpbHRlck5hbWUpO1xuICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgIG9uRm9jdXM/LigpO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmNsYXNzZXMoJ2lucHV0LXdyYXBwZXInKX0+XG4gICAgICB7bG9hZGluZyAmJiA8TG9hZGluZ1dyYXBwZXIgdmFsdWU9e3ZhbHVlfSAvPn1cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICBoYXNGaWx0ZXJzPXshIWZpbHRlcnM/Lmxlbmd0aH1cbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIGFyaWEtYXV0b2NvbXBsZXRlPVwibGlzdFwiXG4gICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgIGlkPVwic2VhcmNoXCJcbiAgICAgICAgbmFtZT1cInNlYXJjaFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17cGxhY2Vob2xkZXJ9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiBvbkNoYW5nZShlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgLz5cbiAgICAgIHtmaWx0ZXJzICYmIGZpbHRlcnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2ZpbHRlcnMnKX0+XG4gICAgICAgICAgPEFjdGl2ZUZpbHRlcnMgZmlsdGVycz17ZmlsdGVyc30gb25GaWx0ZXJSZW1vdmU9e2hhbmRsZU9uRmlsdGVyUmVtb3ZlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICB7dmFsdWUgIT09ICcnICYmIChcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnY2xvc2UnKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZSgnJyk7XG4gICAgICAgICAgICBvbkZvY3VzPy4oKTtcbiAgICAgICAgICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7dCgnd2VsY29tZVBhZ2UucmVzZXRTZWFyY2gnKX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICApfVxuICAgICAgPGJ1dHRvblxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnc2VhcmNoSWNvbicpfVxuICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgdmFsdWU9XCJTZWFyY2hcIlxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzaXRlTmF2LnNlYXJjaCcpfVxuICAgICAgPlxuICAgICAgICA8U2VhcmNoSWNvbiAvPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hGaWVsZDtcbiJdfQ== */"));
-var SearchField = function SearchField(_ref) {
-  var placeholder = _ref.placeholder,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    filters = _ref.filters,
-    onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    loading = _ref.loading,
-    onFilterRemove = _ref.onFilterRemove,
-    inputRef = _ref.inputRef;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var handleOnFilterRemove = function handleOnFilterRemove(value, filterName) {
-    var _inputRef$current;
-    onFilterRemove === null || onFilterRemove === void 0 ? void 0 : onFilterRemove(value, filterName);
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+}), "{height:58px;line-height:58px;", _core.fonts.sizes('18px', '24px'), ";}", p => p.hasFilters && /*#__PURE__*/(0, _react.css)(_core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{padding-left:", _core.spacing.normal, ";}padding-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;&:focus{border:1px solid ", _core.colors.brand.primary, ";border-left:0;&+.c-search-field__filters{border:1px solid ", _core.colors.brand.primary, ";border-right:0;}};label:StyledInput;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRE8iLCJmaWxlIjoiU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEZvY3VzRXZlbnQsIE1vdXNlRXZlbnQsIFJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgU2VhcmNoIGFzIFNlYXJjaEljb24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmltcG9ydCBBY3RpdmVGaWx0ZXJzIGZyb20gJy4vQWN0aXZlRmlsdGVycyc7XG5pbXBvcnQgTG9hZGluZ1dyYXBwZXIgZnJvbSAnLi9Mb2FkaW5nV3JhcHBlcic7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKCdjLXNlYXJjaC1maWVsZCcpO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5wdXRQcm9wcyB7XG4gIGhhc0ZpbHRlcnM/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dDxTdHlsZWRJbnB1dFByb3BzPmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDhweDtcbiAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmbGV4LWdyb3c6IDE7XG4gIG91dGxpbmU6IDA7XG4gICY6Zm9jdXMsXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA1OHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA1OHB4O1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5oYXNGaWx0ZXJzICYmXG4gICAgY3NzYFxuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICAgIH1cbiAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIGJvcmRlci1sZWZ0OiAwO1xuICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWxlZnQ6IDA7XG5cbiAgICAgICAgJiArIC5jLXNlYXJjaC1maWVsZF9fZmlsdGVycyB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB2YWx1ZTogc3RyaW5nO1xuICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICBvbkNoYW5nZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGZpbHRlcnM/OiB7IHZhbHVlOiBzdHJpbmc7IHRpdGxlOiBzdHJpbmcgfVtdO1xuICBvbkZpbHRlclJlbW92ZT86ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGV2ZW50PzogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKCkgPT4gdm9pZDtcbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGlucHV0UmVmPzogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+O1xufVxuXG5jb25zdCBTZWFyY2hGaWVsZCA9ICh7XG4gIHBsYWNlaG9sZGVyLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGZpbHRlcnMsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgbG9hZGluZyxcbiAgb25GaWx0ZXJSZW1vdmUsXG4gIGlucHV0UmVmLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBoYW5kbGVPbkZpbHRlclJlbW92ZSA9ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB7XG4gICAgb25GaWx0ZXJSZW1vdmU/Lih2YWx1ZSwgZmlsdGVyTmFtZSk7XG4gICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgb25Gb2N1cz8uKCk7XG4gIH07XG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygnaW5wdXQtd3JhcHBlcicpfT5cbiAgICAgIHtsb2FkaW5nICYmIDxMb2FkaW5nV3JhcHBlciB2YWx1ZT17dmFsdWV9IC8+fVxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIGhhc0ZpbHRlcnM9eyEhZmlsdGVycz8ubGVuZ3RofVxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgICAgYXJpYS1hdXRvY29tcGxldGU9XCJsaXN0XCJcbiAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgaWQ9XCJzZWFyY2hcIlxuICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBhcmlhLWxhYmVsPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAvPlxuICAgICAge2ZpbHRlcnMgJiYgZmlsdGVycy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnZmlsdGVycycpfT5cbiAgICAgICAgICA8QWN0aXZlRmlsdGVycyBmaWx0ZXJzPXtmaWx0ZXJzfSBvbkZpbHRlclJlbW92ZT17aGFuZGxlT25GaWx0ZXJSZW1vdmV9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHt2YWx1ZSAhPT0gJycgJiYgKFxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdjbG9zZScpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlKCcnKTtcbiAgICAgICAgICAgIG9uRm9jdXM/LigpO1xuICAgICAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0KCd3ZWxjb21lUGFnZS5yZXNldFNlYXJjaCcpfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICl9XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdzZWFyY2hJY29uJyl9XG4gICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICB2YWx1ZT1cIlNlYXJjaFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3QoJ3NpdGVOYXYuc2VhcmNoJyl9XG4gICAgICA+XG4gICAgICAgIDxTZWFyY2hJY29uIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlYXJjaEZpZWxkO1xuIl19 */")), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmtEIiwiZmlsZSI6IlNlYXJjaEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBGb2N1c0V2ZW50LCBNb3VzZUV2ZW50LCBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgQWN0aXZlRmlsdGVycyBmcm9tICcuL0FjdGl2ZUZpbHRlcnMnO1xuaW1wb3J0IExvYWRpbmdXcmFwcGVyIGZyb20gJy4vTG9hZGluZ1dyYXBwZXInO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcignYy1zZWFyY2gtZmllbGQnKTtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZmxleC1ncm93OiAxO1xuICBvdXRsaW5lOiAwO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNThweDtcbiAgICBsaW5lLWhlaWdodDogNThweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuaGFzRmlsdGVycyAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBib3JkZXItbGVmdDogMDtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1sZWZ0OiAwO1xuXG4gICAgICAgICYgKyAuYy1zZWFyY2gtZmllbGRfX2ZpbHRlcnMge1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICBmaWx0ZXJzPzogeyB2YWx1ZTogc3RyaW5nOyB0aXRsZTogc3RyaW5nIH1bXTtcbiAgb25GaWx0ZXJSZW1vdmU/OiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChldmVudD86IEZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50Pjtcbn1cblxuY29uc3QgU2VhcmNoRmllbGQgPSAoe1xuICBwbGFjZWhvbGRlcixcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBmaWx0ZXJzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGxvYWRpbmcsXG4gIG9uRmlsdGVyUmVtb3ZlLFxuICBpbnB1dFJlZixcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaGFuZGxlT25GaWx0ZXJSZW1vdmUgPSAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4ge1xuICAgIG9uRmlsdGVyUmVtb3ZlPy4odmFsdWUsIGZpbHRlck5hbWUpO1xuICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgIG9uRm9jdXM/LigpO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmNsYXNzZXMoJ2lucHV0LXdyYXBwZXInKX0+XG4gICAgICB7bG9hZGluZyAmJiA8TG9hZGluZ1dyYXBwZXIgdmFsdWU9e3ZhbHVlfSAvPn1cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICBoYXNGaWx0ZXJzPXshIWZpbHRlcnM/Lmxlbmd0aH1cbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIGFyaWEtYXV0b2NvbXBsZXRlPVwibGlzdFwiXG4gICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgIGlkPVwic2VhcmNoXCJcbiAgICAgICAgbmFtZT1cInNlYXJjaFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17cGxhY2Vob2xkZXJ9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiBvbkNoYW5nZShlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgLz5cbiAgICAgIHtmaWx0ZXJzICYmIGZpbHRlcnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2ZpbHRlcnMnKX0+XG4gICAgICAgICAgPEFjdGl2ZUZpbHRlcnMgZmlsdGVycz17ZmlsdGVyc30gb25GaWx0ZXJSZW1vdmU9e2hhbmRsZU9uRmlsdGVyUmVtb3ZlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICB7dmFsdWUgIT09ICcnICYmIChcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnY2xvc2UnKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZSgnJyk7XG4gICAgICAgICAgICBvbkZvY3VzPy4oKTtcbiAgICAgICAgICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7dCgnd2VsY29tZVBhZ2UucmVzZXRTZWFyY2gnKX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICApfVxuICAgICAgPGJ1dHRvblxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnc2VhcmNoSWNvbicpfVxuICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgdmFsdWU9XCJTZWFyY2hcIlxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzaXRlTmF2LnNlYXJjaCcpfVxuICAgICAgPlxuICAgICAgICA8U2VhcmNoSWNvbiAvPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hGaWVsZDtcbiJdfQ== */"));
+const SearchField = _ref => {
+  let {
+    placeholder,
+    value,
+    onChange,
+    filters,
+    onClick,
+    onFocus,
+    onBlur,
+    loading,
+    onFilterRemove,
+    inputRef
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const handleOnFilterRemove = (value, filterName) => {
+    onFilterRemove?.(value, filterName);
+    inputRef?.current?.focus();
+    onFocus?.();
   };
-  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('input-wrapper')), {}, {
+  return (0, _jsxRuntime.jsxs)("div", {
+    ...classes('input-wrapper'),
     children: [loading && (0, _jsxRuntime.jsx)(_LoadingWrapper.default, {
       value: value
     }), (0, _jsxRuntime.jsx)(StyledInput, {
-      hasFilters: !!(filters !== null && filters !== void 0 && filters.length),
+      hasFilters: !!filters?.length,
       ref: inputRef,
       type: "search",
       "aria-autocomplete": "list",
@@ -70,35 +67,33 @@ var SearchField = function SearchField(_ref) {
       placeholder: placeholder,
       "aria-label": placeholder,
       value: value,
-      onChange: function onChange(e) {
-        return _onChange(e.target.value);
-      },
+      onChange: e => onChange(e.target.value),
       onBlur: onBlur,
       onFocus: onFocus,
       onClick: onClick
-    }), filters && filters.length > 0 && (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('filters')), {}, {
+    }), filters && filters.length > 0 && (0, _jsxRuntime.jsx)("div", {
+      ...classes('filters'),
       children: (0, _jsxRuntime.jsx)(_ActiveFilters.default, {
         filters: filters,
         onFilterRemove: handleOnFilterRemove
       })
-    })), value !== '' && (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, classes('button', 'close')), {}, {
+    }), value !== '' && (0, _jsxRuntime.jsx)("button", {
+      ...classes('button', 'close'),
       type: "button",
-      onClick: function onClick() {
-        var _inputRef$current2;
-        _onChange('');
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
-        inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      onClick: () => {
+        onChange('');
+        onFocus?.();
+        inputRef?.current?.focus();
       },
       children: t('welcomePage.resetSearch')
-    })), (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
-      tabIndex: -1
-    }, classes('button', 'searchIcon')), {}, {
+    }), (0, _jsxRuntime.jsx)("button", {
+      tabIndex: -1,
+      ...classes('button', 'searchIcon'),
       type: "submit",
       value: "Search",
       "aria-label": t('siteNav.search'),
       children: (0, _jsxRuntime.jsx)(_common.Search, {})
-    }))]
-  }));
+    })]
+  });
 };
-var _default = SearchField;
-exports.default = _default;
+var _default = exports.default = SearchField;

package/lib/Search/SearchFieldForm.js

@@ -9,19 +9,19 @@ var _react = require("@emotion/react");
 var _core = require("@ndla/core");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var hasFocusStyles = /*#__PURE__*/(0, _react.css)(".c-search-field__search-result{left:0px;@supports (-webkit-overflow-scrolling: touch){padding-bottom:300px;}}display:flex;align-self:flex-start;align-items:center;z-index:9001;", _core.mq.range({
+const hasFocusStyles = /*#__PURE__*/(0, _react.css)(".c-search-field__search-result{left:0px;@supports (-webkit-overflow-scrolling: touch){padding-bottom:300px;}}display:flex;align-self:flex-start;align-items:center;z-index:9001;", _core.mq.range({
   until: _core.breakpoints.tablet
 }), "{position:fixed;display:block;top:0;left:0;right:0;padding:", _core.spacing.small, ";z-index:9001;.c-search-field__search-result{width:100vw;}};label:hasFocusStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBCIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbiAgb25TdWJtaXQ/OiAoZXZlbnQ6IEZvcm1FdmVudCkgPT4gdm9pZDtcbn1cblxudHlwZSBTdHlsZWRQcm9wcyA9IHtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYXNGb2N1c1N0eWxlcyA9IGNzc2BcbiAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICBsZWZ0OiAwcHg7XG4gICAgQHN1cHBvcnRzICgtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2gpIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAzMDBweDtcbiAgICB9XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogOTAwMTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB6LWluZGV4OiA5MDAxO1xuICAgIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtID0gc3R5bGVkLmZvcm08U3R5bGVkUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaW5wdXRIYXNGb2N1cyAmJlxuICAgIGNzc2BcbiAgICAgICR7aGFzRm9jdXNTdHlsZXN9XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGaWVsZEZvcm0gPSAoeyBjaGlsZHJlbiwgaW5wdXRIYXNGb2N1cywgb25TdWJtaXQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRm9ybSByb2xlPVwic2VhcmNoXCIgYWN0aW9uPVwiL3NlYXJjaC9cIiBpbnB1dEhhc0ZvY3VzPXtpbnB1dEhhc0ZvY3VzfSBvblN1Ym1pdD17b25TdWJtaXR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRm9ybT5cbiAgKTtcbn07XG4iXX0= */"));
-var StyledForm = /*#__PURE__*/(0, _base.default)("form", {
+const StyledForm = /*#__PURE__*/(0, _base.default)("form", {
   target: "e13qb2ge0",
   label: "StyledForm"
-})("display:flex;align-items:center;text-align:left;flex-direction:column;justify-content:center;width:100%;position:relative;>div{padding:0;}", function (props) {
-  return props.inputHasFocus && /*#__PURE__*/(0, _react.css)(hasFocusStyles, ";;label:StyledForm;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURPIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbiAgb25TdWJtaXQ/OiAoZXZlbnQ6IEZvcm1FdmVudCkgPT4gdm9pZDtcbn1cblxudHlwZSBTdHlsZWRQcm9wcyA9IHtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYXNGb2N1c1N0eWxlcyA9IGNzc2BcbiAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICBsZWZ0OiAwcHg7XG4gICAgQHN1cHBvcnRzICgtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2gpIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAzMDBweDtcbiAgICB9XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogOTAwMTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB6LWluZGV4OiA5MDAxO1xuICAgIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtID0gc3R5bGVkLmZvcm08U3R5bGVkUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaW5wdXRIYXNGb2N1cyAmJlxuICAgIGNzc2BcbiAgICAgICR7aGFzRm9jdXNTdHlsZXN9XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGaWVsZEZvcm0gPSAoeyBjaGlsZHJlbiwgaW5wdXRIYXNGb2N1cywgb25TdWJtaXQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRm9ybSByb2xlPVwic2VhcmNoXCIgYWN0aW9uPVwiL3NlYXJjaC9cIiBpbnB1dEhhc0ZvY3VzPXtpbnB1dEhhc0ZvY3VzfSBvblN1Ym1pdD17b25TdWJtaXR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRm9ybT5cbiAgKTtcbn07XG4iXX0= */"));
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MyQyIsImZpbGUiOiJTZWFyY2hGaWVsZEZvcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */"));
-var SearchFieldForm = function SearchFieldForm(_ref) {
-  var children = _ref.children,
-    inputHasFocus = _ref.inputHasFocus,
-    onSubmit = _ref.onSubmit;
+})("display:flex;align-items:center;text-align:left;flex-direction:column;justify-content:center;width:100%;position:relative;>div{padding:0;}", props => props.inputHasFocus && /*#__PURE__*/(0, _react.css)(hasFocusStyles, ";;label:StyledForm;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURPIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbiAgb25TdWJtaXQ/OiAoZXZlbnQ6IEZvcm1FdmVudCkgPT4gdm9pZDtcbn1cblxudHlwZSBTdHlsZWRQcm9wcyA9IHtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYXNGb2N1c1N0eWxlcyA9IGNzc2BcbiAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICBsZWZ0OiAwcHg7XG4gICAgQHN1cHBvcnRzICgtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2gpIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAzMDBweDtcbiAgICB9XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogOTAwMTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB6LWluZGV4OiA5MDAxO1xuICAgIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtID0gc3R5bGVkLmZvcm08U3R5bGVkUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaW5wdXRIYXNGb2N1cyAmJlxuICAgIGNzc2BcbiAgICAgICR7aGFzRm9jdXNTdHlsZXN9XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGaWVsZEZvcm0gPSAoeyBjaGlsZHJlbiwgaW5wdXRIYXNGb2N1cywgb25TdWJtaXQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRm9ybSByb2xlPVwic2VhcmNoXCIgYWN0aW9uPVwiL3NlYXJjaC9cIiBpbnB1dEhhc0ZvY3VzPXtpbnB1dEhhc0ZvY3VzfSBvblN1Ym1pdD17b25TdWJtaXR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRm9ybT5cbiAgKTtcbn07XG4iXX0= */")), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MyQyIsImZpbGUiOiJTZWFyY2hGaWVsZEZvcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */"));
+const SearchFieldForm = _ref => {
+  let {
+    children,
+    inputHasFocus,
+    onSubmit
+  } = _ref;
   return (0, _jsxRuntime.jsx)(StyledForm, {
     role: "search",
     action: "/search/",