@ndla/ui 43.0.0 → 43.0.1

package/es/NDLAFilm/CategorySelect.js

@@ -1,135 +0,0 @@
-import _styled from "@emotion/styled/base";
-var _templateObject;
-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) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-/**
- * Copyright (c) 2019-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, { useEffect, useRef, useState } from 'react';
-import FocusTrapReact from 'focus-trap-react';
-import { keyframes } from '@emotion/react';
-import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
-import { ChevronDown } from '@ndla/icons/common';
-import { useTranslation } from 'react-i18next';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var zoomInSelect = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    display: none;\n    opacity: 0;\n  }\n  1% {\n    display: flex;\n    transform: scale3d(0.95, 0.95, 0.95);\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n"])));
-var DropdownContainer = /*#__PURE__*/_styled("div", {
-  target: "e10i3sm22",
-  label: "DropdownContainer"
-})("position:relative;margin:0 0 ", spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ29DIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGb2N1c1RyYXBSZWFjdCBmcm9tICdmb2N1cy10cmFwLXJlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHpvb21JblNlbGVjdCA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUzZCgxLCAxLCAxKTtcbiAgfVxuYDtcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgRHJvcGRvd25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjZweCcpfTtcbiAgYm9yZGVyOiAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICBkaXY6Zmlyc3QtY2hpbGQge1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHNtYWxsIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgc21hbGwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgRHJvcGRvd25XcmFwcGVyUHJvcHMge1xuICBvZmZzZXREcm9wZG93bjogbnVtYmVyO1xufVxuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PERyb3Bkb3duV3JhcHBlclByb3BzPmBcbiAgdG9wOiAtJHsocHJvcHMpID0+IHByb3BzLm9mZnNldERyb3Bkb3duICogNTIgKyAxM31weDtcbiAgJHtEcm9wZG93bkJ1dHRvbn0ge1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogJHNwYWNpbmctLXNtYWxsIDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBhbmltYXRpb246ICR7em9vbUluU2VsZWN0fSAyMDBtcyBlYXNlO1xuICBib3gtc2hhZG93OiAwIDAgMzBweCByZ2JhKCR7Y29sb3JzLmJsYWNrfSwgMC42KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5OTk5O1xuICBidXR0b24sXG4gIGEge1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcyBlYXNlO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICBhcmlhQ29udHJvbElkPzogc3RyaW5nO1xuICBvbkNoYW5nZVJlc291cmNlVHlwZTogKHJlc291cmNlSWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENhdGVnb3J5U2VsZWN0ID0gKHsgcmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsIGFyaWFDb250cm9sSWQsIG9uQ2hhbmdlUmVzb3VyY2VUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmcyA9IHVzZVJlZjxSZWNvcmQ8c3RyaW5nLCBIVE1MQnV0dG9uRWxlbWVudCB8IG51bGw+Pih7fSk7XG5cbiAgY29uc3QgW3Jlc291cmNlVHlwZXNJc09wZW4sIHNldFJlc291cmNlVHlwZXNJc09wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0IHVwZGF0ZVJlZiA9IChlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpID0+IHtcbiAgICByZWZzLmN1cnJlbnRbbmFtZV0gPSBlbDtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNvdXJjZVR5cGVTZWxlY3RlZCAmJiByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdKSB7XG4gICAgICByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgIH1cbiAgfSwgW3Jlc291cmNlVHlwZXNJc09wZW4sIHJlc291cmNlVHlwZVNlbGVjdGVkXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSAodmFsPzogc3RyaW5nKSA9PiB7XG4gICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUodmFsKTtcbiAgICBzZXRSZXNvdXJjZVR5cGVzSXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgPyByZXNvdXJjZVR5cGVzLmZpbmRJbmRleCgocmVzb3VyY2UpID0+IHJlc291cmNlLmlkID09PSByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCkgKyAxXG4gICAgOiAwO1xuXG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQ29udGFpbmVyIGNsYXNzTmFtZT1cInUtMTIvMTJcIj5cbiAgICAgIDxEcm9wZG93bkJ1dHRvblxuICAgICAgICBhcmlhLWV4cGFuZGVkPXshIXJlc291cmNlVHlwZXNJc09wZW59XG4gICAgICAgIGFyaWEtY29udHJvbHM9XCJzZWxlY3RDYXRlZ29yeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17cmVzb3VyY2VUeXBlc0lzT3BlbiA/IC0xIDogMH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UmVzb3VyY2VUeXBlc0lzT3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8c3Bhbj57dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9PC9zcGFuPlxuICAgICAgICAgIDxzbWFsbD57KHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUpIHx8IHQoJ25kbGFGaWxtLnNlYXJjaC5jYXRlZ29yeUZyb21OZGxhJyl9PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPENoZXZyb25Eb3duIGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICB7cmVzb3VyY2VUeXBlc0lzT3BlbiAmJiAoXG4gICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgIGFjdGl2ZT17cmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHNldFJlc291cmNlVHlwZXNJc09wZW4oZmFsc2UpLFxuICAgICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfSB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25TZWxlY3QoKX0+XG4gICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgICAgICB7cmVzb3VyY2VUeXBlcy5tYXAoKHJlc291cmNlVHlwZSkgPT4gKFxuICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB1cGRhdGVSZWYoZWwsIHJlc291cmNlVHlwZS5pZCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICBkYXRhLWlkPXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgICAga2V5PXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57cmVzb3VyY2VUeXBlLm5hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Ecm9wZG93bldyYXBwZXI+XG4gICAgICAgIDwvRm9jdXNUcmFwUmVhY3Q+XG4gICAgICApfVxuICAgIDwvRHJvcGRvd25Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeVNlbGVjdDtcbiJdfQ== */"));
-var DropdownButton = /*#__PURE__*/_styled("button", {
-  target: "e10i3sm21",
-  label: "DropdownButton"
-})("border-radius:4px;", fonts.sizes('22px', '26px'), ";border:0;text-transform:uppercase;background:", colors.ndlaFilm.filmColorBright, ";color:", colors.white, ";padding:", spacing.small, " ", spacing.nsmall, ";font-weight:", fonts.weight.semibold, ";display:flex;align-items:center;text-align:left;justify-content:space-between;width:100%;letter-spacing:0.05em;", mq.range({
-  from: breakpoints.tablet
-}), "{padding:", spacing.small, " ", spacing.normal, ";}div:first-child{", mq.range({
-  until: breakpoints.tablet
-}), "{display:flex;flex-direction:column;small{padding:0;}}}small{text-transform:none;padding-left:", spacing.small, ";font-weight:normal;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29DIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGb2N1c1RyYXBSZWFjdCBmcm9tICdmb2N1cy10cmFwLXJlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHpvb21JblNlbGVjdCA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUzZCgxLCAxLCAxKTtcbiAgfVxuYDtcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgRHJvcGRvd25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjZweCcpfTtcbiAgYm9yZGVyOiAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICBkaXY6Zmlyc3QtY2hpbGQge1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHNtYWxsIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgc21hbGwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgRHJvcGRvd25XcmFwcGVyUHJvcHMge1xuICBvZmZzZXREcm9wZG93bjogbnVtYmVyO1xufVxuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PERyb3Bkb3duV3JhcHBlclByb3BzPmBcbiAgdG9wOiAtJHsocHJvcHMpID0+IHByb3BzLm9mZnNldERyb3Bkb3duICogNTIgKyAxM31weDtcbiAgJHtEcm9wZG93bkJ1dHRvbn0ge1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogJHNwYWNpbmctLXNtYWxsIDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBhbmltYXRpb246ICR7em9vbUluU2VsZWN0fSAyMDBtcyBlYXNlO1xuICBib3gtc2hhZG93OiAwIDAgMzBweCByZ2JhKCR7Y29sb3JzLmJsYWNrfSwgMC42KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5OTk5O1xuICBidXR0b24sXG4gIGEge1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcyBlYXNlO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICBhcmlhQ29udHJvbElkPzogc3RyaW5nO1xuICBvbkNoYW5nZVJlc291cmNlVHlwZTogKHJlc291cmNlSWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENhdGVnb3J5U2VsZWN0ID0gKHsgcmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsIGFyaWFDb250cm9sSWQsIG9uQ2hhbmdlUmVzb3VyY2VUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmcyA9IHVzZVJlZjxSZWNvcmQ8c3RyaW5nLCBIVE1MQnV0dG9uRWxlbWVudCB8IG51bGw+Pih7fSk7XG5cbiAgY29uc3QgW3Jlc291cmNlVHlwZXNJc09wZW4sIHNldFJlc291cmNlVHlwZXNJc09wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0IHVwZGF0ZVJlZiA9IChlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpID0+IHtcbiAgICByZWZzLmN1cnJlbnRbbmFtZV0gPSBlbDtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNvdXJjZVR5cGVTZWxlY3RlZCAmJiByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdKSB7XG4gICAgICByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgIH1cbiAgfSwgW3Jlc291cmNlVHlwZXNJc09wZW4sIHJlc291cmNlVHlwZVNlbGVjdGVkXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSAodmFsPzogc3RyaW5nKSA9PiB7XG4gICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUodmFsKTtcbiAgICBzZXRSZXNvdXJjZVR5cGVzSXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgPyByZXNvdXJjZVR5cGVzLmZpbmRJbmRleCgocmVzb3VyY2UpID0+IHJlc291cmNlLmlkID09PSByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCkgKyAxXG4gICAgOiAwO1xuXG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQ29udGFpbmVyIGNsYXNzTmFtZT1cInUtMTIvMTJcIj5cbiAgICAgIDxEcm9wZG93bkJ1dHRvblxuICAgICAgICBhcmlhLWV4cGFuZGVkPXshIXJlc291cmNlVHlwZXNJc09wZW59XG4gICAgICAgIGFyaWEtY29udHJvbHM9XCJzZWxlY3RDYXRlZ29yeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17cmVzb3VyY2VUeXBlc0lzT3BlbiA/IC0xIDogMH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UmVzb3VyY2VUeXBlc0lzT3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8c3Bhbj57dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9PC9zcGFuPlxuICAgICAgICAgIDxzbWFsbD57KHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUpIHx8IHQoJ25kbGFGaWxtLnNlYXJjaC5jYXRlZ29yeUZyb21OZGxhJyl9PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPENoZXZyb25Eb3duIGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICB7cmVzb3VyY2VUeXBlc0lzT3BlbiAmJiAoXG4gICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgIGFjdGl2ZT17cmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHNldFJlc291cmNlVHlwZXNJc09wZW4oZmFsc2UpLFxuICAgICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfSB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25TZWxlY3QoKX0+XG4gICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgICAgICB7cmVzb3VyY2VUeXBlcy5tYXAoKHJlc291cmNlVHlwZSkgPT4gKFxuICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB1cGRhdGVSZWYoZWwsIHJlc291cmNlVHlwZS5pZCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICBkYXRhLWlkPXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgICAga2V5PXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57cmVzb3VyY2VUeXBlLm5hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Ecm9wZG93bldyYXBwZXI+XG4gICAgICAgIDwvRm9jdXNUcmFwUmVhY3Q+XG4gICAgICApfVxuICAgIDwvRHJvcGRvd25Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeVNlbGVjdDtcbiJdfQ== */"));
-var DropdownWrapper = /*#__PURE__*/_styled("div", {
-  target: "e10i3sm20",
-  label: "DropdownWrapper"
-})("top:-", function (props) {
-  return props.offsetDropdown * 52 + 13;
-}, "px;", DropdownButton, "{border-radius:0;text-transform:none;letter-spacing:0;}display:flex;flex-direction:column;padding:$spacing--small 0;background:", colors.brand.lighter, ";border-radius:4px;left:0;right:0;animation:", zoomInSelect, " 200ms ease;box-shadow:0 0 30px rgba(", colors.black, ", 0.6);position:absolute;z-index:9999;button,a{color:", colors.text.primary, ";border:0;outline:0;text-align:left;background:transparent;padding:", spacing.small, ";padding-left:", spacing.normal, ";font-weight:", fonts.weight.semibold, ";text-decoration:none;box-shadow:none;transition:background 200ms ease;&:hover,&:focus{color:", colors.brand.primary, ";background:rgba(0, 0, 0, 0.2);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RXdEIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGb2N1c1RyYXBSZWFjdCBmcm9tICdmb2N1cy10cmFwLXJlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHpvb21JblNlbGVjdCA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUzZCgxLCAxLCAxKTtcbiAgfVxuYDtcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgRHJvcGRvd25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjZweCcpfTtcbiAgYm9yZGVyOiAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICBkaXY6Zmlyc3QtY2hpbGQge1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHNtYWxsIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgc21hbGwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgRHJvcGRvd25XcmFwcGVyUHJvcHMge1xuICBvZmZzZXREcm9wZG93bjogbnVtYmVyO1xufVxuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PERyb3Bkb3duV3JhcHBlclByb3BzPmBcbiAgdG9wOiAtJHsocHJvcHMpID0+IHByb3BzLm9mZnNldERyb3Bkb3duICogNTIgKyAxM31weDtcbiAgJHtEcm9wZG93bkJ1dHRvbn0ge1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogJHNwYWNpbmctLXNtYWxsIDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBhbmltYXRpb246ICR7em9vbUluU2VsZWN0fSAyMDBtcyBlYXNlO1xuICBib3gtc2hhZG93OiAwIDAgMzBweCByZ2JhKCR7Y29sb3JzLmJsYWNrfSwgMC42KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5OTk5O1xuICBidXR0b24sXG4gIGEge1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcyBlYXNlO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICBhcmlhQ29udHJvbElkPzogc3RyaW5nO1xuICBvbkNoYW5nZVJlc291cmNlVHlwZTogKHJlc291cmNlSWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENhdGVnb3J5U2VsZWN0ID0gKHsgcmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsIGFyaWFDb250cm9sSWQsIG9uQ2hhbmdlUmVzb3VyY2VUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmcyA9IHVzZVJlZjxSZWNvcmQ8c3RyaW5nLCBIVE1MQnV0dG9uRWxlbWVudCB8IG51bGw+Pih7fSk7XG5cbiAgY29uc3QgW3Jlc291cmNlVHlwZXNJc09wZW4sIHNldFJlc291cmNlVHlwZXNJc09wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0IHVwZGF0ZVJlZiA9IChlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpID0+IHtcbiAgICByZWZzLmN1cnJlbnRbbmFtZV0gPSBlbDtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNvdXJjZVR5cGVTZWxlY3RlZCAmJiByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdKSB7XG4gICAgICByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgIH1cbiAgfSwgW3Jlc291cmNlVHlwZXNJc09wZW4sIHJlc291cmNlVHlwZVNlbGVjdGVkXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSAodmFsPzogc3RyaW5nKSA9PiB7XG4gICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUodmFsKTtcbiAgICBzZXRSZXNvdXJjZVR5cGVzSXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgPyByZXNvdXJjZVR5cGVzLmZpbmRJbmRleCgocmVzb3VyY2UpID0+IHJlc291cmNlLmlkID09PSByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCkgKyAxXG4gICAgOiAwO1xuXG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQ29udGFpbmVyIGNsYXNzTmFtZT1cInUtMTIvMTJcIj5cbiAgICAgIDxEcm9wZG93bkJ1dHRvblxuICAgICAgICBhcmlhLWV4cGFuZGVkPXshIXJlc291cmNlVHlwZXNJc09wZW59XG4gICAgICAgIGFyaWEtY29udHJvbHM9XCJzZWxlY3RDYXRlZ29yeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17cmVzb3VyY2VUeXBlc0lzT3BlbiA/IC0xIDogMH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UmVzb3VyY2VUeXBlc0lzT3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8c3Bhbj57dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9PC9zcGFuPlxuICAgICAgICAgIDxzbWFsbD57KHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUpIHx8IHQoJ25kbGFGaWxtLnNlYXJjaC5jYXRlZ29yeUZyb21OZGxhJyl9PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPENoZXZyb25Eb3duIGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICB7cmVzb3VyY2VUeXBlc0lzT3BlbiAmJiAoXG4gICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgIGFjdGl2ZT17cmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHNldFJlc291cmNlVHlwZXNJc09wZW4oZmFsc2UpLFxuICAgICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfSB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25TZWxlY3QoKX0+XG4gICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgICAgICB7cmVzb3VyY2VUeXBlcy5tYXAoKHJlc291cmNlVHlwZSkgPT4gKFxuICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB1cGRhdGVSZWYoZWwsIHJlc291cmNlVHlwZS5pZCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICBkYXRhLWlkPXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgICAga2V5PXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57cmVzb3VyY2VUeXBlLm5hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Ecm9wZG93bldyYXBwZXI+XG4gICAgICAgIDwvRm9jdXNUcmFwUmVhY3Q+XG4gICAgICApfVxuICAgIDwvRHJvcGRvd25Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeVNlbGVjdDtcbiJdfQ== */"));
-var CategorySelect = function CategorySelect(_ref) {
-  var resourceTypes = _ref.resourceTypes,
-    resourceTypeSelected = _ref.resourceTypeSelected,
-    ariaControlId = _ref.ariaControlId,
-    onChangeResourceType = _ref.onChangeResourceType;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var refs = useRef({});
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    resourceTypesIsOpen = _useState2[0],
-    setResourceTypesIsOpen = _useState2[1];
-  var updateRef = function updateRef(el, name) {
-    refs.current[name] = el;
-  };
-  useEffect(function () {
-    if (resourceTypeSelected && refs.current[resourceTypeSelected.id]) {
-      var _refs$current$resourc;
-      (_refs$current$resourc = refs.current[resourceTypeSelected.id]) === null || _refs$current$resourc === void 0 ? void 0 : _refs$current$resourc.focus();
-    }
-  }, [resourceTypesIsOpen, resourceTypeSelected]);
-  var onSelect = function onSelect(val) {
-    onChangeResourceType(val);
-    setResourceTypesIsOpen(false);
-  };
-  var offsetDropDown = resourceTypeSelected ? resourceTypes.findIndex(function (resource) {
-    return resource.id === resourceTypeSelected.id;
-  }) + 1 : 0;
-  return _jsxs(DropdownContainer, {
-    className: "u-12/12",
-    children: [_jsxs(DropdownButton, {
-      "aria-expanded": !!resourceTypesIsOpen,
-      "aria-controls": "selectCategory",
-      type: "button",
-      tabIndex: resourceTypesIsOpen ? -1 : 0,
-      onClick: function onClick() {
-        return setResourceTypesIsOpen(true);
-      },
-      children: [_jsxs("div", {
-        children: [_jsx("span", {
-          children: t('ndlaFilm.search.chooseCategory')
-        }), _jsx("small", {
-          children: resourceTypeSelected && resourceTypeSelected.name || t('ndlaFilm.search.categoryFromNdla')
-        })]
-      }), _jsx("div", {
-        children: _jsx(ChevronDown, {
-          className: "c-icon--22"
-        })
-      })]
-    }), resourceTypesIsOpen && _jsx(FocusTrapReact, {
-      active: resourceTypesIsOpen,
-      focusTrapOptions: {
-        onDeactivate: function onDeactivate() {
-          return setResourceTypesIsOpen(false);
-        },
-        clickOutsideDeactivates: true,
-        escapeDeactivates: true
-      },
-      children: _jsxs(DropdownWrapper, {
-        id: "selectCategory",
-        offsetDropdown: offsetDropDown,
-        children: [_jsx(DropdownButton, {
-          "aria-controls": ariaControlId,
-          type: "button",
-          onClick: function onClick() {
-            return onSelect();
-          },
-          children: _jsx("span", {
-            children: t('ndlaFilm.search.categoryFromNdla')
-          })
-        }), resourceTypes.map(function (resourceType) {
-          return _jsx(DropdownButton, {
-            "aria-controls": ariaControlId,
-            type: "button",
-            ref: function ref(el) {
-              return updateRef(el, resourceType.id);
-            },
-            onClick: function onClick() {
-              return onSelect(resourceType.id);
-            },
-            "data-id": resourceType.id,
-            children: _jsx("span", {
-              children: resourceType.name
-            })
-          }, resourceType.id);
-        })]
-      })
-    })]
-  });
-};
-export default CategorySelect;

