@ndla/ui 30.5.1 → 30.6.0

package/es/Search/ContentTypeResult.js

@@ -1,25 +1,12 @@
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import Button from '@ndla/button';
 import { Additional, ChevronDown, ChevronUp } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
@@ -29,7 +16,9 @@ import { useTranslation } from 'react-i18next';
 import ContentTypeBadge from '../ContentTypeBadge';
 import { highlightStyle, noWidthhighlightStyle, showAllButtonStyle, StyledHeader, StyledList, StyledListItem, StyledNoHit, StyledTag, StyledWrapper } from './ContentTypeResultStyles';
 import { isPathToHighlight } from './IsPathToHighlight';
-
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 var renderAdditionalIcon = function renderAdditionalIcon(label, isAdditional) {
   if (isAdditional && label) {
     return _jsx(Tooltip, {
@@ -39,37 +28,31 @@ var renderAdditionalIcon = function renderAdditionalIcon(label, isAdditional) {
       })
     });
   }
-
   if (isAdditional) {
     return _jsx(Additional, {
       className: "c-icon--20"
     });
   }
-
   return null;
 };
-
 var ContentTypeResult = function ContentTypeResult(_ref) {
   var contentTypeResult = _ref.contentTypeResult,
-      onNavigate = _ref.onNavigate,
-      defaultCount = _ref.defaultCount,
-      resourceToLinkProps = _ref.resourceToLinkProps,
-      showAdditionalResources = _ref.showAdditionalResources,
-      messages = _ref.messages,
-      ignoreContentTypeBadge = _ref.ignoreContentTypeBadge,
-      keyboardPathNavigation = _ref.keyboardPathNavigation,
-      inMenu = _ref.inMenu,
-      animateList = _ref.animateList,
-      unGrouped = _ref.unGrouped;
-
+    onNavigate = _ref.onNavigate,
+    defaultCount = _ref.defaultCount,
+    resourceToLinkProps = _ref.resourceToLinkProps,
+    showAdditionalResources = _ref.showAdditionalResources,
+    messages = _ref.messages,
+    ignoreContentTypeBadge = _ref.ignoreContentTypeBadge,
+    keyboardPathNavigation = _ref.keyboardPathNavigation,
+    inMenu = _ref.inMenu,
+    animateList = _ref.animateList,
+    unGrouped = _ref.unGrouped;
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showAll = _useState2[0],
-      toggleShowAll = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showAll = _useState2[0],
+    toggleShowAll = _useState2[1];
   var showAllRef = useRef(null);
   var results = showAdditionalResources || !contentTypeResult.resources ? contentTypeResult.resources : contentTypeResult.resources.filter(function (items) {
     return !items.additional;
@@ -103,14 +86,12 @@ var ContentTypeResult = function ContentTypeResult(_ref) {
       unGrouped: unGrouped,
       children: [resources.map(function (resource) {
         var _resource$contentType;
-
         var path = resource.path,
-            name = resource.name,
-            resourceTypes = resource.resourceTypes,
-            subject = resource.subject,
-            additional = resource.additional;
+          name = resource.name,
+          resourceTypes = resource.resourceTypes,
+          subject = resource.subject,
+          additional = resource.additional;
         var linkProps = resourceToLinkProps(resource);
-
         var linkContent = _jsxs(_Fragment, {
           children: [_jsx("strong", {
             children: name
@@ -122,9 +103,9 @@ var ContentTypeResult = function ContentTypeResult(_ref) {
             }, type.name);
           })]
         });
+        var delayAnimation = !!animateList && !!additional && animateList > 0 && !!showAdditionalResources;
 
-        var delayAnimation = !!animateList && !!additional && animateList > 0 && !!showAdditionalResources; // Figure out highlighting by comparing path of link with keyboard navigated anchor
-
+        // Figure out highlighting by comparing path of link with keyboard navigated anchor
         var anchor = keyboardPathNavigation instanceof HTMLElement && keyboardPathNavigation && keyboardPathNavigation.querySelector('a');
         var anchorHref = anchor && anchor.getAttribute('href');
         var shouldHighlight = isPathToHighlight(path, anchorHref);
@@ -166,5 +147,4 @@ var ContentTypeResult = function ContentTypeResult(_ref) {
     })]
   });
 };
-
 export default ContentTypeResult;

package/es/Search/LoadingWrapper.js

@@ -1,15 +1,13 @@
 import _styled from "@emotion/styled/base";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import React from 'react';
 import { spacing, spacingUnit, animations } from '@ndla/core';
 import { Spinner } from '@ndla/icons';
-
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var StyledWrapper = /*#__PURE__*/_styled("div", {
   target: "e2f9ixc0",
   label: "StyledWrapper"
 })("position:absolute;pointer-events:none;top:0;left:0;display:flex;align-content:center;align-items:center;justify-content:center;span{opacity:0;}>div{", animations.fadeIn('1000ms'), ";transform:translateX(", spacingUnit * 1.5, "px) translateY(-", spacing.xsmall, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0MiLCJmaWxlIjoiTG9hZGluZ1dyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnQG5kbGEvaWNvbnMnO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBzcGFuIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gID4gZGl2IHtcbiAgICAke2FuaW1hdGlvbnMuZmFkZUluKCcxMDAwbXMnKX07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7c3BhY2luZ1VuaXQgKiAxLjV9cHgpIHRyYW5zbGF0ZVkoLSR7c3BhY2luZy54c21hbGx9KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgdmFsdWU6IHN0cmluZztcbn07XG5cbmNvbnN0IExvYWRpbmdXcmFwcGVyID0gKHsgdmFsdWUgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZFdyYXBwZXI+XG4gICAgPHNwYW4+e3ZhbHVlfTwvc3Bhbj5cbiAgICA8ZGl2PlxuICAgICAgPFNwaW5uZXIgc2l6ZT1cIm5vcm1hbFwiIC8+XG4gICAgPC9kaXY+XG4gIDwvU3R5bGVkV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdXcmFwcGVyO1xuIl19 */"));
-
 var LoadingWrapper = function LoadingWrapper(_ref) {
   var value = _ref.value;
   return _jsxs(StyledWrapper, {
@@ -22,5 +20,4 @@ var LoadingWrapper = function LoadingWrapper(_ref) {
     })]
   });
 };
