@ndla/ui 37.1.4 → 38.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Article/Article.js +2 -2
- package/es/Article/ArticleHeaderWrapper.js +4 -7
- package/es/Article/ArticleNotions.js +16 -17
- package/es/Article/ArticleSideBar.js +4 -5
- package/es/AudioPlayer/Controls.js +173 -235
- package/es/CompetenceGoals/CompetenceGoalsDialog.js +12 -25
- package/es/Filter/FilterButtons.js +12 -14
- package/es/Filter/FilterListPhone.js +2 -4
- package/es/Footer/index.js +1 -2
- package/es/LearningPaths/LearningPathMenuModalWrapper.js +10 -6
- package/es/Masthead/MastheadSearchModal.js +56 -47
- package/es/MyNdla/SettingsMenu.js +6 -6
- package/es/NDLAFilm/AboutNdlaFilm.js +3 -3
- package/es/ResourcesWrapper/ResourcesTopicTitle.js +19 -23
- package/es/SearchTypeResult/PopupFilter.js +14 -20
- package/es/SearchTypeResult/components/ItemContexts.js +10 -21
- package/es/Topic/Topic.js +23 -23
- package/es/User/index.js +1 -3
- package/es/index.js +1 -3
- package/es/locale/messages-en.js +1 -0
- package/es/locale/messages-nb.js +1 -0
- package/es/locale/messages-nn.js +1 -0
- package/es/locale/messages-se.js +1 -0
- package/es/locale/messages-sma.js +1 -0
- package/lib/Article/Article.d.ts +2 -2
- package/lib/Article/Article.js +2 -2
- package/lib/Article/ArticleHeaderWrapper.d.ts +3 -2
- package/lib/Article/ArticleHeaderWrapper.js +4 -7
- package/lib/Article/ArticleNotions.js +17 -21
- package/lib/Article/ArticleSideBar.js +5 -9
- package/lib/AudioPlayer/Controls.d.ts +2 -2
- package/lib/AudioPlayer/Controls.js +173 -235
- package/lib/CompetenceGoals/CompetenceGoalsDialog.d.ts +3 -14
- package/lib/CompetenceGoals/CompetenceGoalsDialog.js +11 -26
- package/lib/Filter/FilterButtons.js +13 -15
- package/lib/Filter/FilterListPhone.js +3 -5
- package/lib/Footer/index.d.ts +1 -2
- package/lib/Footer/index.js +0 -7
- package/lib/LearningPaths/LearningPathMenuModalWrapper.js +9 -8
- package/lib/Masthead/MastheadSearchModal.d.ts +1 -1
- package/lib/Masthead/MastheadSearchModal.js +58 -46
- package/lib/MyNdla/SettingsMenu.js +5 -5
- package/lib/NDLAFilm/AboutNdlaFilm.js +2 -2
- package/lib/ResourcesWrapper/ResourcesTopicTitle.js +20 -27
- package/lib/SearchTypeResult/PopupFilter.js +14 -20
- package/lib/SearchTypeResult/components/ItemContexts.js +10 -21
- package/lib/Topic/Topic.js +22 -22
- package/lib/User/index.d.ts +0 -2
- package/lib/User/index.js +1 -13
- package/lib/index.d.ts +1 -3
- package/lib/index.js +1 -20
- package/lib/locale/messages-en.d.ts +1 -0
- package/lib/locale/messages-en.js +1 -0
- package/lib/locale/messages-nb.d.ts +1 -0
- package/lib/locale/messages-nb.js +1 -0
- package/lib/locale/messages-nn.d.ts +1 -0
- package/lib/locale/messages-nn.js +1 -0
- package/lib/locale/messages-se.d.ts +1 -0
- package/lib/locale/messages-se.js +1 -0
- package/lib/locale/messages-sma.d.ts +1 -0
- package/lib/locale/messages-sma.js +1 -0
- package/package.json +16 -18
- package/src/Article/Article.tsx +4 -4
- package/src/Article/ArticleHeaderWrapper.tsx +12 -18
- package/src/Article/ArticleNotions.tsx +7 -8
- package/src/Article/ArticleSideBar.tsx +3 -3
- package/src/AudioPlayer/Controls.tsx +145 -287
- package/src/CompetenceGoals/CompetenceGoalsDialog.tsx +13 -38
- package/src/Filter/FilterButtons.tsx +4 -5
- package/src/Filter/FilterListPhone.tsx +3 -4
- package/src/Footer/index.ts +1 -2
- package/src/LearningPaths/LearningPathMenuModalWrapper.tsx +10 -6
- package/src/Masthead/MastheadSearchModal.tsx +48 -74
- package/src/MyNdla/SettingsMenu.tsx +3 -3
- package/src/NDLAFilm/AboutNdlaFilm.tsx +3 -3
- package/src/ResourcesWrapper/ResourcesTopicTitle.tsx +4 -8
- package/src/SearchTypeResult/PopupFilter.tsx +6 -11
- package/src/SearchTypeResult/components/ItemContexts.tsx +4 -21
- package/src/Topic/Topic.tsx +7 -7
- package/src/User/index.ts +0 -2
- package/src/index.ts +1 -3
- package/src/locale/messages-en.ts +1 -0
- package/src/locale/messages-nb.ts +1 -0
- package/src/locale/messages-nn.ts +1 -0
- package/src/locale/messages-se.ts +1 -0
- package/src/locale/messages-sma.ts +1 -0
- package/es/Figure/FigureLicenseDialogContent.js +0 -75
- package/es/Footer/FooterAuth.js +0 -110
- package/es/Masthead/MastheadAuthModal.js +0 -50
- package/es/SearchTypeResult/SearchNotionItem.js +0 -208
- package/es/User/AuthModal.js +0 -116
- package/lib/Figure/FigureLicenseDialogContent.d.ts +0 -22
- package/lib/Figure/FigureLicenseDialogContent.js +0 -80
- package/lib/Footer/FooterAuth.d.ts +0 -10
- package/lib/Footer/FooterAuth.js +0 -114
- package/lib/Masthead/MastheadAuthModal.d.ts +0 -13
- package/lib/Masthead/MastheadAuthModal.js +0 -56
- package/lib/SearchTypeResult/SearchNotionItem.d.ts +0 -29
- package/lib/SearchTypeResult/SearchNotionItem.js +0 -215
- package/lib/User/AuthModal.d.ts +0 -22
- package/lib/User/AuthModal.js +0 -124
- package/src/Figure/FigureLicenseDialogContent.tsx +0 -80
- package/src/Footer/FooterAuth.tsx +0 -104
- package/src/Masthead/MastheadAuthModal.tsx +0 -62
- package/src/SearchTypeResult/SearchNotionItem.tsx +0 -228
- package/src/User/AuthModal.tsx +0 -123
|
@@ -24,7 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
24
24
|
|
|
25
25
|
import React, { useEffect, useState } from 'react';
|
|
26
26
|
import { ChevronDown, ChevronUp } from '@ndla/icons/common';
|
|
27
|
-
import
|
|
27
|
+
import { ModalHeader, ModalBody, ModalCloseButton, Modal } from '@ndla/modal';
|
|
28
28
|
import { ButtonV2 } from '@ndla/button';
|
|
29
29
|
import debounce from 'lodash/debounce';
|
|
30
30
|
import { classes } from './filterClasses';
|
|
@@ -130,8 +130,7 @@ var FilterListPhone = function FilterListPhone(_ref) {
|
|
|
130
130
|
}), value);
|
|
131
131
|
}
|
|
132
132
|
}), _jsx(Modal, {
|
|
133
|
-
size: "
|
|
134
|
-
backgroundColor: "grey",
|
|
133
|
+
size: "full",
|
|
135
134
|
activateButton: _jsx(ButtonV2, _objectSpread(_objectSpread({
|
|
136
135
|
variant: "outline"
|
|
137
136
|
}, classes('modal-button')), {}, {
|
|
@@ -140,7 +139,6 @@ var FilterListPhone = function FilterListPhone(_ref) {
|
|
|
140
139
|
children: function children(onClose) {
|
|
141
140
|
return _jsxs(_Fragment, {
|
|
142
141
|
children: [_jsx(ModalHeader, {
|
|
143
|
-
modifier: ['left-align'],
|
|
144
142
|
children: _jsxs("div", _objectSpread(_objectSpread({}, classes('modal-header')), {}, {
|
|
145
143
|
children: [_jsxs("div", _objectSpread(_objectSpread({}, classes('modal-heading')), {}, {
|
|
146
144
|
children: [!isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
|
package/es/Footer/index.js
CHANGED
|
@@ -9,5 +9,4 @@
|
|
|
9
9
|
import Footer from './Footer';
|
|
10
10
|
import { FooterText } from './FooterText';
|
|
11
11
|
import { EditorName } from './EditorName';
|
|
12
|
-
|
|
13
|
-
export { Footer, FooterText, EditorName, FooterAuth };
|
|
12
|
+
export { Footer, FooterText, EditorName };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
1
2
|
/**
|
|
2
3
|
* Copyright (c) 2019-present, NDLA.
|
|
3
4
|
*
|
|
@@ -7,8 +8,8 @@
|
|
|
7
8
|
*/
|
|
8
9
|
|
|
9
10
|
import React from 'react';
|
|
10
|
-
import { spacing, mq, breakpoints } from '@ndla/core';
|
|
11
|
-
import
|
|
11
|
+
import { spacing, mq, breakpoints, colors } from '@ndla/core';
|
|
12
|
+
import { ModalHeader, ModalBody, ModalCloseButton, Modal } from '@ndla/modal';
|
|
12
13
|
import { css } from '@emotion/react';
|
|
13
14
|
import { ButtonV2 } from '@ndla/button';
|
|
14
15
|
import { LearningPath } from '@ndla/icons/contentType';
|
|
@@ -18,17 +19,20 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
18
19
|
import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
19
20
|
var buttonToggleCss = /*#__PURE__*/css(mq.range({
|
|
20
21
|
from: breakpoints.tablet
|
|
21
|
-
}), "{display:none;}margin-right:auto;margin-left:", spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", spacing.xsmall, ";transform:translateY(-2px);};label:buttonToggleCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
}), "{display:none;}margin-right:auto;margin-left:", spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", spacing.xsmall, ";transform:translateY(-2px);};label:buttonToggleCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdENoaWxkLCBSZWFjdENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTW9kYWxXcmFwcGVyQ29tcG9uZW50ID0gKHsgaW5uZXJXaWR0aCwgY2hpbGRyZW4gfTogTW9kYWxXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaW5uZXJXaWR0aCA8IDYwMSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgICAgc2l6ZT1cImZ1bGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEJ1dHRvblYyIGNzcz17YnV0dG9uVG9nZ2xlQ3NzfT5cbiAgICAgICAgICAgIDxMZWFybmluZ1BhdGggLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KCdsZWFybmluZ1BhdGgub3Blbk1lbnVUb29sdGlwJyl9PC9zcGFuPlxuICAgICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgeyhjbG9zZU1vZGFsOiBWb2lkRnVuY3Rpb24pID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiB0aXRsZT17dCgnbW9kYWwuY2xvc2VNb2RhbCcpfSBvbkNsaWNrPXtjbG9zZU1vZGFsfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbEJvZHk+e2NoaWxkcmVuKGNsb3NlTW9kYWwpfTwvTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICApO1xuICB9XG4gIHJldHVybiA8PntjaGlsZHJlbigoKSA9PiB7fSl9PC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"));
|
|
23
|
+
var StyledModal = /*#__PURE__*/_styled(Modal, {
|
|
24
|
+
target: "e7h3tj80",
|
|
25
|
+
label: "StyledModal"
|
|
26
|
+
})("background-color:", colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdENoaWxkLCBSZWFjdENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTW9kYWxXcmFwcGVyQ29tcG9uZW50ID0gKHsgaW5uZXJXaWR0aCwgY2hpbGRyZW4gfTogTW9kYWxXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaW5uZXJXaWR0aCA8IDYwMSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgICAgc2l6ZT1cImZ1bGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEJ1dHRvblYyIGNzcz17YnV0dG9uVG9nZ2xlQ3NzfT5cbiAgICAgICAgICAgIDxMZWFybmluZ1BhdGggLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KCdsZWFybmluZ1BhdGgub3Blbk1lbnVUb29sdGlwJyl9PC9zcGFuPlxuICAgICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgeyhjbG9zZU1vZGFsOiBWb2lkRnVuY3Rpb24pID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiB0aXRsZT17dCgnbW9kYWwuY2xvc2VNb2RhbCcpfSBvbkNsaWNrPXtjbG9zZU1vZGFsfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbEJvZHk+e2NoaWxkcmVuKGNsb3NlTW9kYWwpfTwvTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICApO1xuICB9XG4gIHJldHVybiA8PntjaGlsZHJlbigoKSA9PiB7fSl9PC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"));
|
|
22
27
|
var ModalWrapperComponent = function ModalWrapperComponent(_ref) {
|
|
23
28
|
var innerWidth = _ref.innerWidth,
|
|
24
29
|
_children = _ref.children;
|
|
25
30
|
var _useTranslation = useTranslation(),
|
|
26
31
|
t = _useTranslation.t;
|
|
27
32
|
if (innerWidth < 601) {
|
|
28
|
-
return _jsx(
|
|
29
|
-
backgroundColor: "grey",
|
|
33
|
+
return _jsx(StyledModal, {
|
|
30
34
|
animationDuration: 200,
|
|
31
|
-
size: "
|
|
35
|
+
size: "full",
|
|
32
36
|
activateButton: _jsxs(ButtonV2, {
|
|
33
37
|
css: buttonToggleCss,
|
|
34
38
|
children: [_jsx(LearningPath, {}), _jsx("span", {
|
|
@@ -1,40 +1,38 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3
|
+
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."); }
|
|
4
|
+
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); }
|
|
5
|
+
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; }
|
|
6
|
+
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; } }
|
|
7
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
+
import React, { useState } from 'react';
|
|
9
|
+
import { Drawer } from '@ndla/modal';
|
|
4
10
|
import { IconButtonV2 as IconButton } from '@ndla/button';
|
|
5
11
|
import { Cross } from '@ndla/icons/action';
|
|
6
|
-
import {
|
|
7
|
-
import { css } from '@emotion/react';
|
|
8
|
-
import { spacing, mq, breakpoints, colors, shadows } from '@ndla/core';
|
|
12
|
+
import { spacing, mq, breakpoints, colors } from '@ndla/core';
|
|
9
13
|
import { useTranslation } from 'react-i18next';
|
|
10
14
|
import ToggleSearchButton from '../Search/ToggleSearchButton';
|
|
11
15
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
12
16
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
13
17
|
import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
18
|
+
var StyledDrawer = /*#__PURE__*/_styled(Drawer, {
|
|
19
|
+
target: "e11h7ky71",
|
|
20
|
+
label: "StyledDrawer"
|
|
21
|
+
})("background-color:", colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUMiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogKCkgPT4gdm9pZCkgPT4gUmVhY3RDaGlsZCB8IFJlYWN0Q2hpbGRyZW4gfCBSZWFjdE5vZGU7XG4gIGhpZGVPbk5hcnJvd1NjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJhd2VyID0gc3R5bGVkKERyYXdlcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMDBweCk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogMTAyNHB4O1xuICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDE1NnB4KTtcbiAgfVxuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAgYXV0bztcblxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gKyAke3NwYWNpbmcuc21hbGx9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUb2dnbGVTZWFyY2hCdXR0b24gaGlkZU9uTmFycm93U2NyZWVuPXtoaWRlT25OYXJyb3dTY3JlZW59IG9uQ2xpY2s9eygpID0+IHNldElzT3Blbih0cnVlKX0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIDxTdHlsZWREcmF3ZXJcbiAgICAgICAgY29udHJvbGxlZFxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICAgICAgcG9zaXRpb249XCJ0b3BcIlxuICAgICAgICBleHBhbmRzXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGFuaW1hdGlvbj1cInNsaWRlSW5cIlxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICAgICAgb25TZWFyY2hDbG9zZSgpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7KGNsb3NlTW9kYWwpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICAgICAge2NoaWxkcmVuKGNsb3NlTW9kYWwpfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgY2xhc3NOYW1lPVwiYy1pY29uLS1tZWRpdW1cIiAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkRHJhd2VyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWRTZWFyY2hNb2RhbDtcbiJdfQ== */"));
|
|
14
22
|
var StyledHeader = /*#__PURE__*/_styled("div", {
|
|
15
23
|
target: "e11h7ky70",
|
|
16
24
|
label: "StyledHeader"
|
|
17
|
-
})("display:flex;gap:", spacing.small, ";align-items:
|
|
25
|
+
})("display:flex;gap:", spacing.small, ";align-items:flex-start;", mq.range({
|
|
18
26
|
from: breakpoints.tablet
|
|
19
27
|
}), "{width:1024px;max-width:calc(100vw - 100px);}", mq.range({
|
|
20
28
|
from: breakpoints.desktop
|
|
21
|
-
}), "{width:1024px;max-width:calc(100vw - 156px);}padding:0;margin:0 auto;display:flex;padding-top:", spacing.small, ";", mq.range({
|
|
29
|
+
}), "{width:1024px;max-width:calc(100vw - 156px);}padding:0;margin:0 auto;display:flex;padding-top:", spacing.small, ";padding-bottom:", spacing.small, ";", mq.range({
|
|
22
30
|
from: breakpoints.tablet
|
|
23
|
-
}), "{padding-top:", spacing.normal, ";}", mq.range({
|
|
31
|
+
}), "{padding-top:", spacing.normal, ";padding-bottom:", spacing.normal, ";}", mq.range({
|
|
24
32
|
from: breakpoints.desktop
|
|
25
|
-
}), "{padding-top:calc(", spacing.normal, " + ", spacing.small, ");}>input{width:100%;margin-right:-", spacing.large, ";", mq.range({
|
|
33
|
+
}), "{padding-top:calc(", spacing.normal, " + ", spacing.small, ");padding-bottom:calc(", spacing.normal, " + ", spacing.small, ");}>input{width:100%;margin-right:-", spacing.large, ";", mq.range({
|
|
26
34
|
until: breakpoints.tablet
|
|
27
|
-
}), "{.c-search-field__button--close{right:", spacing.large, "+", spacing.normal, ";top:16px;}.c-search-field__button--searchIcon{right:", spacing.large, ";top:", spacing.small, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
-
var modalStyles = /*#__PURE__*/css("&>[data-reach-dialog-content]{position:fixed;background:none;top:0;right:0;left:0;height:74px;overflow-y:visible;box-shadow:none;", mq.range({
|
|
29
|
-
from: breakpoints.tablet
|
|
30
|
-
}), "{height:110px;}", mq.range({
|
|
31
|
-
from: breakpoints.desktop
|
|
32
|
-
}), "{height:136px;}};label:modalStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEdUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWVsZFBsYWNlaG9sZGVyJyl9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICAgIGFuaW1hdGlvbj1cInNsaWRlLWRvd25cIlxuICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICAgIG9uQ2xvc2U9e29uU2VhcmNoQ2xvc2V9XG4gICAgICBjc3M9e21vZGFsU3R5bGVzfVxuICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICA8VG9nZ2xlU2VhcmNoQnV0dG9uIGhpZGVPbk5hcnJvd1NjcmVlbj17aGlkZU9uTmFycm93U2NyZWVufSBuZGxhRmlsbT17bmRsYUZpbG19PlxuICAgICAgICAgIHt0KCdtYXN0aGVhZC5tZW51LnNlYXJjaCcpfVxuICAgICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIH1cbiAgICA+XG4gICAgICB7KGNsb3NlTW9kYWw6IFZvaWRGdW5jdGlvbikgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXtleHRyYUJhY2tkcm9wfSAvPlxuICAgICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnd2VsY29tZVBhZ2UuY2xvc2VTZWFyY2gnKX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgb25DbGljaz17Y2xvc2VNb2RhbH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvTW9kYWw+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNYXN0aGVhZFNlYXJjaE1vZGFsO1xuIl19 */"));
|
|
33
|
-
var extraBackdrop = /*#__PURE__*/css("position:absolute;z-index:-1;left:0;right:0;top:0;height:74px;background:", colors.brand.greyLighter, ";", mq.range({
|
|
34
|
-
from: breakpoints.tablet
|
|
35
|
-
}), "{height:110px;}", mq.range({
|
|
36
|
-
from: breakpoints.desktop
|
|
37
|
-
}), "{height:136px;}box-shadow:", shadows.searchHeader, ";;label:extraBackdrop;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFeUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWVsZFBsYWNlaG9sZGVyJyl9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICAgIGFuaW1hdGlvbj1cInNsaWRlLWRvd25cIlxuICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICAgIG9uQ2xvc2U9e29uU2VhcmNoQ2xvc2V9XG4gICAgICBjc3M9e21vZGFsU3R5bGVzfVxuICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICA8VG9nZ2xlU2VhcmNoQnV0dG9uIGhpZGVPbk5hcnJvd1NjcmVlbj17aGlkZU9uTmFycm93U2NyZWVufSBuZGxhRmlsbT17bmRsYUZpbG19PlxuICAgICAgICAgIHt0KCdtYXN0aGVhZC5tZW51LnNlYXJjaCcpfVxuICAgICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIH1cbiAgICA+XG4gICAgICB7KGNsb3NlTW9kYWw6IFZvaWRGdW5jdGlvbikgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXtleHRyYUJhY2tkcm9wfSAvPlxuICAgICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnd2VsY29tZVBhZ2UuY2xvc2VTZWFyY2gnKX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgb25DbGljaz17Y2xvc2VNb2RhbH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvTW9kYWw+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNYXN0aGVhZFNlYXJjaE1vZGFsO1xuIl19 */"));
|
|
35
|
+
}), "{.c-search-field__button--close{right:", spacing.large, "+", spacing.normal, ";top:16px;}.c-search-field__button--searchIcon{right:", spacing.large, ";top:", spacing.small, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CK0IiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogKCkgPT4gdm9pZCkgPT4gUmVhY3RDaGlsZCB8IFJlYWN0Q2hpbGRyZW4gfCBSZWFjdE5vZGU7XG4gIGhpZGVPbk5hcnJvd1NjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJhd2VyID0gc3R5bGVkKERyYXdlcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMDBweCk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogMTAyNHB4O1xuICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDE1NnB4KTtcbiAgfVxuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAgYXV0bztcblxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gKyAke3NwYWNpbmcuc21hbGx9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUb2dnbGVTZWFyY2hCdXR0b24gaGlkZU9uTmFycm93U2NyZWVuPXtoaWRlT25OYXJyb3dTY3JlZW59IG9uQ2xpY2s9eygpID0+IHNldElzT3Blbih0cnVlKX0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIDxTdHlsZWREcmF3ZXJcbiAgICAgICAgY29udHJvbGxlZFxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICAgICAgcG9zaXRpb249XCJ0b3BcIlxuICAgICAgICBleHBhbmRzXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGFuaW1hdGlvbj1cInNsaWRlSW5cIlxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICAgICAgb25TZWFyY2hDbG9zZSgpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7KGNsb3NlTW9kYWwpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICAgICAge2NoaWxkcmVuKGNsb3NlTW9kYWwpfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgY2xhc3NOYW1lPVwiYy1pY29uLS1tZWRpdW1cIiAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkRHJhd2VyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWRTZWFyY2hNb2RhbDtcbiJdfQ== */"));
|
|
38
36
|
var MastheadSearchModal = function MastheadSearchModal(_ref) {
|
|
39
37
|
var onSearchClose = _ref.onClose,
|
|
40
38
|
_children = _ref.children,
|
|
@@ -42,36 +40,47 @@ var MastheadSearchModal = function MastheadSearchModal(_ref) {
|
|
|
42
40
|
ndlaFilm = _ref.ndlaFilm;
|
|
43
41
|
var _useTranslation = useTranslation(),
|
|
44
42
|
t = _useTranslation.t;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
onClose: onSearchClose,
|
|
52
|
-
css: modalStyles,
|
|
53
|
-
activateButton: _jsx(ToggleSearchButton, {
|
|
43
|
+
var _useState = useState(false),
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
isOpen = _useState2[0],
|
|
46
|
+
setIsOpen = _useState2[1];
|
|
47
|
+
return _jsxs(_Fragment, {
|
|
48
|
+
children: [_jsx(ToggleSearchButton, {
|
|
54
49
|
hideOnNarrowScreen: hideOnNarrowScreen,
|
|
50
|
+
onClick: function onClick() {
|
|
51
|
+
return setIsOpen(true);
|
|
52
|
+
},
|
|
55
53
|
ndlaFilm: ndlaFilm,
|
|
56
54
|
children: t('masthead.menu.search')
|
|
57
|
-
}),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
55
|
+
}), _jsx(StyledDrawer, {
|
|
56
|
+
controlled: true,
|
|
57
|
+
"aria-label": t('searchPage.searchFieldPlaceholder'),
|
|
58
|
+
position: "top",
|
|
59
|
+
expands: true,
|
|
60
|
+
size: "small",
|
|
61
|
+
animation: "slideIn",
|
|
62
|
+
animationDuration: 200,
|
|
63
|
+
isOpen: isOpen,
|
|
64
|
+
onClose: function onClose() {
|
|
65
|
+
setIsOpen(false);
|
|
66
|
+
onSearchClose();
|
|
67
|
+
},
|
|
68
|
+
children: function children(closeModal) {
|
|
69
|
+
return _jsx(_Fragment, {
|
|
70
|
+
children: _jsxs(StyledHeader, {
|
|
71
|
+
children: [_children(closeModal), _jsx(IconButton, {
|
|
72
|
+
"aria-label": t('welcomePage.closeSearch'),
|
|
73
|
+
variant: "ghost",
|
|
74
|
+
colorTheme: "light",
|
|
75
|
+
onClick: closeModal,
|
|
76
|
+
children: _jsx(Cross, {
|
|
77
|
+
className: "c-icon--medium"
|
|
78
|
+
})
|
|
79
|
+
})]
|
|
80
|
+
})
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
})]
|
|
75
84
|
});
|
|
76
85
|
};
|
|
77
86
|
export default MastheadSearchModal;
|
|
@@ -11,7 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
11
11
|
import { isMobile, isTablet } from 'react-device-detect';
|
|
12
12
|
import { useTranslation } from 'react-i18next';
|
|
13
13
|
import { IconButtonV2, MenuButton, ButtonV2 } from '@ndla/button';
|
|
14
|
-
import { Drawer, ModalBody, ModalCloseButton,
|
|
14
|
+
import { Drawer, ModalBody, ModalCloseButton, ModalHeader } from '@ndla/modal';
|
|
15
15
|
import { HorizontalMenu } from '@ndla/icons/contentType';
|
|
16
16
|
import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
|
|
17
17
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
@@ -22,7 +22,7 @@ var StyledDrawer = /*#__PURE__*/_styled(Drawer, {
|
|
|
22
22
|
label: "StyledDrawer"
|
|
23
23
|
})("max-height:100%;border-top-left-radius:", misc.borderRadius, ";border-top-right-radius:", misc.borderRadius, ";", mq.range({
|
|
24
24
|
until: breakpoints.tablet
|
|
25
|
-
}), "{min-height:20%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
}), "{min-height:20%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */"));
|
|
26
26
|
var StyledUl = /*#__PURE__*/_styled("ul", {
|
|
27
27
|
target: "ewsen8f2",
|
|
28
28
|
label: "StyledUl"
|
|
@@ -32,17 +32,17 @@ var StyledUl = /*#__PURE__*/_styled("ul", {
|
|
|
32
32
|
} : {
|
|
33
33
|
name: "n1lsvi",
|
|
34
34
|
styles: "padding:0;list-style:none",
|
|
35
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQiIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */",
|
|
36
36
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
37
37
|
});
|
|
38
38
|
var StyledModalBody = /*#__PURE__*/_styled(ModalBody, {
|
|
39
39
|
target: "ewsen8f1",
|
|
40
40
|
label: "StyledModalBody"
|
|
41
|
-
})("padding:0 0 ", spacing.large, " 0px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
})("padding:0 0 ", spacing.large, " 0px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0N5QyIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */"));
|
|
42
42
|
var StyledLi = /*#__PURE__*/_styled("li", {
|
|
43
43
|
target: "ewsen8f0",
|
|
44
44
|
label: "StyledLi"
|
|
45
|
-
})("border-bottom:1px solid ", colors.brand.neutral7, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
+
})("border-bottom:1px solid ", colors.brand.neutral7, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MwQiIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */"));
|
|
46
46
|
var SettingsMenu = function SettingsMenu(_ref) {
|
|
47
47
|
var menuItems = _ref.menuItems,
|
|
48
48
|
_children = _ref.children;
|
|
@@ -61,7 +61,7 @@ var SettingsMenu = function SettingsMenu(_ref) {
|
|
|
61
61
|
}),
|
|
62
62
|
children: function children(close) {
|
|
63
63
|
return _jsxs(_Fragment, {
|
|
64
|
-
children: [_jsxs(
|
|
64
|
+
children: [_jsxs(ModalHeader, {
|
|
65
65
|
children: [_jsx("h1", {
|
|
66
66
|
children: t('myNdla.settings')
|
|
67
67
|
}), _jsx(ModalCloseButton, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import { ModalHeader, ModalBody, ModalCloseButton,
|
|
4
|
+
import { ModalHeader, ModalBody, ModalCloseButton, Modal } from '@ndla/modal';
|
|
5
5
|
import { colors, spacing, mq, breakpoints } from '@ndla/core';
|
|
6
6
|
import { ButtonV2 as Button } from '@ndla/button';
|
|
7
7
|
import VisualElement from './VisualElement';
|
|
@@ -13,7 +13,7 @@ var StyledAside = /*#__PURE__*/_styled("aside", {
|
|
|
13
13
|
label: "StyledAside"
|
|
14
14
|
})("background:#184673;color:#fff;display:flex;padding:", spacing.normal, " ", spacing.normal, " ", spacing.medium, ";>div{padding:", spacing.normal, ";width:50%;h2{text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin:0 0 ", spacing.small, " 0;}}button{color:#fff;&:hover,&:focus{color:", colors.brand.light, ";}}", mq.range({
|
|
15
15
|
until: breakpoints.tablet
|
|
16
|
-
}), "{flex-direction:column;>div{width:auto;&:first-of-type{padding-bottom:0;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
}), "{flex-direction:column;>div{width:auto;&:first-of-type{padding-bottom:0;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFib3V0TmRsYUZpbG0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQyIsImZpbGUiOiJBYm91dE5kbGFGaWxtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBWaXN1YWxFbGVtZW50IGZyb20gJy4vVmlzdWFsRWxlbWVudCc7XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBiYWNrZ3JvdW5kOiAjMTg0NjczO1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB3aWR0aDogNTAlO1xuICAgIGgyIHtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICBtYXJnaW46IDAgMCAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgfVxuICB9XG4gIGJ1dHRvbiB7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICA+IGRpdiB7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYWJvdXRORExBVmlkZW86IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICAgdmlzdWFsRWxlbWVudDoge1xuICAgICAgYWx0Pzogc3RyaW5nO1xuICAgICAgdXJsOiBzdHJpbmc7XG4gICAgICB0eXBlOiBzdHJpbmc7XG4gICAgfTtcbiAgfTtcbiAgbW9yZUFib3V0TmRsYUZpbG06IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQWJvdXROZGxhRmlsbSA9ICh7IGFib3V0TkRMQVZpZGVvLCBtb3JlQWJvdXROZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHRpdGxlSWQgPSAnYWJvdXQtbmRsYS1maWxtLXRpdGxlJztcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm8td3JhcHBlclwiPlxuICAgICAgPFN0eWxlZEFzaWRlIGFyaWEtbGFiZWxsZWRieT17dGl0bGVJZH0+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPFZpc3VhbEVsZW1lbnQgdmlzdWFsRWxlbWVudD17YWJvdXRORExBVmlkZW8udmlzdWFsRWxlbWVudH0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGgyIGlkPXt0aXRsZUlkfT57YWJvdXRORExBVmlkZW8udGl0bGV9PC9oMj5cbiAgICAgICAgICA8cD57YWJvdXRORExBVmlkZW8uZGVzY3JpcHRpb259PC9wPlxuICAgICAgICAgIDxNb2RhbCBzaXplPVwiZnVsbFwiIGFjdGl2YXRlQnV0dG9uPXs8QnV0dG9uIHZhcmlhbnQ9XCJsaW5rXCI+e3QoJ25kbGFGaWxtLmFib3V0Lm1vcmUnKX08L0J1dHRvbj59PlxuICAgICAgICAgICAgeyhvbkNsb3NlKSA9PiAoXG4gICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17b25DbG9zZX0gLz5cbiAgICAgICAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICAgIDxNb2RhbEJvZHk+e21vcmVBYm91dE5kbGFGaWxtfTwvTW9kYWxCb2R5PlxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Nb2RhbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1N0eWxlZEFzaWRlPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWJvdXROZGxhRmlsbTtcbiJdfQ== */"));
|
|
17
17
|
var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
|
|
18
18
|
var aboutNDLAVideo = _ref.aboutNDLAVideo,
|
|
19
19
|
moreAboutNdlaFilm = _ref.moreAboutNdlaFilm;
|
|
@@ -34,7 +34,7 @@ var AboutNdlaFilm = function AboutNdlaFilm(_ref) {
|
|
|
34
34
|
children: aboutNDLAVideo.title
|
|
35
35
|
}), _jsx("p", {
|
|
36
36
|
children: aboutNDLAVideo.description
|
|
37
|
-
}), _jsx(
|
|
37
|
+
}), _jsx(Modal, {
|
|
38
38
|
size: "full",
|
|
39
39
|
activateButton: _jsx(Button, {
|
|
40
40
|
variant: "link",
|