package/lib/NDLAFilm/CategorySelect.d.ts

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) 2019-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 { MovieResourceType } from './types';
-interface Props {
-    resourceTypes: MovieResourceType[];
-    resourceTypeSelected?: MovieResourceType;
-    ariaControlId?: string;
-    onChangeResourceType: (resourceId?: string) => void;
-}
-declare const CategorySelect: ({ resourceTypes, resourceTypeSelected, ariaControlId, onChangeResourceType }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default CategorySelect;

package/lib/NDLAFilm/CategorySelect.js

@@ -1,144 +0,0 @@
-"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
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _focusTrapReact = _interopRequireDefault(require("focus-trap-react"));
-var _react2 = require("@emotion/react");
-var _core = require("@ndla/core");
-var _common = require("@ndla/icons/common");
-var _reactI18next = require("react-i18next");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _templateObject;
-/**
- * Copyright (c) 2019-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var zoomInSelect = (0, _react2.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    display: none;\n    opacity: 0;\n  }\n  1% {\n    display: flex;\n    transform: scale3d(0.95, 0.95, 0.95);\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n"])));
-var DropdownContainer = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e10i3sm22",
-  label: "DropdownContainer"
-})("position:relative;margin:0 0 ", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ29DIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGb2N1c1RyYXBSZWFjdCBmcm9tICdmb2N1cy10cmFwLXJlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHpvb21JblNlbGVjdCA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUzZCgxLCAxLCAxKTtcbiAgfVxuYDtcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgRHJvcGRvd25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjZweCcpfTtcbiAgYm9yZGVyOiAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICBkaXY6Zmlyc3QtY2hpbGQge1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHNtYWxsIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgc21hbGwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgRHJvcGRvd25XcmFwcGVyUHJvcHMge1xuICBvZmZzZXREcm9wZG93bjogbnVtYmVyO1xufVxuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PERyb3Bkb3duV3JhcHBlclByb3BzPmBcbiAgdG9wOiAtJHsocHJvcHMpID0+IHByb3BzLm9mZnNldERyb3Bkb3duICogNTIgKyAxM31weDtcbiAgJHtEcm9wZG93bkJ1dHRvbn0ge1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogJHNwYWNpbmctLXNtYWxsIDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBhbmltYXRpb246ICR7em9vbUluU2VsZWN0fSAyMDBtcyBlYXNlO1xuICBib3gtc2hhZG93OiAwIDAgMzBweCByZ2JhKCR7Y29sb3JzLmJsYWNrfSwgMC42KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5OTk5O1xuICBidXR0b24sXG4gIGEge1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcyBlYXNlO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICBhcmlhQ29udHJvbElkPzogc3RyaW5nO1xuICBvbkNoYW5nZVJlc291cmNlVHlwZTogKHJlc291cmNlSWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENhdGVnb3J5U2VsZWN0ID0gKHsgcmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsIGFyaWFDb250cm9sSWQsIG9uQ2hhbmdlUmVzb3VyY2VUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmcyA9IHVzZVJlZjxSZWNvcmQ8c3RyaW5nLCBIVE1MQnV0dG9uRWxlbWVudCB8IG51bGw+Pih7fSk7XG5cbiAgY29uc3QgW3Jlc291cmNlVHlwZXNJc09wZW4sIHNldFJlc291cmNlVHlwZXNJc09wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0IHVwZGF0ZVJlZiA9IChlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpID0+IHtcbiAgICByZWZzLmN1cnJlbnRbbmFtZV0gPSBlbDtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNvdXJjZVR5cGVTZWxlY3RlZCAmJiByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdKSB7XG4gICAgICByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgIH1cbiAgfSwgW3Jlc291cmNlVHlwZXNJc09wZW4sIHJlc291cmNlVHlwZVNlbGVjdGVkXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSAodmFsPzogc3RyaW5nKSA9PiB7XG4gICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUodmFsKTtcbiAgICBzZXRSZXNvdXJjZVR5cGVzSXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgPyByZXNvdXJjZVR5cGVzLmZpbmRJbmRleCgocmVzb3VyY2UpID0+IHJlc291cmNlLmlkID09PSByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCkgKyAxXG4gICAgOiAwO1xuXG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQ29udGFpbmVyIGNsYXNzTmFtZT1cInUtMTIvMTJcIj5cbiAgICAgIDxEcm9wZG93bkJ1dHRvblxuICAgICAgICBhcmlhLWV4cGFuZGVkPXshIXJlc291cmNlVHlwZXNJc09wZW59XG4gICAgICAgIGFyaWEtY29udHJvbHM9XCJzZWxlY3RDYXRlZ29yeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17cmVzb3VyY2VUeXBlc0lzT3BlbiA/IC0xIDogMH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UmVzb3VyY2VUeXBlc0lzT3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8c3Bhbj57dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9PC9zcGFuPlxuICAgICAgICAgIDxzbWFsbD57KHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUpIHx8IHQoJ25kbGFGaWxtLnNlYXJjaC5jYXRlZ29yeUZyb21OZGxhJyl9PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPENoZXZyb25Eb3duIGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICB7cmVzb3VyY2VUeXBlc0lzT3BlbiAmJiAoXG4gICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgIGFjdGl2ZT17cmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHNldFJlc291cmNlVHlwZXNJc09wZW4oZmFsc2UpLFxuICAgICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfSB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25TZWxlY3QoKX0+XG4gICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgICAgICB7cmVzb3VyY2VUeXBlcy5tYXAoKHJlc291cmNlVHlwZSkgPT4gKFxuICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB1cGRhdGVSZWYoZWwsIHJlc291cmNlVHlwZS5pZCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICBkYXRhLWlkPXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgICAga2V5PXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57cmVzb3VyY2VUeXBlLm5hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Ecm9wZG93bldyYXBwZXI+XG4gICAgICAgIDwvRm9jdXNUcmFwUmVhY3Q+XG4gICAgICApfVxuICAgIDwvRHJvcGRvd25Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeVNlbGVjdDtcbiJdfQ== */"));
-var DropdownButton = /*#__PURE__*/(0, _base.default)("button", {
-  target: "e10i3sm21",
-  label: "DropdownButton"
-})("border-radius:4px;", _core.fonts.sizes('22px', '26px'), ";border:0;text-transform:uppercase;background:", _core.colors.ndlaFilm.filmColorBright, ";color:", _core.colors.white, ";padding:", _core.spacing.small, " ", _core.spacing.nsmall, ";font-weight:", _core.fonts.weight.semibold, ";display:flex;align-items:center;text-align:left;justify-content:space-between;width:100%;letter-spacing:0.05em;", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}div:first-child{", _core.mq.range({
-  until: _core.breakpoints.tablet
-}), "{display:flex;flex-direction:column;small{padding:0;}}}small{text-transform:none;padding-left:", _core.spacing.small, ";font-weight:normal;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29DIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGb2N1c1RyYXBSZWFjdCBmcm9tICdmb2N1cy10cmFwLXJlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHpvb21JblNlbGVjdCA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUzZCgxLCAxLCAxKTtcbiAgfVxuYDtcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgRHJvcGRvd25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjZweCcpfTtcbiAgYm9yZGVyOiAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICBkaXY6Zmlyc3QtY2hpbGQge1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHNtYWxsIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgc21hbGwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgRHJvcGRvd25XcmFwcGVyUHJvcHMge1xuICBvZmZzZXREcm9wZG93bjogbnVtYmVyO1xufVxuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PERyb3Bkb3duV3JhcHBlclByb3BzPmBcbiAgdG9wOiAtJHsocHJvcHMpID0+IHByb3BzLm9mZnNldERyb3Bkb3duICogNTIgKyAxM31weDtcbiAgJHtEcm9wZG93bkJ1dHRvbn0ge1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogJHNwYWNpbmctLXNtYWxsIDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBhbmltYXRpb246ICR7em9vbUluU2VsZWN0fSAyMDBtcyBlYXNlO1xuICBib3gtc2hhZG93OiAwIDAgMzBweCByZ2JhKCR7Y29sb3JzLmJsYWNrfSwgMC42KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5OTk5O1xuICBidXR0b24sXG4gIGEge1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcyBlYXNlO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICBhcmlhQ29udHJvbElkPzogc3RyaW5nO1xuICBvbkNoYW5nZVJlc291cmNlVHlwZTogKHJlc291cmNlSWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENhdGVnb3J5U2VsZWN0ID0gKHsgcmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsIGFyaWFDb250cm9sSWQsIG9uQ2hhbmdlUmVzb3VyY2VUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmcyA9IHVzZVJlZjxSZWNvcmQ8c3RyaW5nLCBIVE1MQnV0dG9uRWxlbWVudCB8IG51bGw+Pih7fSk7XG5cbiAgY29uc3QgW3Jlc291cmNlVHlwZXNJc09wZW4sIHNldFJlc291cmNlVHlwZXNJc09wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0IHVwZGF0ZVJlZiA9IChlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpID0+IHtcbiAgICByZWZzLmN1cnJlbnRbbmFtZV0gPSBlbDtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNvdXJjZVR5cGVTZWxlY3RlZCAmJiByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdKSB7XG4gICAgICByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgIH1cbiAgfSwgW3Jlc291cmNlVHlwZXNJc09wZW4sIHJlc291cmNlVHlwZVNlbGVjdGVkXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSAodmFsPzogc3RyaW5nKSA9PiB7XG4gICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUodmFsKTtcbiAgICBzZXRSZXNvdXJjZVR5cGVzSXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgPyByZXNvdXJjZVR5cGVzLmZpbmRJbmRleCgocmVzb3VyY2UpID0+IHJlc291cmNlLmlkID09PSByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCkgKyAxXG4gICAgOiAwO1xuXG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQ29udGFpbmVyIGNsYXNzTmFtZT1cInUtMTIvMTJcIj5cbiAgICAgIDxEcm9wZG93bkJ1dHRvblxuICAgICAgICBhcmlhLWV4cGFuZGVkPXshIXJlc291cmNlVHlwZXNJc09wZW59XG4gICAgICAgIGFyaWEtY29udHJvbHM9XCJzZWxlY3RDYXRlZ29yeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17cmVzb3VyY2VUeXBlc0lzT3BlbiA/IC0xIDogMH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UmVzb3VyY2VUeXBlc0lzT3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8c3Bhbj57dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9PC9zcGFuPlxuICAgICAgICAgIDxzbWFsbD57KHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUpIHx8IHQoJ25kbGFGaWxtLnNlYXJjaC5jYXRlZ29yeUZyb21OZGxhJyl9PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPENoZXZyb25Eb3duIGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICB7cmVzb3VyY2VUeXBlc0lzT3BlbiAmJiAoXG4gICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgIGFjdGl2ZT17cmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHNldFJlc291cmNlVHlwZXNJc09wZW4oZmFsc2UpLFxuICAgICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfSB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25TZWxlY3QoKX0+XG4gICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgICAgICB7cmVzb3VyY2VUeXBlcy5tYXAoKHJlc291cmNlVHlwZSkgPT4gKFxuICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB1cGRhdGVSZWYoZWwsIHJlc291cmNlVHlwZS5pZCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICBkYXRhLWlkPXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgICAga2V5PXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57cmVzb3VyY2VUeXBlLm5hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Ecm9wZG93bldyYXBwZXI+XG4gICAgICAgIDwvRm9jdXNUcmFwUmVhY3Q+XG4gICAgICApfVxuICAgIDwvRHJvcGRvd25Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeVNlbGVjdDtcbiJdfQ== */"));
-var DropdownWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e10i3sm20",
-  label: "DropdownWrapper"
-})("top:-", function (props) {
-  return props.offsetDropdown * 52 + 13;
-}, "px;", DropdownButton, "{border-radius:0;text-transform:none;letter-spacing:0;}display:flex;flex-direction:column;padding:$spacing--small 0;background:", _core.colors.brand.lighter, ";border-radius:4px;left:0;right:0;animation:", zoomInSelect, " 200ms ease;box-shadow:0 0 30px rgba(", _core.colors.black, ", 0.6);position:absolute;z-index:9999;button,a{color:", _core.colors.text.primary, ";border:0;outline:0;text-align:left;background:transparent;padding:", _core.spacing.small, ";padding-left:", _core.spacing.normal, ";font-weight:", _core.fonts.weight.semibold, ";text-decoration:none;box-shadow:none;transition:background 200ms ease;&:hover,&:focus{color:", _core.colors.brand.primary, ";background:rgba(0, 0, 0, 0.2);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RXdEIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGb2N1c1RyYXBSZWFjdCBmcm9tICdmb2N1cy10cmFwLXJlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHpvb21JblNlbGVjdCA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUzZCgxLCAxLCAxKTtcbiAgfVxuYDtcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgRHJvcGRvd25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjZweCcpfTtcbiAgYm9yZGVyOiAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICBkaXY6Zmlyc3QtY2hpbGQge1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHNtYWxsIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgc21hbGwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgRHJvcGRvd25XcmFwcGVyUHJvcHMge1xuICBvZmZzZXREcm9wZG93bjogbnVtYmVyO1xufVxuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PERyb3Bkb3duV3JhcHBlclByb3BzPmBcbiAgdG9wOiAtJHsocHJvcHMpID0+IHByb3BzLm9mZnNldERyb3Bkb3duICogNTIgKyAxM31weDtcbiAgJHtEcm9wZG93bkJ1dHRvbn0ge1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcGFkZGluZzogJHNwYWNpbmctLXNtYWxsIDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBhbmltYXRpb246ICR7em9vbUluU2VsZWN0fSAyMDBtcyBlYXNlO1xuICBib3gtc2hhZG93OiAwIDAgMzBweCByZ2JhKCR7Y29sb3JzLmJsYWNrfSwgMC42KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5OTk5O1xuICBidXR0b24sXG4gIGEge1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcyBlYXNlO1xuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgfVxuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICBhcmlhQ29udHJvbElkPzogc3RyaW5nO1xuICBvbkNoYW5nZVJlc291cmNlVHlwZTogKHJlc291cmNlSWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENhdGVnb3J5U2VsZWN0ID0gKHsgcmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsIGFyaWFDb250cm9sSWQsIG9uQ2hhbmdlUmVzb3VyY2VUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmcyA9IHVzZVJlZjxSZWNvcmQ8c3RyaW5nLCBIVE1MQnV0dG9uRWxlbWVudCB8IG51bGw+Pih7fSk7XG5cbiAgY29uc3QgW3Jlc291cmNlVHlwZXNJc09wZW4sIHNldFJlc291cmNlVHlwZXNJc09wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0IHVwZGF0ZVJlZiA9IChlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpID0+IHtcbiAgICByZWZzLmN1cnJlbnRbbmFtZV0gPSBlbDtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNvdXJjZVR5cGVTZWxlY3RlZCAmJiByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdKSB7XG4gICAgICByZWZzLmN1cnJlbnRbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgIH1cbiAgfSwgW3Jlc291cmNlVHlwZXNJc09wZW4sIHJlc291cmNlVHlwZVNlbGVjdGVkXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSAodmFsPzogc3RyaW5nKSA9PiB7XG4gICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUodmFsKTtcbiAgICBzZXRSZXNvdXJjZVR5cGVzSXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgPyByZXNvdXJjZVR5cGVzLmZpbmRJbmRleCgocmVzb3VyY2UpID0+IHJlc291cmNlLmlkID09PSByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCkgKyAxXG4gICAgOiAwO1xuXG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQ29udGFpbmVyIGNsYXNzTmFtZT1cInUtMTIvMTJcIj5cbiAgICAgIDxEcm9wZG93bkJ1dHRvblxuICAgICAgICBhcmlhLWV4cGFuZGVkPXshIXJlc291cmNlVHlwZXNJc09wZW59XG4gICAgICAgIGFyaWEtY29udHJvbHM9XCJzZWxlY3RDYXRlZ29yeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17cmVzb3VyY2VUeXBlc0lzT3BlbiA/IC0xIDogMH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UmVzb3VyY2VUeXBlc0lzT3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8c3Bhbj57dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9PC9zcGFuPlxuICAgICAgICAgIDxzbWFsbD57KHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUpIHx8IHQoJ25kbGFGaWxtLnNlYXJjaC5jYXRlZ29yeUZyb21OZGxhJyl9PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPENoZXZyb25Eb3duIGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICB7cmVzb3VyY2VUeXBlc0lzT3BlbiAmJiAoXG4gICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgIGFjdGl2ZT17cmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHNldFJlc291cmNlVHlwZXNJc09wZW4oZmFsc2UpLFxuICAgICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfSB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25TZWxlY3QoKX0+XG4gICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgICAgICB7cmVzb3VyY2VUeXBlcy5tYXAoKHJlc291cmNlVHlwZSkgPT4gKFxuICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbElkfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB1cGRhdGVSZWYoZWwsIHJlc291cmNlVHlwZS5pZCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICBkYXRhLWlkPXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgICAga2V5PXtyZXNvdXJjZVR5cGUuaWR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57cmVzb3VyY2VUeXBlLm5hbWV9PC9zcGFuPlxuICAgICAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Ecm9wZG93bldyYXBwZXI+XG4gICAgICAgIDwvRm9jdXNUcmFwUmVhY3Q+XG4gICAgICApfVxuICAgIDwvRHJvcGRvd25Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeVNlbGVjdDtcbiJdfQ== */"));
-var CategorySelect = function CategorySelect(_ref) {
-  var resourceTypes = _ref.resourceTypes,
-    resourceTypeSelected = _ref.resourceTypeSelected,
-    ariaControlId = _ref.ariaControlId,
-    onChangeResourceType = _ref.onChangeResourceType;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var refs = (0, _react.useRef)({});
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    resourceTypesIsOpen = _useState2[0],
-    setResourceTypesIsOpen = _useState2[1];
-  var updateRef = function updateRef(el, name) {
-    refs.current[name] = el;
-  };
-  (0, _react.useEffect)(function () {
-    if (resourceTypeSelected && refs.current[resourceTypeSelected.id]) {
-      var _refs$current$resourc;
-      (_refs$current$resourc = refs.current[resourceTypeSelected.id]) === null || _refs$current$resourc === void 0 ? void 0 : _refs$current$resourc.focus();
-    }
-  }, [resourceTypesIsOpen, resourceTypeSelected]);
-  var onSelect = function onSelect(val) {
-    onChangeResourceType(val);
-    setResourceTypesIsOpen(false);
-  };
-  var offsetDropDown = resourceTypeSelected ? resourceTypes.findIndex(function (resource) {
-    return resource.id === resourceTypeSelected.id;
-  }) + 1 : 0;
-  return (0, _jsxRuntime.jsxs)(DropdownContainer, {
-    className: "u-12/12",
-    children: [(0, _jsxRuntime.jsxs)(DropdownButton, {
-      "aria-expanded": !!resourceTypesIsOpen,
-      "aria-controls": "selectCategory",
-      type: "button",
-      tabIndex: resourceTypesIsOpen ? -1 : 0,
-      onClick: function onClick() {
-        return setResourceTypesIsOpen(true);
-      },
-      children: [(0, _jsxRuntime.jsxs)("div", {
-        children: [(0, _jsxRuntime.jsx)("span", {
-          children: t('ndlaFilm.search.chooseCategory')
-        }), (0, _jsxRuntime.jsx)("small", {
-          children: resourceTypeSelected && resourceTypeSelected.name || t('ndlaFilm.search.categoryFromNdla')
-        })]
-      }), (0, _jsxRuntime.jsx)("div", {
-        children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {
-          className: "c-icon--22"
-        })
-      })]
-    }), resourceTypesIsOpen && (0, _jsxRuntime.jsx)(_focusTrapReact.default, {
-      active: resourceTypesIsOpen,
-      focusTrapOptions: {
-        onDeactivate: function onDeactivate() {
-          return setResourceTypesIsOpen(false);
-        },
-        clickOutsideDeactivates: true,
-        escapeDeactivates: true
-      },
-      children: (0, _jsxRuntime.jsxs)(DropdownWrapper, {
-        id: "selectCategory",
-        offsetDropdown: offsetDropDown,
-        children: [(0, _jsxRuntime.jsx)(DropdownButton, {
-          "aria-controls": ariaControlId,
-          type: "button",
-          onClick: function onClick() {
-            return onSelect();
-          },
-          children: (0, _jsxRuntime.jsx)("span", {
-            children: t('ndlaFilm.search.categoryFromNdla')
-          })
-        }), resourceTypes.map(function (resourceType) {
-          return (0, _jsxRuntime.jsx)(DropdownButton, {
-            "aria-controls": ariaControlId,
-            type: "button",
-            ref: function ref(el) {
-              return updateRef(el, resourceType.id);
-            },
-            onClick: function onClick() {
-              return onSelect(resourceType.id);
-            },
-            "data-id": resourceType.id,
-            children: (0, _jsxRuntime.jsx)("span", {
-              children: resourceType.name
-            })
-          }, resourceType.id);
-        })]
-      })
-    })]
-  });
-};
-var _default = CategorySelect;
-exports.default = _default;