-
 export default LoadingWrapper;

package/es/Search/SearchField.js

@@ -1,13 +1,7 @@
 import _styled from "@emotion/styled/base";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /*
  * Copyright (c) 2016-present, NDLA.
  *
@@ -15,6 +9,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import BEMHelper from 'react-bem-helper';
@@ -23,8 +18,9 @@ import { Search as SearchIcon } from '@ndla/icons/common';
 import { colors, spacing, mq, breakpoints, misc, fonts } from '@ndla/core';
 import ActiveFilters from './ActiveFilters';
 import LoadingWrapper from './LoadingWrapper';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var classes = new BEMHelper('c-search-field');
-
 var StyledInput = /*#__PURE__*/_styled("input", {
   target: "e1gt9vzg0",
   label: "StyledInput"
@@ -37,38 +33,33 @@ var StyledInput = /*#__PURE__*/_styled("input", {
     from: breakpoints.desktop
   }), "{padding-left:", spacing.normal, ";}padding-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;&:focus{border:1px solid ", colors.brand.primary, ";border-left:0;&+.c-search-field__filters{border:1px solid ", colors.brand.primary, ";border-right:0;}};label:StyledInput;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRE8iLCJmaWxlIjoiU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGb2N1c0V2ZW50LCBNb3VzZUV2ZW50LCBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgQWN0aXZlRmlsdGVycyBmcm9tICcuL0FjdGl2ZUZpbHRlcnMnO1xuaW1wb3J0IExvYWRpbmdXcmFwcGVyIGZyb20gJy4vTG9hZGluZ1dyYXBwZXInO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcignYy1zZWFyY2gtZmllbGQnKTtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBmcm9udFBhZ2VTZWFyY2g/OiBib29sZWFuO1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAkeyhwKSA9PiAocC5mcm9udFBhZ2VTZWFyY2ggPyAnMTAwcHgnIDogbWlzYy5ib3JkZXJSYWRpdXMpfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZmxleC1ncm93OiAxO1xuICBvdXRsaW5lOiAwO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNThweDtcbiAgICBsaW5lLWhlaWdodDogNThweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuaGFzRmlsdGVycyAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBib3JkZXItbGVmdDogMDtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1sZWZ0OiAwO1xuXG4gICAgICAgICYgKyAuYy1zZWFyY2gtZmllbGRfX2ZpbHRlcnMge1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICBmaWx0ZXJzPzogeyB2YWx1ZTogc3RyaW5nOyB0aXRsZTogc3RyaW5nIH1bXTtcbiAgb25GaWx0ZXJSZW1vdmU/OiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChldmVudD86IEZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PjtcbiAgZnJvbnRQYWdlU2VhcmNoPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU2VhcmNoRmllbGQgPSAoe1xuICBwbGFjZWhvbGRlcixcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBmaWx0ZXJzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGxvYWRpbmcsXG4gIG9uRmlsdGVyUmVtb3ZlLFxuICBpbnB1dFJlZixcbiAgZnJvbnRQYWdlU2VhcmNoID0gZmFsc2UsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhhbmRsZU9uRmlsdGVyUmVtb3ZlID0gKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHtcbiAgICBvbkZpbHRlclJlbW92ZT8uKHZhbHVlLCBmaWx0ZXJOYW1lKTtcbiAgICBpbnB1dFJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgICBvbkZvY3VzPy4oKTtcbiAgfTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5jbGFzc2VzKCdpbnB1dC13cmFwcGVyJyl9PlxuICAgICAge2xvYWRpbmcgJiYgPExvYWRpbmdXcmFwcGVyIHZhbHVlPXt2YWx1ZX0gLz59XG4gICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgZnJvbnRQYWdlU2VhcmNoPXtmcm9udFBhZ2VTZWFyY2h9XG4gICAgICAgIGhhc0ZpbHRlcnM9eyEhZmlsdGVycz8ubGVuZ3RofVxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgICAgYXJpYS1hdXRvY29tcGxldGU9XCJsaXN0XCJcbiAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgaWQ9XCJzZWFyY2hcIlxuICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBhcmlhLWxhYmVsPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAvPlxuICAgICAge2ZpbHRlcnMgJiYgZmlsdGVycy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnZmlsdGVycycpfT5cbiAgICAgICAgICA8QWN0aXZlRmlsdGVycyBmaWx0ZXJzPXtmaWx0ZXJzfSBvbkZpbHRlclJlbW92ZT17aGFuZGxlT25GaWx0ZXJSZW1vdmV9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHt2YWx1ZSAhPT0gJycgJiYgKFxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdjbG9zZScpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlKCcnKTtcbiAgICAgICAgICAgIG9uRm9jdXM/LigpO1xuICAgICAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn0+XG4gICAgICAgICAge3QoJ3dlbGNvbWVQYWdlLnJlc2V0U2VhcmNoJyl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgKX1cbiAgICAgIDxidXR0b25cbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICB7Li4uY2xhc3NlcygnYnV0dG9uJywgJ3NlYXJjaEljb24nKX1cbiAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgIHZhbHVlPVwiU2VhcmNoXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dCgnc2l0ZU5hdi5zZWFyY2gnKX0+XG4gICAgICAgIDxTZWFyY2hJY29uIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlYXJjaEZpZWxkO1xuIl19 */"));
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtEIiwiZmlsZSI6IlNlYXJjaEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgRm9jdXNFdmVudCwgTW91c2VFdmVudCwgUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBTZWFyY2ggYXMgU2VhcmNoSWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgbWlzYywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IEFjdGl2ZUZpbHRlcnMgZnJvbSAnLi9BY3RpdmVGaWx0ZXJzJztcbmltcG9ydCBMb2FkaW5nV3JhcHBlciBmcm9tICcuL0xvYWRpbmdXcmFwcGVyJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoJ2Mtc2VhcmNoLWZpZWxkJyk7XG5cbmludGVyZmFjZSBTdHlsZWRJbnB1dFByb3BzIHtcbiAgZnJvbnRQYWdlU2VhcmNoPzogYm9vbGVhbjtcbiAgaGFzRmlsdGVycz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0PFN0eWxlZElucHV0UHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA0OHB4O1xuICBsaW5lLWhlaWdodDogMjhweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHsocCkgPT4gKHAuZnJvbnRQYWdlU2VhcmNoID8gJzEwMHB4JyA6IG1pc2MuYm9yZGVyUmFkaXVzKX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZsZXgtZ3JvdzogMTtcbiAgb3V0bGluZTogMDtcbiAgJjpmb2N1cyxcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDU4cHg7XG4gICAgbGluZS1oZWlnaHQ6IDU4cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLmhhc0ZpbHRlcnMgJiZcbiAgICBjc3NgXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICAgfVxuICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgYm9yZGVyLWxlZnQ6IDA7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICBib3JkZXItbGVmdDogMDtcblxuICAgICAgICAmICsgLmMtc2VhcmNoLWZpZWxkX19maWx0ZXJzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgZmlsdGVycz86IHsgdmFsdWU6IHN0cmluZzsgdGl0bGU6IHN0cmluZyB9W107XG4gIG9uRmlsdGVyUmVtb3ZlPzogKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZXZlbnQ/OiBGb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoKSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD47XG4gIGZyb250UGFnZVNlYXJjaD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFNlYXJjaEZpZWxkID0gKHtcbiAgcGxhY2Vob2xkZXIsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgZmlsdGVycyxcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBsb2FkaW5nLFxuICBvbkZpbHRlclJlbW92ZSxcbiAgaW5wdXRSZWYsXG4gIGZyb250UGFnZVNlYXJjaCA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBoYW5kbGVPbkZpbHRlclJlbW92ZSA9ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB7XG4gICAgb25GaWx0ZXJSZW1vdmU/Lih2YWx1ZSwgZmlsdGVyTmFtZSk7XG4gICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgb25Gb2N1cz8uKCk7XG4gIH07XG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygnaW5wdXQtd3JhcHBlcicpfT5cbiAgICAgIHtsb2FkaW5nICYmIDxMb2FkaW5nV3JhcHBlciB2YWx1ZT17dmFsdWV9IC8+fVxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIGZyb250UGFnZVNlYXJjaD17ZnJvbnRQYWdlU2VhcmNofVxuICAgICAgICBoYXNGaWx0ZXJzPXshIWZpbHRlcnM/Lmxlbmd0aH1cbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIGFyaWEtYXV0b2NvbXBsZXRlPVwibGlzdFwiXG4gICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgIGlkPVwic2VhcmNoXCJcbiAgICAgICAgbmFtZT1cInNlYXJjaFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17cGxhY2Vob2xkZXJ9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiBvbkNoYW5nZShlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgLz5cbiAgICAgIHtmaWx0ZXJzICYmIGZpbHRlcnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2ZpbHRlcnMnKX0+XG4gICAgICAgICAgPEFjdGl2ZUZpbHRlcnMgZmlsdGVycz17ZmlsdGVyc30gb25GaWx0ZXJSZW1vdmU9e2hhbmRsZU9uRmlsdGVyUmVtb3ZlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICB7dmFsdWUgIT09ICcnICYmIChcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnY2xvc2UnKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZSgnJyk7XG4gICAgICAgICAgICBvbkZvY3VzPy4oKTtcbiAgICAgICAgICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9PlxuICAgICAgICAgIHt0KCd3ZWxjb21lUGFnZS5yZXNldFNlYXJjaCcpfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICl9XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdzZWFyY2hJY29uJyl9XG4gICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICB2YWx1ZT1cIlNlYXJjaFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3QoJ3NpdGVOYXYuc2VhcmNoJyl9PlxuICAgICAgICA8U2VhcmNoSWNvbiAvPlxuICAgICAgPC9idXR0b24+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,
-      _ref$frontPageSearch = _ref.frontPageSearch,
-      frontPageSearch = _ref$frontPageSearch === void 0 ? false : _ref$frontPageSearch;
-
+    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,
+    _ref$frontPageSearch = _ref.frontPageSearch,
+    frontPageSearch = _ref$frontPageSearch === void 0 ? false : _ref$frontPageSearch;
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    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();
   };
