@ndla/ui 50.1.0 → 50.1.2

package/es/SearchTypeResult/components/SubjectFilters.js

@@ -1,20 +1,4 @@
-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); }
 import _styled from "@emotion/styled/base";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
  * Copyright (c) 2021-present, NDLA.
@@ -34,7 +18,7 @@ import ActiveFilters from '../ActiveFilters';
 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 FilterButtonText = /*#__PURE__*/_styled("span", {
+const FilterButtonText = /*#__PURE__*/_styled("span", {
   target: "eruebyz0",
   label: "FilterButtonText"
 })(process.env.NODE_ENV === "production" ? {
@@ -46,47 +30,41 @@ var FilterButtonText = /*#__PURE__*/_styled("span", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RGaWx0ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm9DIiwiZmlsZSI6IlN1YmplY3RGaWx0ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IFBsdXMgYXMgUGx1c0ljb24gfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuXG5pbXBvcnQgeyBNb2RhbCwgTW9kYWxUcmlnZ2VyIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IFBvcHVwRmlsdGVyLCB7IFBvcHVwRmlsdGVyUHJvcHMgfSBmcm9tICcuLi9Qb3B1cEZpbHRlcic7XG5pbXBvcnQgQWN0aXZlRmlsdGVycyBmcm9tICcuLi9BY3RpdmVGaWx0ZXJzJztcbmltcG9ydCB7IEZpbHRlclByb3BzIH0gZnJvbSAnLi4vQWN0aXZlRmlsdGVyQ29udGVudCc7XG5cbmNvbnN0IEZpbHRlckJ1dHRvblRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG5gO1xuXG50eXBlIFByb2dyYW1tZVByb3BzID0gUG9wdXBGaWx0ZXJQcm9wc1sncHJvZ3JhbW1lcyddICYge1xuICB2YWx1ZXM6IHN0cmluZ1tdO1xuICBvblByb2dyYW1tZVZhbHVlc0NoYW5nZTogKHZhbHVlczogc3RyaW5nW10pID0+IHZvaWQ7XG59O1xuXG50eXBlIFN1YmplY3RDYXRlZ29yaWVzUHJvcHMgPSBQb3B1cEZpbHRlclByb3BzWydzdWJqZWN0Q2F0ZWdvcmllcyddICYge1xuICB2YWx1ZXM6IHN0cmluZ1tdO1xuICBvblN1YmplY3RWYWx1ZXNDaGFuZ2U6ICh2YWx1ZXM6IHN0cmluZ1tdKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IHR5cGUgU3ViamVjdEZpbHRlclByb3BzID0ge1xuICBmaWx0ZXJzOiB7XG4gICAgcHJvZ3JhbW1lcz86IFByb2dyYW1tZVByb3BzO1xuICAgIHN1YmplY3RDYXRlZ29yaWVzPzogU3ViamVjdENhdGVnb3JpZXNQcm9wcztcbiAgfTtcbiAgYWN0aXZlRmlsdGVycz86IHtcbiAgICBmaWx0ZXJzOiBGaWx0ZXJQcm9wc1tdO1xuICAgIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xuICB9O1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgaXNOYXJyb3dTY3JlZW4/OiBib29sZWFuO1xufTtcblxuY29uc3QgU3ViamVjdEZpbHRlcnMgPSAoeyBmaWx0ZXJzLCBhY3RpdmVGaWx0ZXJzLCBpc05hcnJvd1NjcmVlbiB9OiBTdWJqZWN0RmlsdGVyUHJvcHMgJiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgc3ViamVjdENhdGVnb3JpZXMsIHByb2dyYW1tZXMgfSA9IGZpbHRlcnM7XG4gIGNvbnN0IFtzdWJqZWN0VmFsdWVzLCBzZXRTdWJqZWN0VmFsdWVzXSA9IHVzZVN0YXRlPEFycmF5PHN0cmluZz4+KFtdKTtcbiAgY29uc3QgW3Byb2dyYW1tZXNWYWx1ZXMsIHNldFByb2dyYW1tZXNWYWx1ZXNdID0gdXNlU3RhdGU8QXJyYXk8c3RyaW5nPj4oW10pO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHByZXZJc09wZW5SZWYgPSB1c2VSZWY8Ym9vbGVhbj4oKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2SXNPcGVuUmVmLmN1cnJlbnQgPSBpc09wZW47XG4gIH0pO1xuICBjb25zdCBwcmV2SXNPcGVuID0gcHJldklzT3BlblJlZi5jdXJyZW50O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3BlbiAmJiBpc09wZW4gIT09IHByZXZJc09wZW4pIHtcbiAgICAgIGlmIChzdWJqZWN0Q2F0ZWdvcmllcykge1xuICAgICAgICBzZXRTdWJqZWN0VmFsdWVzKFsuLi5zdWJqZWN0Q2F0ZWdvcmllcy52YWx1ZXNdKTtcbiAgICAgIH1cbiAgICAgIGlmIChwcm9ncmFtbWVzKSB7XG4gICAgICAgIHNldFByb2dyYW1tZXNWYWx1ZXMoWy4uLnByb2dyYW1tZXMudmFsdWVzXSk7XG4gICAgICB9XG4gICAgfVxuICB9LCBbaXNPcGVuLCBwcmV2SXNPcGVuLCBzdWJqZWN0Q2F0ZWdvcmllcywgcHJvZ3JhbW1lc10pO1xuXG4gIGNvbnN0IG9uVG9nZ2xlU3ViamVjdCA9IChzdWJqZWN0SWQ6IHN0cmluZykgPT4ge1xuICAgIGxldCB1cGRhdGVkRmlsdGVyID0gWy4uLnN1YmplY3RWYWx1ZXNdO1xuICAgIGlmICh1cGRhdGVkRmlsdGVyLmluY2x1ZGVzKHN1YmplY3RJZCkpIHtcbiAgICAgIHVwZGF0ZWRGaWx0ZXIgPSBzdWJqZWN0VmFsdWVzLmZpbHRlcigob3B0aW9uKSA9PiBvcHRpb24gIT09IHN1YmplY3RJZCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZWRGaWx0ZXIucHVzaChzdWJqZWN0SWQpO1xuICAgIH1cbiAgICBzZXRTdWJqZWN0VmFsdWVzKHVwZGF0ZWRGaWx0ZXIpO1xuICAgIGlmIChzdWJqZWN0Q2F0ZWdvcmllcykge1xuICAgICAgc3ViamVjdENhdGVnb3JpZXMub25TdWJqZWN0VmFsdWVzQ2hhbmdlKHVwZGF0ZWRGaWx0ZXIpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvblRvZ2dsZVByb2dyYW1tZSA9IChwcm9ncmFtbWVJZDogc3RyaW5nKSA9PiB7XG4gICAgbGV0IHVwZGF0ZWRGaWx0ZXIgPSBbLi4ucHJvZ3JhbW1lc1ZhbHVlc107XG4gICAgaWYgKHVwZGF0ZWRGaWx0ZXIuaW5jbHVkZXMocHJvZ3JhbW1lSWQpKSB7XG4gICAgICB1cGRhdGVkRmlsdGVyID0gcHJvZ3JhbW1lc1ZhbHVlcy5maWx0ZXIoKG9wdGlvbikgPT4gb3B0aW9uICE9PSBwcm9ncmFtbWVJZCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZWRGaWx0ZXIucHVzaChwcm9ncmFtbWVJZCk7XG4gICAgfVxuICAgIHNldFByb2dyYW1tZXNWYWx1ZXModXBkYXRlZEZpbHRlcik7XG4gICAgaWYgKHByb2dyYW1tZXMpIHtcbiAgICAgIHByb2dyYW1tZXMub25Qcm9ncmFtbWVWYWx1ZXNDaGFuZ2UodXBkYXRlZEZpbHRlcik7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVBvcHVwT3BlbiA9ICgpID0+IHtcbiAgICBzZXRJc09wZW4odHJ1ZSk7XG4gIH07XG5cbiAgY29uc3QgT3Blbk1vZGFsQnV0dG9uID0gKCkgPT4gKFxuICAgIDxNb2RhbFRyaWdnZXI+XG4gICAgICA8QnV0dG9uVjIgdHlwZT1cImJ1dHRvblwiIHNpemU9XCJub3JtYWxcIiBjb2xvclRoZW1lPVwiZ3JleUxpZ2h0ZXJcIiBzaGFwZT1cInBpbGxcIj5cbiAgICAgICAgPEZpbHRlckJ1dHRvblRleHQ+e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMubm9WYWx1ZXNCdXR0b25UZXh0Jyl9PC9GaWx0ZXJCdXR0b25UZXh0PlxuICAgICAgICA8UGx1c0ljb24gLz5cbiAgICAgIDwvQnV0dG9uVjI+XG4gICAgPC9Nb2RhbFRyaWdnZXI+XG4gICk7XG5cbiAgY29uc3QgQWN0aXZlRmlsdGVyc0VsZW1lbnQgPSAoeyBzaG93TW9kYWxCdXR0b24gfTogeyBzaG93TW9kYWxCdXR0b24/OiBib29sZWFuIH0pID0+IHtcbiAgICBjb25zdCBjdXN0b21FbGVtZW50cyA9IHNob3dNb2RhbEJ1dHRvbiA/IFtPcGVuTW9kYWxCdXR0b24oKV0gOiBbXTtcbiAgICBpZiAoIWFjdGl2ZUZpbHRlcnMpIHJldHVybiBudWxsO1xuICAgIHJldHVybiAoXG4gICAgICA8QWN0aXZlRmlsdGVyc1xuICAgICAgICB7Li4uYWN0aXZlRmlsdGVyc31cbiAgICAgICAgc2hvd09uU21hbGxTY3JlZW49e2lzTmFycm93U2NyZWVufVxuICAgICAgICBvbkNsaWNrU2hvd0hpZGRlblN1YmplY3RzPXtoYW5kbGVQb3B1cE9wZW59XG4gICAgICAgIGN1c3RvbUVsZW1lbnRzPXtjdXN0b21FbGVtZW50c31cbiAgICAgIC8+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxNb2RhbCBvcGVuPXtpc09wZW59IG9uT3BlbkNoYW5nZT17c2V0SXNPcGVufT5cbiAgICAgIHtpc05hcnJvd1NjcmVlbiA/IChcbiAgICAgICAgPEFjdGl2ZUZpbHRlcnNFbGVtZW50IHNob3dNb2RhbEJ1dHRvbiAvPlxuICAgICAgKSA6IGlzTmFycm93U2NyZWVuID09PSBmYWxzZSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8T3Blbk1vZGFsQnV0dG9uIC8+XG4gICAgICAgICAgPEFjdGl2ZUZpbHRlcnNFbGVtZW50IC8+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IHVuZGVmaW5lZH1cbiAgICAgIDxQb3B1cEZpbHRlclxuICAgICAgICBwcm9ncmFtbWVzPXtwcm9ncmFtbWVzfVxuICAgICAgICBzdWJqZWN0Q2F0ZWdvcmllcz17c3ViamVjdENhdGVnb3JpZXN9XG4gICAgICAgIHN1YmplY3RWYWx1ZXM9e3N1YmplY3RWYWx1ZXN9XG4gICAgICAgIHByb2dyYW1tZXNWYWx1ZXM9e3Byb2dyYW1tZXNWYWx1ZXN9XG4gICAgICAgIG9uVG9nZ2xlU3ViamVjdD17b25Ub2dnbGVTdWJqZWN0fVxuICAgICAgICBvblRvZ2dsZVByb2dyYW1tZT17b25Ub2dnbGVQcm9ncmFtbWV9XG4gICAgICAvPlxuICAgIDwvTW9kYWw+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0RmlsdGVycztcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var SubjectFilters = function SubjectFilters(_ref) {
-  var filters = _ref.filters,
-    activeFilters = _ref.activeFilters,
-    isNarrowScreen = _ref.isNarrowScreen;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var subjectCategories = filters.subjectCategories,
-    programmes = filters.programmes;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    subjectValues = _useState2[0],
-    setSubjectValues = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    programmesValues = _useState4[0],
-    setProgrammesValues = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var prevIsOpenRef = useRef();
-  useEffect(function () {
+const SubjectFilters = _ref => {
+  let {
+    filters,
+    activeFilters,
+    isNarrowScreen
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const {
+    subjectCategories,
+    programmes
+  } = filters;
+  const [subjectValues, setSubjectValues] = useState([]);
+  const [programmesValues, setProgrammesValues] = useState([]);
+  const [isOpen, setIsOpen] = useState(false);
+  const prevIsOpenRef = useRef();
+  useEffect(() => {
     prevIsOpenRef.current = isOpen;
   });
-  var prevIsOpen = prevIsOpenRef.current;
-  useEffect(function () {
+  const prevIsOpen = prevIsOpenRef.current;
+  useEffect(() => {
     if (isOpen && isOpen !== prevIsOpen) {
       if (subjectCategories) {
-        setSubjectValues(_toConsumableArray(subjectCategories.values));
+        setSubjectValues([...subjectCategories.values]);
       }
       if (programmes) {
-        setProgrammesValues(_toConsumableArray(programmes.values));
+        setProgrammesValues([...programmes.values]);
       }
     }
   }, [isOpen, prevIsOpen, subjectCategories, programmes]);
-  var onToggleSubject = function onToggleSubject(subjectId) {
-    var updatedFilter = _toConsumableArray(subjectValues);
+  const onToggleSubject = subjectId => {
+    let updatedFilter = [...subjectValues];
     if (updatedFilter.includes(subjectId)) {
-      updatedFilter = subjectValues.filter(function (option) {
-        return option !== subjectId;
-      });
+      updatedFilter = subjectValues.filter(option => option !== subjectId);
     } else {
       updatedFilter.push(subjectId);
     }
@@ -95,12 +73,10 @@ var SubjectFilters = function SubjectFilters(_ref) {
       subjectCategories.onSubjectValuesChange(updatedFilter);
     }
   };
-  var onToggleProgramme = function onToggleProgramme(programmeId) {
-    var updatedFilter = _toConsumableArray(programmesValues);
+  const onToggleProgramme = programmeId => {
+    let updatedFilter = [...programmesValues];
     if (updatedFilter.includes(programmeId)) {
-      updatedFilter = programmesValues.filter(function (option) {
-        return option !== programmeId;
-      });
+      updatedFilter = programmesValues.filter(option => option !== programmeId);
     } else {
       updatedFilter.push(programmeId);
     }
@@ -109,31 +85,32 @@ var SubjectFilters = function SubjectFilters(_ref) {
       programmes.onProgrammeValuesChange(updatedFilter);
     }
   };
-  var handlePopupOpen = function handlePopupOpen() {
+  const handlePopupOpen = () => {
     setIsOpen(true);
   };
-  var OpenModalButton = function OpenModalButton() {
-    return _jsx(ModalTrigger, {
-      children: _jsxs(ButtonV2, {
-        type: "button",
-        size: "normal",
-        colorTheme: "greyLighter",
-        shape: "pill",
-        children: [_jsx(FilterButtonText, {
-          children: t('searchPage.searchFilterMessages.noValuesButtonText')
-        }), _jsx(PlusIcon, {})]
-      })
-    });
-  };
-  var ActiveFiltersElement = function ActiveFiltersElement(_ref2) {
-    var showModalButton = _ref2.showModalButton;
-    var customElements = showModalButton ? [OpenModalButton()] : [];
+  const OpenModalButton = () => _jsx(ModalTrigger, {
+    children: _jsxs(ButtonV2, {
+      type: "button",
+      size: "normal",
+      colorTheme: "greyLighter",
+      shape: "pill",
+      children: [_jsx(FilterButtonText, {
+        children: t('searchPage.searchFilterMessages.noValuesButtonText')
+      }), _jsx(PlusIcon, {})]
+    })
+  });
+  const ActiveFiltersElement = _ref2 => {
+    let {
+      showModalButton
+    } = _ref2;
+    const customElements = showModalButton ? [OpenModalButton()] : [];
     if (!activeFilters) return null;
-    return _jsx(ActiveFilters, _objectSpread(_objectSpread({}, activeFilters), {}, {
+    return _jsx(ActiveFilters, {
+      ...activeFilters,
       showOnSmallScreen: isNarrowScreen,
       onClickShowHiddenSubjects: handlePopupOpen,
       customElements: customElements
-    }));
+    });
   };
   return _jsxs(Modal, {
     open: isOpen,

package/es/SectionHeading/SectionHeading.js

@@ -1,21 +1,21 @@
 import { css } from '@emotion/react';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var headingStyle = /*#__PURE__*/css("font-weight:", fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;", fonts.sizes('18px', '24px'), ";", mq.range({
+const headingStyle = /*#__PURE__*/css("font-weight:", fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;", fonts.sizes('18px', '24px'), ";", mq.range({
   from: breakpoints.tablet
 }), "{", fonts.sizes('20px', '26px'), ";};label:headingStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0IiLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFR5cGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjBweCcsICcyNnB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBsYXJnZUhlYWRpbmdTdHlsZSA9IGNzc2BcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzMycHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaGVhZGluZ0xldmVsOiBIZWFkaW5nTGV2ZWw7XG59XG5cbmNvbnN0IFNlY3Rpb25IZWFkaW5nID0gKHsgY2hpbGRyZW4sIGxhcmdlID0gZmFsc2UsIGNsYXNzTmFtZSwgaGVhZGluZ0xldmVsID0gJ2gyJyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBFbGVtZW50OiBFbGVtZW50VHlwZSA9IGhlYWRpbmdMZXZlbDtcbiAgY29uc3Qgc3R5bGVzID0gbGFyZ2UgPyBbaGVhZGluZ1N0eWxlLCBsYXJnZUhlYWRpbmdTdHlsZV0gOiBbaGVhZGluZ1N0eWxlXTtcbiAgcmV0dXJuIChcbiAgICA8RWxlbWVudCBjc3M9e3N0eWxlc30gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRWxlbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */"));
-var largeHeadingStyle = /*#__PURE__*/css("margin:0 0 ", spacing.small, " 0;", fonts.sizes('16px', '32px'), ";", mq.range({
+const largeHeadingStyle = /*#__PURE__*/css("margin:0 0 ", spacing.small, " 0;", fonts.sizes('16px', '32px'), ";", mq.range({
   from: breakpoints.tablet
 }), "{", fonts.sizes('22px'), ";};label:largeHeadingStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlNkIiLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFR5cGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjBweCcsICcyNnB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBsYXJnZUhlYWRpbmdTdHlsZSA9IGNzc2BcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzMycHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaGVhZGluZ0xldmVsOiBIZWFkaW5nTGV2ZWw7XG59XG5cbmNvbnN0IFNlY3Rpb25IZWFkaW5nID0gKHsgY2hpbGRyZW4sIGxhcmdlID0gZmFsc2UsIGNsYXNzTmFtZSwgaGVhZGluZ0xldmVsID0gJ2gyJyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBFbGVtZW50OiBFbGVtZW50VHlwZSA9IGhlYWRpbmdMZXZlbDtcbiAgY29uc3Qgc3R5bGVzID0gbGFyZ2UgPyBbaGVhZGluZ1N0eWxlLCBsYXJnZUhlYWRpbmdTdHlsZV0gOiBbaGVhZGluZ1N0eWxlXTtcbiAgcmV0dXJuIChcbiAgICA8RWxlbWVudCBjc3M9e3N0eWxlc30gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRWxlbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */"));
-var SectionHeading = function SectionHeading(_ref) {
-  var children = _ref.children,
-    _ref$large = _ref.large,
-    large = _ref$large === void 0 ? false : _ref$large,
-    className = _ref.className,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel;
-  var Element = headingLevel;
-  var styles = large ? [headingStyle, largeHeadingStyle] : [headingStyle];
+const SectionHeading = _ref => {
+  let {
+    children,
+    large = false,
+    className,
+    headingLevel = 'h2'
+  } = _ref;
+  const Element = headingLevel;
+  const styles = large ? [headingStyle, largeHeadingStyle] : [headingStyle];
   return _jsx(Element, {
     css: styles,
     className: className,

package/es/SnackBar/DefaultSnackbar.js

@@ -14,33 +14,34 @@ import { Cross } from '@ndla/icons/action';
 import { useSnack } from './SnackbarProvider';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var DefaultSnackContainer = /*#__PURE__*/_styled("div", {
+const DefaultSnackContainer = /*#__PURE__*/_styled("div", {
   target: "e1s2vq9x1",
   label: "DefaultSnackContainer"
 })("display:flex;gap:", spacing.small, ";padding:", spacing.small, ";background-color:", colors.text.primary, ";color:", colors.white, ";border-radius:", misc.borderRadius, ";margin:0 ", spacing.large, ";pointer-events:all;box-shadow:", shadows.levitate1, ";font-family:", fonts.sans, ";font-size:18px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXdDIiwiZmlsZSI6IkRlZmF1bHRTbmFja2Jhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBEZWZhdWx0U25hY2sgPSAoc25hY2s6IFNuYWNrKSA9PiB7XG4gIGNvbnN0IHsgY2xvc2FibGUgPSB0cnVlLCBpY29uIH0gPSBzbmFjaztcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB7IGNsb3NlU25hY2sgfSA9IHVzZVNuYWNrKCk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgICAgIHtpY29ufVxuICAgICAge3NuYWNrLmNvbnRlbnR9XG4gICAgICA8QnV0dG9uV3JhcHBlcj5cbiAgICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblYyXG4gICAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICAgIGNvbG9yVGhlbWU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ3NuYWNrYmFyLmNsb3NlJyl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICl9XG4gICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgPC9EZWZhdWx0U25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZWZhdWx0U25hY2s7XG4iXX0= */"));
-var ButtonWrapper = /*#__PURE__*/_styled("div", {
+const ButtonWrapper = /*#__PURE__*/_styled("div", {
   target: "e1s2vq9x0",
   label: "ButtonWrapper"
 })(mq.range({
   from: breakpoints.tablet
 }), "{gap:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc2hhZG93cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgU25hY2ssIHVzZVNuYWNrIH0gZnJvbSAnLi9TbmFja2JhclByb3ZpZGVyJztcblxuY29uc3QgRGVmYXVsdFNuYWNrQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5sYXJnZX07XG4gIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgRGVmYXVsdFNuYWNrID0gKHNuYWNrOiBTbmFjaykgPT4ge1xuICBjb25zdCB7IGNsb3NhYmxlID0gdHJ1ZSwgaWNvbiB9ID0gc25hY2s7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBjbG9zZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICByZXR1cm4gKFxuICAgIDxEZWZhdWx0U25hY2tDb250YWluZXI+XG4gICAgICB7aWNvbn1cbiAgICAgIHtzbmFjay5jb250ZW50fVxuICAgICAgPEJ1dHRvbldyYXBwZXI+XG4gICAgICAgIHtjbG9zYWJsZSAmJiAoXG4gICAgICAgICAgPEljb25CdXR0b25WMlxuICAgICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgICBjb2xvclRoZW1lPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gY2xvc2VTbmFjayhzbmFjayl9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
-var DefaultSnack = function DefaultSnack(snack) {
-  var _snack$closable = snack.closable,
-    closable = _snack$closable === void 0 ? true : _snack$closable,
-    icon = snack.icon;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useSnack = useSnack(),
-    closeSnack = _useSnack.closeSnack;
+const DefaultSnack = snack => {
+  const {
+    closable = true,
+    icon
+  } = snack;
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeSnack
+  } = useSnack();
   return _jsxs(DefaultSnackContainer, {
     children: [icon, snack.content, _jsx(ButtonWrapper, {
       children: closable && _jsx(IconButtonV2, {
         size: "xsmall",
         variant: "outline",
         colorTheme: "greyLighter",
-        onClick: function onClick() {
-          return closeSnack(snack);
-        },
+        onClick: () => closeSnack(snack),
         "aria-label": t('snackbar.close'),
         children: _jsx(Cross, {})
       })

package/es/SnackBar/SnackbarProvider.js

@@ -1,16 +1,4 @@
-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); }
 import _styled from "@emotion/styled/base";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -26,55 +14,43 @@ import { spacing } from '@ndla/core';
 import DefaultSnack from './DefaultSnackbar';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var SnackbarContext = /*#__PURE__*/createContext(undefined);
-export var useSnack = function useSnack() {
-  var context = useContext(SnackbarContext);
+const SnackbarContext = /*#__PURE__*/createContext(undefined);
+export const useSnack = () => {
+  const context = useContext(SnackbarContext);
   if (!context) {
     throw new Error('useSnack can only be used within a SnackbarProvider!');
   }
   return context;
 };
-export var SnackbarProvider = function SnackbarProvider(_ref) {
-  var children = _ref.children;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    snacks = _useState2[0],
-    setSnacks = _useState2[1];
-  var addSnack = useCallback(function (snack) {
-    setSnacks(function (prev) {
-      return prev.filter(function (s) {
-        return s.id !== snack.id;
-      }).concat(snack);
-    });
+export const SnackbarProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [snacks, setSnacks] = useState([]);
+  const addSnack = useCallback(snack => {
+    setSnacks(prev => prev.filter(s => s.id !== snack.id).concat(snack));
   }, []);
-  var removeSnack = useCallback(function (snackId) {
-    setSnacks(function (prev) {
-      return prev.filter(function (_ref2) {
-        var id = _ref2.id;
-        return snackId !== id;
-      });
-    });
+  const removeSnack = useCallback(snackId => {
+    setSnacks(prev => prev.filter(_ref2 => {
+      let {
+        id
+      } = _ref2;
+      return snackId !== id;
+    }));
   }, []);
-  var closeSnack = useCallback(function (snack) {
-    setSnacks(function (prev) {
-      return prev.map(function (p) {
-        return p.id === snack.id ? _objectSpread(_objectSpread({}, p), {}, {
-          duration: 0
-        }) : p;
-      });
-    });
+  const closeSnack = useCallback(snack => {
+    setSnacks(prev => prev.map(p => p.id === snack.id ? {
+      ...p,
+      duration: 0
+    } : p));
   }, []);
-  var clearSnacks = useCallback(function () {
-    return setSnacks([]);
-  }, []);
-  var value = useMemo(function () {
-    return {
-      addSnack: addSnack,
-      removeSnack: removeSnack,
-      clearSnacks: clearSnacks,
-      closeSnack: closeSnack
-    };
-  }, [addSnack, removeSnack, clearSnacks, closeSnack]);
+  const clearSnacks = useCallback(() => setSnacks([]), []);
+  const value = useMemo(() => ({
+    addSnack,
+    removeSnack,
+    clearSnacks,
+    closeSnack
+  }), [addSnack, removeSnack, clearSnacks, closeSnack]);
   return _jsxs(SnackbarContext.Provider, {
     value: value,
     children: [children, _jsx(SnackbarContainer, {
@@ -82,58 +58,49 @@ export var SnackbarProvider = function SnackbarProvider(_ref) {
     })]
   });
 };
-var snackbarInAnimation = keyframes({
+const snackbarInAnimation = keyframes({
   '0%': {
-    transform: "translateY(".concat(spacing.medium, ")"),
+    transform: `translateY(${spacing.medium})`,
     opacity: 0
   },
   '100%': {
     opacity: 1
   }
 });
-var snackbarOutAnimation = keyframes({
+const snackbarOutAnimation = keyframes({
   '0%': {
     opacity: 1
   },
   '100%': {
-    transform: "translateY(".concat(spacing.medium, ")"),
+    transform: `translateY(${spacing.medium})`,
     opacity: 0
   }
 });
-var BaseSnackContainer = /*#__PURE__*/_styled("li", {
+const BaseSnackContainer = /*#__PURE__*/_styled("li", {
   target: "e12tl09b1",
   label: "BaseSnackContainer"
-})("display:flex;flex-direction:column;align-items:center;animation:", function (p) {
-  return p.expired ? snackbarOutAnimation : snackbarInAnimation;
-}, " 200ms ease-in-out;animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGNkQiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRGVmYXVsdFNuYWNrIGZyb20gJy4vRGVmYXVsdFNuYWNrYmFyJztcblxuZXhwb3J0IGludGVyZmFjZSBTbmFjayB7XG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICByZW5kZXI/OiAoaWQ6IHN0cmluZywgb25DbG9zZT86ICgpID0+IHZvaWQpID0+IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgY2xvc2FibGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNuYWNrQ29udGV4dCB7XG4gIGFkZFNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xuICByZW1vdmVTbmFjazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGNsZWFyU25hY2tzOiAoKSA9PiB2b2lkO1xuICBjbG9zZVNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTbmFja2JhckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFNuYWNrQ29udGV4dCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuZXhwb3J0IGNvbnN0IHVzZVNuYWNrID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTbmFja2JhckNvbnRleHQpO1xuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVNuYWNrIGNhbiBvbmx5IGJlIHVzZWQgd2l0aGluIGEgU25hY2tiYXJQcm92aWRlciEnKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG4gICcxMDAlJzogeyBvcGFjaXR5OiAxIH0sXG59KTtcblxuY29uc3Qgc25hY2tiYXJPdXRBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAnMCUnOiB7IG9wYWNpdHk6IDEgfSxcbiAgJzEwMCUnOiB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pYCwgb3BhY2l0eTogMCB9LFxufSk7XG5cbmNvbnN0IEJhc2VTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5saTxCYXNlU25hY2tDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogJHsocCkgPT4gKHAuZXhwaXJlZCA/IHNuYWNrYmFyT3V0QW5pbWF0aW9uIDogc25hY2tiYXJJbkFuaW1hdGlvbil9IDIwMG1zIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmV4cG9ydCBjb25zdCBCYXNlU25hY2sgPSAoeyBkdXJhdGlvbiA9IDUwMDAsIGlkLCBjaGlsZHJlbiB9OiBCYXNlU25hY2tQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlbW92ZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiBzZXRFeHBpcmVkKHRydWUpLCBkdXJhdGlvbik7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgfSwgW2R1cmF0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVNuYWNrQ29udGFpbmVyIGV4cGlyZWQ9e2V4cGlyZWR9IG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIHJlbW92ZVNuYWNrKGlkKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYXNlU25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJDb250YWluZXJQcm9wcyB7XG4gIHNuYWNrczogU25hY2tbXTtcbn1cblxuY29uc3QgU3R5bGVkU25hY2tMaXN0ID0gc3R5bGVkLnVsYFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
-export var BaseSnack = function BaseSnack(_ref3) {
-  var _ref3$duration = _ref3.duration,
-    duration = _ref3$duration === void 0 ? 5000 : _ref3$duration,
-    id = _ref3.id,
-    children = _ref3.children;
-  var _useSnack = useSnack(),
-    removeSnack = _useSnack.removeSnack;
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    expired = _useState4[0],
-    setExpired = _useState4[1];
-  useEffect(function () {
-    var timeout = setTimeout(function () {
-      return setExpired(true);
-    }, duration);
-    return function () {
-      return clearTimeout(timeout);
-    };
+})("display:flex;flex-direction:column;align-items:center;animation:", p => p.expired ? snackbarOutAnimation : snackbarInAnimation, " 200ms ease-in-out;animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGNkQiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRGVmYXVsdFNuYWNrIGZyb20gJy4vRGVmYXVsdFNuYWNrYmFyJztcblxuZXhwb3J0IGludGVyZmFjZSBTbmFjayB7XG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICByZW5kZXI/OiAoaWQ6IHN0cmluZywgb25DbG9zZT86ICgpID0+IHZvaWQpID0+IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgY2xvc2FibGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNuYWNrQ29udGV4dCB7XG4gIGFkZFNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xuICByZW1vdmVTbmFjazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGNsZWFyU25hY2tzOiAoKSA9PiB2b2lkO1xuICBjbG9zZVNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTbmFja2JhckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFNuYWNrQ29udGV4dCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuZXhwb3J0IGNvbnN0IHVzZVNuYWNrID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTbmFja2JhckNvbnRleHQpO1xuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVNuYWNrIGNhbiBvbmx5IGJlIHVzZWQgd2l0aGluIGEgU25hY2tiYXJQcm92aWRlciEnKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG4gICcxMDAlJzogeyBvcGFjaXR5OiAxIH0sXG59KTtcblxuY29uc3Qgc25hY2tiYXJPdXRBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAnMCUnOiB7IG9wYWNpdHk6IDEgfSxcbiAgJzEwMCUnOiB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pYCwgb3BhY2l0eTogMCB9LFxufSk7XG5cbmNvbnN0IEJhc2VTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5saTxCYXNlU25hY2tDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogJHsocCkgPT4gKHAuZXhwaXJlZCA/IHNuYWNrYmFyT3V0QW5pbWF0aW9uIDogc25hY2tiYXJJbkFuaW1hdGlvbil9IDIwMG1zIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmV4cG9ydCBjb25zdCBCYXNlU25hY2sgPSAoeyBkdXJhdGlvbiA9IDUwMDAsIGlkLCBjaGlsZHJlbiB9OiBCYXNlU25hY2tQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlbW92ZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiBzZXRFeHBpcmVkKHRydWUpLCBkdXJhdGlvbik7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgfSwgW2R1cmF0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVNuYWNrQ29udGFpbmVyIGV4cGlyZWQ9e2V4cGlyZWR9IG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIHJlbW92ZVNuYWNrKGlkKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYXNlU25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJDb250YWluZXJQcm9wcyB7XG4gIHNuYWNrczogU25hY2tbXTtcbn1cblxuY29uc3QgU3R5bGVkU25hY2tMaXN0ID0gc3R5bGVkLnVsYFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
+export const BaseSnack = _ref3 => {
+  let {
+    duration = 5000,
+    id,
+    children
+  } = _ref3;
+  const {
+    removeSnack
+  } = useSnack();
+  const [expired, setExpired] = useState(false);
+  useEffect(() => {
+    const timeout = setTimeout(() => setExpired(true), duration);
+    return () => clearTimeout(timeout);
   }, [duration]);
   return _jsx(BaseSnackContainer, {
     expired: expired,
-    onAnimationEnd: function onAnimationEnd() {
-      return expired && removeSnack(id);
-    },
+    onAnimationEnd: () => expired && removeSnack(id),
     children: children
   });
 };
-var StyledSnackList = /*#__PURE__*/_styled("ul", {
+const StyledSnackList = /*#__PURE__*/_styled("ul", {
   target: "e12tl09b0",
   label: "StyledSnackList"
 })(process.env.NODE_ENV === "production" ? {
@@ -145,17 +112,19 @@ var StyledSnackList = /*#__PURE__*/_styled("ul", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIaUMiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRGVmYXVsdFNuYWNrIGZyb20gJy4vRGVmYXVsdFNuYWNrYmFyJztcblxuZXhwb3J0IGludGVyZmFjZSBTbmFjayB7XG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICByZW5kZXI/OiAoaWQ6IHN0cmluZywgb25DbG9zZT86ICgpID0+IHZvaWQpID0+IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgY2xvc2FibGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNuYWNrQ29udGV4dCB7XG4gIGFkZFNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xuICByZW1vdmVTbmFjazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGNsZWFyU25hY2tzOiAoKSA9PiB2b2lkO1xuICBjbG9zZVNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTbmFja2JhckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFNuYWNrQ29udGV4dCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuZXhwb3J0IGNvbnN0IHVzZVNuYWNrID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTbmFja2JhckNvbnRleHQpO1xuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVNuYWNrIGNhbiBvbmx5IGJlIHVzZWQgd2l0aGluIGEgU25hY2tiYXJQcm92aWRlciEnKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG4gICcxMDAlJzogeyBvcGFjaXR5OiAxIH0sXG59KTtcblxuY29uc3Qgc25hY2tiYXJPdXRBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAnMCUnOiB7IG9wYWNpdHk6IDEgfSxcbiAgJzEwMCUnOiB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pYCwgb3BhY2l0eTogMCB9LFxufSk7XG5cbmNvbnN0IEJhc2VTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5saTxCYXNlU25hY2tDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogJHsocCkgPT4gKHAuZXhwaXJlZCA/IHNuYWNrYmFyT3V0QW5pbWF0aW9uIDogc25hY2tiYXJJbkFuaW1hdGlvbil9IDIwMG1zIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmV4cG9ydCBjb25zdCBCYXNlU25hY2sgPSAoeyBkdXJhdGlvbiA9IDUwMDAsIGlkLCBjaGlsZHJlbiB9OiBCYXNlU25hY2tQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlbW92ZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiBzZXRFeHBpcmVkKHRydWUpLCBkdXJhdGlvbik7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgfSwgW2R1cmF0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVNuYWNrQ29udGFpbmVyIGV4cGlyZWQ9e2V4cGlyZWR9IG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIHJlbW92ZVNuYWNrKGlkKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYXNlU25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJDb250YWluZXJQcm9wcyB7XG4gIHNuYWNrczogU25hY2tbXTtcbn1cblxuY29uc3QgU3R5bGVkU25hY2tMaXN0ID0gc3R5bGVkLnVsYFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var SnackbarContainer = function SnackbarContainer(_ref4) {
-  var snacks = _ref4.snacks;
+const SnackbarContainer = _ref4 => {
+  let {
+    snacks
+  } = _ref4;
   return _jsx(StyledSnackList, {
     "aria-live": "polite",
     role: "region",
-    children: snacks.map(function (snack) {
-      var _snack$render, _snack$render2;
-      return _jsx(BaseSnack, _objectSpread(_objectSpread({}, snack), {}, {
-        children: (_snack$render = (_snack$render2 = snack.render) === null || _snack$render2 === void 0 ? void 0 : _snack$render2.call(snack, snack.id)) !== null && _snack$render !== void 0 ? _snack$render : _jsx(DefaultSnack, _objectSpread({}, snack))
-      }), snack.id);
-    })
+    children: snacks.map(snack => _jsx(BaseSnack, {
+      ...snack,
+      children: snack.render?.(snack.id) ?? _jsx(DefaultSnack, {
+        ...snack
+      })
+    }, snack.id))
   });
 };
 export default SnackbarProvider;

package/es/Subject/SubjectBanner.js

@@ -1,23 +1,19 @@
 import _styled from "@emotion/styled/base";
 import { breakpoints, mq } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var StyledBanner = /*#__PURE__*/_styled("div", {
+const StyledBanner = /*#__PURE__*/_styled("div", {
   target: "e1187flw0",
   label: "StyledBanner"
-})("width:100%;height:120px;margin-top:0px;background-image:url(", function (props) {
-  return props.image;
-}, ");background-size:cover;background-repeat:no-repeat;background-position:center right;", mq.range({
+})("width:100%;height:120px;margin-top:0px;background-image:url(", props => props.image, ");background-size:cover;background-repeat:no-repeat;background-position:center right;", mq.range({
   from: breakpoints.tablet
-}), "{height:190px;", function (props) {
-  return props.negativeTopMargin && "margin-top: -30px;";
-}, ";}", mq.range({
+}), "{height:190px;", props => props.negativeTopMargin && `margin-top: -30px;`, ";}", mq.range({
   from: breakpoints.desktop
-}), "{height:220px;", function (props) {
-  return props.negativeTopMargin && "margin-top: -60px;";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU80QyIsImZpbGUiOiJTdWJqZWN0QmFubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG50eXBlIEJhbm5lclByb3BzID0ge1xuICBpbWFnZTogc3RyaW5nO1xuICBuZWdhdGl2ZVRvcE1hcmdpbj86IGJvb2xlYW47XG59O1xuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdjxCYW5uZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEyMHB4O1xuICBtYXJnaW4tdG9wOiAwcHg7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwcm9wcykgPT4gcHJvcHMuaW1hZ2V9KTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAxOTBweDtcbiAgICAkeyhwcm9wcykgPT4gcHJvcHMubmVnYXRpdmVUb3BNYXJnaW4gJiYgYG1hcmdpbi10b3A6IC0zMHB4O2B9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDIyMHB4O1xuICAgICR7KHByb3BzKSA9PiBwcm9wcy5uZWdhdGl2ZVRvcE1hcmdpbiAmJiBgbWFyZ2luLXRvcDogLTYwcHg7YH1cbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IEJhbm5lclByb3BzICYge307XG5jb25zdCBTdWJqZWN0QmFubmVyID0gKHsgaW1hZ2UsIG5lZ2F0aXZlVG9wTWFyZ2luIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRCYW5uZXIgaW1hZ2U9e2ltYWdlfSBuZWdhdGl2ZVRvcE1hcmdpbj17bmVnYXRpdmVUb3BNYXJnaW59IC8+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0QmFubmVyO1xuIl19 */"));
-var SubjectBanner = function SubjectBanner(_ref) {
-  var image = _ref.image,
-    negativeTopMargin = _ref.negativeTopMargin;
+}), "{height:220px;", props => props.negativeTopMargin && `margin-top: -60px;`, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU80QyIsImZpbGUiOiJTdWJqZWN0QmFubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG50eXBlIEJhbm5lclByb3BzID0ge1xuICBpbWFnZTogc3RyaW5nO1xuICBuZWdhdGl2ZVRvcE1hcmdpbj86IGJvb2xlYW47XG59O1xuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdjxCYW5uZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEyMHB4O1xuICBtYXJnaW4tdG9wOiAwcHg7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwcm9wcykgPT4gcHJvcHMuaW1hZ2V9KTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAxOTBweDtcbiAgICAkeyhwcm9wcykgPT4gcHJvcHMubmVnYXRpdmVUb3BNYXJnaW4gJiYgYG1hcmdpbi10b3A6IC0zMHB4O2B9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDIyMHB4O1xuICAgICR7KHByb3BzKSA9PiBwcm9wcy5uZWdhdGl2ZVRvcE1hcmdpbiAmJiBgbWFyZ2luLXRvcDogLTYwcHg7YH1cbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IEJhbm5lclByb3BzICYge307XG5jb25zdCBTdWJqZWN0QmFubmVyID0gKHsgaW1hZ2UsIG5lZ2F0aXZlVG9wTWFyZ2luIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRCYW5uZXIgaW1hZ2U9e2ltYWdlfSBuZWdhdGl2ZVRvcE1hcmdpbj17bmVnYXRpdmVUb3BNYXJnaW59IC8+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0QmFubmVyO1xuIl19 */"));
+const SubjectBanner = _ref => {
+  let {
+    image,
+    negativeTopMargin
+  } = _ref;
   return _jsx(StyledBanner, {
     image: image,
     negativeTopMargin: negativeTopMargin