package/src/NDLAFilm/CategorySelect.tsx

@@ -1,197 +0,0 @@
-/**
- * Copyright (c) 2019-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, { useEffect, useRef, useState } from 'react';
-import FocusTrapReact from 'focus-trap-react';
-import styled from '@emotion/styled';
-import { keyframes } from '@emotion/react';
-import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
-import { ChevronDown } from '@ndla/icons/common';
-import { useTranslation } from 'react-i18next';
-import { MovieResourceType } from './types';
-
-const zoomInSelect = keyframes`
-  0% {
-    display: none;
-    opacity: 0;
-  }
-  1% {
-    display: flex;
-    transform: scale3d(0.95, 0.95, 0.95);
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-    transform: scale3d(1, 1, 1);
-  }
-`;
-
-const DropdownContainer = styled.div`
-  position: relative;
-  margin: 0 0 ${spacing.normal};
-`;
-
-const DropdownButton = styled.button`
-  border-radius: 4px;
-  ${fonts.sizes('22px', '26px')};
-  border: 0;
-  text-transform: uppercase;
-  background: ${colors.ndlaFilm.filmColorBright};
-  color: ${colors.white};
-  padding: ${spacing.small} ${spacing.nsmall};
-  font-weight: ${fonts.weight.semibold};
-  display: flex;
-  align-items: center;
-  text-align: left;
-  justify-content: space-between;
-  width: 100%;
-  letter-spacing: 0.05em;
-  ${mq.range({ from: breakpoints.tablet })} {
-    padding: ${spacing.small} ${spacing.normal};
-  }
-  div:first-child {
-    ${mq.range({ until: breakpoints.tablet })} {
-      display: flex;
-      flex-direction: column;
-      small {
-        padding: 0;
-      }
-    }
-  }
-  small {
-    text-transform: none;
-    padding-left: ${spacing.small};
-    font-weight: normal;
-  }
-`;
-
-interface DropdownWrapperProps {
-  offsetDropdown: number;
-}
-
-const DropdownWrapper = styled.div<DropdownWrapperProps>`
-  top: -${(props) => props.offsetDropdown * 52 + 13}px;
-  ${DropdownButton} {
-    border-radius: 0;
-    text-transform: none;
-    letter-spacing: 0;
-  }
-  display: flex;
-  flex-direction: column;
-  padding: $spacing--small 0;
-  background: ${colors.brand.lighter};
-  border-radius: 4px;
-  left: 0;
-  right: 0;
-  animation: ${zoomInSelect} 200ms ease;
-  box-shadow: 0 0 30px rgba(${colors.black}, 0.6);
-  position: absolute;
-  z-index: 9999;
-  button,
-  a {
-    color: ${colors.text.primary};
-    border: 0;
-    outline: 0;
-    text-align: left;
-    background: transparent;
-    padding: ${spacing.small};
-    padding-left: ${spacing.normal};
-    font-weight: ${fonts.weight.semibold};
-    text-decoration: none;
-    box-shadow: none;
-    transition: background 200ms ease;
-    &:hover,
-    &:focus {
-      color: ${colors.brand.primary};
-      background: rgba(0, 0, 0, 0.2);
-    }
-  }
-`;
-
-interface Props {
-  resourceTypes: MovieResourceType[];
-  resourceTypeSelected?: MovieResourceType;
-  ariaControlId?: string;
-  onChangeResourceType: (resourceId?: string) => void;
-}
-
-const CategorySelect = ({ resourceTypes, resourceTypeSelected, ariaControlId, onChangeResourceType }: Props) => {
-  const { t } = useTranslation();
-  const refs = useRef<Record<string, HTMLButtonElement | null>>({});
-
-  const [resourceTypesIsOpen, setResourceTypesIsOpen] = useState<boolean>(false);
-
-  const updateRef = (el: HTMLButtonElement | null, name: string) => {
-    refs.current[name] = el;
-  };
-
-  useEffect(() => {
-    if (resourceTypeSelected && refs.current[resourceTypeSelected.id]) {
-      refs.current[resourceTypeSelected.id]?.focus();
-    }
-  }, [resourceTypesIsOpen, resourceTypeSelected]);
-
-  const onSelect = (val?: string) => {
-    onChangeResourceType(val);
-    setResourceTypesIsOpen(false);
-  };
-
-  const offsetDropDown = resourceTypeSelected
-    ? resourceTypes.findIndex((resource) => resource.id === resourceTypeSelected.id) + 1
-    : 0;
-
-  return (
-    <DropdownContainer className="u-12/12">
-      <DropdownButton
-        aria-expanded={!!resourceTypesIsOpen}
-        aria-controls="selectCategory"
-        type="button"
-        tabIndex={resourceTypesIsOpen ? -1 : 0}
-        onClick={() => setResourceTypesIsOpen(true)}
-      >
-        <div>
-          <span>{t('ndlaFilm.search.chooseCategory')}</span>
-          <small>{(resourceTypeSelected && resourceTypeSelected.name) || t('ndlaFilm.search.categoryFromNdla')}</small>
-        </div>
-        <div>
-          <ChevronDown className="c-icon--22" />
-        </div>
-      </DropdownButton>
-      {resourceTypesIsOpen && (
-        <FocusTrapReact
-          active={resourceTypesIsOpen}
-          focusTrapOptions={{
-            onDeactivate: () => setResourceTypesIsOpen(false),
-            clickOutsideDeactivates: true,
-            escapeDeactivates: true,
-          }}
-        >
-          <DropdownWrapper id="selectCategory" offsetDropdown={offsetDropDown}>
-            <DropdownButton aria-controls={ariaControlId} type="button" onClick={() => onSelect()}>
-              <span>{t('ndlaFilm.search.categoryFromNdla')}</span>
-            </DropdownButton>
-            {resourceTypes.map((resourceType) => (
-              <DropdownButton
-                aria-controls={ariaControlId}
-                type="button"
-                ref={(el) => updateRef(el, resourceType.id)}
-                onClick={() => onSelect(resourceType.id)}
-                data-id={resourceType.id}
-                key={resourceType.id}
-              >
-                <span>{resourceType.name}</span>
-              </DropdownButton>
-            ))}
-          </DropdownWrapper>
-        </FocusTrapReact>
-      )}
-    </DropdownContainer>
-  );
-};
-
-export default CategorySelect;