-
   return _jsxs("div", _objectSpread(_objectSpread({}, classes('input-wrapper')), {}, {
     children: [loading && _jsx(LoadingWrapper, {
       value: value
     }), _jsx(StyledInput, {
       frontPageSearch: frontPageSearch,
-      hasFilters: !!(filters === null || filters === void 0 ? void 0 : filters.length),
+      hasFilters: !!(filters !== null && filters !== void 0 && filters.length),
       ref: inputRef,
       type: "search",
       "aria-autocomplete": "list",
@@ -93,9 +84,7 @@ var SearchField = function SearchField(_ref) {
       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();
       },
@@ -111,5 +100,4 @@ var SearchField = function SearchField(_ref) {
     }))]
   }));
 };
-
 export default SearchField;

package/es/Search/SearchFieldForm.js

@@ -1,23 +1,21 @@
 import _styled from "@emotion/styled/base";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import React from 'react';
 import { css } from '@emotion/react';
 import { spacing, mq, breakpoints } from '@ndla/core';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var hasFocusStyles = /*#__PURE__*/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;", mq.range({
   until: breakpoints.tablet
 }), "{position:fixed;display:block;top:0;left:0;right:0;padding:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBCIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */"));
-
 var StyledForm = /*#__PURE__*/_styled("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__*/css(hasFocusStyles, ";;label:StyledForm;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURPIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */"));
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MyQyIsImZpbGUiOiJTZWFyY2hGaWVsZEZvcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZvcm1FdmVudCwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xuICBvblN1Ym1pdD86IChldmVudDogRm9ybUV2ZW50KSA9PiB2b2lkO1xufVxuXG50eXBlIFN0eWxlZFByb3BzID0ge1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGhhc0ZvY3VzU3R5bGVzID0gY3NzYFxuICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgIGxlZnQ6IDBweDtcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaCkge1xuICAgICAgcGFkZGluZy1ib3R0b206IDMwMHB4O1xuICAgIH1cbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1zZWxmOiBmbGV4LXN0YXJ0O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB6LWluZGV4OiA5MDAxO1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIHotaW5kZXg6IDkwMDE7XG4gICAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICAgIHdpZHRoOiAxMDB2dztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEZvcm0gPSBzdHlsZWQuZm9ybTxTdHlsZWRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5pbnB1dEhhc0ZvY3VzICYmXG4gICAgY3NzYFxuICAgICAgJHtoYXNGb2N1c1N0eWxlc31cbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEZpZWxkRm9ybSA9ICh7IGNoaWxkcmVuLCBpbnB1dEhhc0ZvY3VzLCBvblN1Ym1pdCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtIHJvbGU9XCJzZWFyY2hcIiBhY3Rpb249XCIvc2VhcmNoL1wiIGlucHV0SGFzRm9jdXM9e2lucHV0SGFzRm9jdXN9IG9uU3VibWl0PXtvblN1Ym1pdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRGb3JtPlxuICApO1xufTtcbiJdfQ== */"));
-
 export var SearchFieldForm = function SearchFieldForm(_ref) {
   var children = _ref.children,
-      inputHasFocus = _ref.inputHasFocus,
-      onSubmit = _ref.onSubmit;
+    inputHasFocus = _ref.inputHasFocus,
+    onSubmit = _ref.onSubmit;
   return _jsx(StyledForm, {
     role: "search",
     action: "/search/",