@ndla/ui 3.2.1-alpha.8 → 3.2.1

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.
Files changed (159) hide show
  1. package/es/AuthorInfo/AuthorInfo.js +1 -2
  2. package/lib/BackgroundImage/BackgroundImage.d.ts +11 -0
  3. package/{es/BackgroundImage/index.js → lib/BackgroundImage/index.d.ts} +1 -1
  4. package/lib/ContentLoader/index.d.ts +20 -0
  5. package/lib/Dialog/Dialog.d.ts +23 -0
  6. package/{es/Dialog/index.js → lib/Dialog/index.d.ts} +1 -1
  7. package/lib/Figure/Figure.d.ts +50 -0
  8. package/lib/Figure/FigureExpandButton.d.ts +16 -0
  9. package/lib/Figure/FigureLicense.d.ts +33 -0
  10. package/lib/Figure/FigureLicenseDialog.d.ts +29 -0
  11. package/{es/Figure/index.js → lib/Figure/index.d.ts} +1 -1
  12. package/lib/FileList/File.d.ts +7 -0
  13. package/lib/FileList/FileList.d.ts +17 -0
  14. package/{es/FileList/index.js → lib/FileList/index.d.ts} +1 -1
  15. package/lib/Hero/Hero.d.ts +26 -0
  16. package/{es/Hero/index.js → lib/Hero/index.d.ts} +1 -1
  17. package/lib/Image/Image.d.ts +25 -0
  18. package/lib/Image/ImageLink.d.ts +18 -0
  19. package/lib/Image/LazyLoadImage.d.ts +17 -0
  20. package/{es/Image/index.js → lib/Image/index.d.ts} +1 -1
  21. package/lib/InfoBox/InfoBox.d.ts +6 -0
  22. package/{src/InfoBox/index.js → lib/InfoBox/index.d.ts} +0 -0
  23. package/lib/InfoWidget/InfoWidget.d.ts +19 -0
  24. package/{es/InfoWidget/index.js → lib/InfoWidget/index.d.ts} +1 -1
  25. package/lib/Logo/Logo.d.ts +24 -0
  26. package/lib/Logo/SvgLogo.d.ts +14 -0
  27. package/{es/Logo/index.js → lib/Logo/index.d.ts} +1 -1
  28. package/lib/Masthead/Masthead.d.ts +27 -0
  29. package/{es/Masthead/index.js → lib/Masthead/index.d.ts} +1 -1
  30. package/lib/NoContentBox/NoContentBox.d.ts +14 -0
  31. package/{es/NoContentBox/index.js → lib/NoContentBox/index.d.ts} +1 -1
  32. package/lib/Portrait/Portrait.d.ts +15 -0
  33. package/{es/Portrait/index.js → lib/Portrait/index.d.ts} +1 -1
  34. package/lib/Topic/Topic.d.ts +3 -2
  35. package/lib/Translation/Translation.d.ts +14 -0
  36. package/lib/Translation/TranslationBox.d.ts +10 -0
  37. package/lib/Translation/TranslationLine.d.ts +16 -0
  38. package/{src/Translation/index.js → lib/Translation/index.d.ts} +0 -0
  39. package/lib/index.d.ts +14 -0
  40. package/lib/locale/messages-en.d.ts +4 -0
  41. package/lib/locale/messages-nb.d.ts +4 -0
  42. package/lib/locale/messages-nn.d.ts +4 -0
  43. package/lib/types.d.ts +10 -0
  44. package/package.json +6 -6
  45. package/src/Article/ArticleAuthorContent.tsx +0 -1
  46. package/src/AuthorInfo/AuthorInfo.tsx +0 -1
  47. package/src/BackgroundImage/BackgroundImage.tsx +32 -0
  48. package/src/BackgroundImage/{index.js → index.ts} +0 -0
  49. package/src/ContentLoader/{index.js → index.tsx} +20 -30
  50. package/src/Dialog/{Dialog.jsx → Dialog.tsx} +20 -32
  51. package/src/Dialog/{index.js → index.ts} +0 -0
  52. package/src/Figure/{Figure.js → Figure.tsx} +44 -54
  53. package/src/Figure/{FigureExpandButton.js → FigureExpandButton.tsx} +8 -9
  54. package/src/Figure/{FigureLicense.js → FigureLicense.tsx} +32 -30
  55. package/src/Figure/{FigureLicenseDialog.js → FigureLicenseDialog.tsx} +22 -22
  56. package/src/Figure/{index.js → index.ts} +0 -0
  57. package/src/FileList/{File.jsx → File.tsx} +8 -18
  58. package/src/FileList/FileList.tsx +36 -0
  59. package/src/FileList/{index.js → index.ts} +0 -0
  60. package/src/Hero/Hero.tsx +56 -0
  61. package/src/Hero/{index.js → index.ts} +0 -0
  62. package/src/Image/{Image.jsx → Image.tsx} +30 -30
  63. package/src/Image/{ImageLink.js → ImageLink.tsx} +11 -12
  64. package/src/Image/LazyLoadImage.tsx +40 -0
  65. package/src/Image/__tests__/__snapshots__/Image-test.jsx.snap +4 -3
  66. package/src/Image/{index.js → index.ts} +0 -0
  67. package/src/InfoBox/InfoBox.tsx +11 -0
  68. package/src/InfoBox/index.ts +1 -0
  69. package/src/InfoWidget/{InfoWidget.jsx → InfoWidget.tsx} +19 -26
  70. package/src/InfoWidget/{index.js → index.ts} +0 -0
  71. package/src/Logo/{Logo.jsx → Logo.tsx} +21 -28
  72. package/src/Logo/{SvgLogo.jsx → SvgLogo.tsx} +8 -14
  73. package/src/Logo/{index.js → index.ts} +0 -0
  74. package/src/Masthead/{Masthead.jsx → Masthead.tsx} +33 -35
  75. package/src/Masthead/{index.js → index.ts} +0 -0
  76. package/src/NoContentBox/{NoContentBox.jsx → NoContentBox.tsx} +7 -13
  77. package/src/NoContentBox/{index.js → index.ts} +0 -0
  78. package/src/Portrait/{Portrait.jsx → Portrait.tsx} +8 -14
  79. package/src/Portrait/{index.js → index.ts} +0 -0
  80. package/src/Topic/Topic.tsx +3 -2
  81. package/src/Translation/{Translation.jsx → Translation.tsx} +7 -8
  82. package/src/Translation/TranslationBox.tsx +20 -0
  83. package/src/Translation/{TranslationLine.jsx → TranslationLine.tsx} +11 -18
  84. package/{es/Translation/index.js → src/Translation/index.ts} +1 -1
  85. package/src/index-javascript.js +0 -29
  86. package/src/index.ts +35 -0
  87. package/src/locale/messages-en.ts +4 -0
  88. package/src/locale/messages-nb.ts +5 -1
  89. package/src/locale/messages-nn.ts +5 -1
  90. package/src/types.ts +12 -0
  91. package/es/BackgroundImage/BackgroundImage.js +0 -37
  92. package/es/ContentLoader/index.js +0 -96
  93. package/es/Dialog/Dialog.js +0 -82
  94. package/es/Figure/Figure.js +0 -125
  95. package/es/Figure/FigureExpandButton.js +0 -37
  96. package/es/Figure/FigureLicense.js +0 -74
  97. package/es/Figure/FigureLicenseDialog.js +0 -61
  98. package/es/FileList/File.js +0 -61
  99. package/es/FileList/FileList.js +0 -33
  100. package/es/Hero/Hero.js +0 -70
  101. package/es/Image/Image.js +0 -119
  102. package/es/Image/ImageLink.js +0 -55
  103. package/es/Image/LazyLoadImage.js +0 -56
  104. package/es/Image/shapes.js +0 -18
  105. package/es/InfoBox/InfoBox.js +0 -15
  106. package/es/InfoBox/index.js +0 -1
  107. package/es/InfoWidget/InfoWidget.js +0 -76
  108. package/es/Logo/Logo.js +0 -67
  109. package/es/Logo/SvgLogo.js +0 -62
  110. package/es/Masthead/Masthead.js +0 -88
  111. package/es/NoContentBox/NoContentBox.js +0 -35
  112. package/es/Portrait/Portrait.js +0 -41
  113. package/es/Translation/Translation.js +0 -27
  114. package/es/Translation/TranslationBox.js +0 -13
  115. package/es/Translation/TranslationLine.js +0 -48
  116. package/lib/BackgroundImage/BackgroundImage.js +0 -52
  117. package/lib/BackgroundImage/index.js +0 -13
  118. package/lib/ContentLoader/index.js +0 -102
  119. package/lib/Dialog/Dialog.js +0 -90
  120. package/lib/Dialog/index.js +0 -24
  121. package/lib/Figure/Figure.js +0 -139
  122. package/lib/Figure/FigureExpandButton.js +0 -52
  123. package/lib/Figure/FigureLicense.js +0 -88
  124. package/lib/Figure/FigureLicenseDialog.js +0 -69
  125. package/lib/Figure/index.js +0 -49
  126. package/lib/FileList/File.js +0 -77
  127. package/lib/FileList/FileList.js +0 -48
  128. package/lib/FileList/index.js +0 -21
  129. package/lib/Hero/Hero.js +0 -108
  130. package/lib/Hero/index.js +0 -55
  131. package/lib/Image/Image.js +0 -129
  132. package/lib/Image/ImageLink.js +0 -62
  133. package/lib/Image/LazyLoadImage.js +0 -61
  134. package/lib/Image/index.js +0 -38
  135. package/lib/Image/shapes.js +0 -33
  136. package/lib/InfoBox/InfoBox.js +0 -29
  137. package/lib/InfoBox/index.js +0 -15
  138. package/lib/InfoWidget/InfoWidget.js +0 -93
  139. package/lib/InfoWidget/index.js +0 -13
  140. package/lib/Logo/Logo.js +0 -93
  141. package/lib/Logo/SvgLogo.js +0 -68
  142. package/lib/Logo/index.js +0 -20
  143. package/lib/Masthead/Masthead.js +0 -106
  144. package/lib/Masthead/index.js +0 -30
  145. package/lib/NoContentBox/NoContentBox.js +0 -53
  146. package/lib/NoContentBox/index.js +0 -20
  147. package/lib/Portrait/Portrait.js +0 -55
  148. package/lib/Portrait/index.js +0 -20
  149. package/lib/Translation/Translation.js +0 -41
  150. package/lib/Translation/TranslationBox.js +0 -25
  151. package/lib/Translation/TranslationLine.js +0 -60
  152. package/lib/Translation/index.js +0 -31
  153. package/src/BackgroundImage/BackgroundImage.jsx +0 -39
  154. package/src/FileList/FileList.jsx +0 -36
  155. package/src/Hero/Hero.jsx +0 -38
  156. package/src/Image/LazyLoadImage.jsx +0 -39
  157. package/src/Image/shapes.js +0 -21
  158. package/src/InfoBox/InfoBox.jsx +0 -13
  159. package/src/Translation/TranslationBox.jsx +0 -12
package/lib/Hero/Hero.js DELETED
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.NdlaFilmHero = exports.SourceMaterialHero = exports.ExternalLearningResourcesHero = exports.SubjectHero = exports.AssessmentResourcesHero = exports.TasksAndActivitiesHero = exports.SubjectMaterialHero = exports.Hero = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
15
-
16
- var _shapes = require("../shapes");
17
-
18
- var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
19
-
20
- var _core = require("@emotion/core");
21
-
22
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
-
24
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
-
28
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
-
30
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
31
-
32
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
33
-
34
- var classes = new _reactBemHelper["default"]({
35
- name: 'hero',
36
- prefix: 'c-'
37
- });
38
-
39
- var Hero = function Hero(_ref) {
40
- var children = _ref.children,
41
- contentType = _ref.contentType;
42
- return (0, _core.jsx)("div", classes('', contentType), children || null);
43
- };
44
-
45
- exports.Hero = Hero;
46
- Hero.propTypes = {
47
- contentType: _shapes.ContentTypeShape,
48
- children: _propTypes["default"].node
49
- };
50
-
51
- var SubjectMaterialHero = function SubjectMaterialHero(props) {
52
- return (0, _core.jsx)(Hero, _extends({
53
- contentType: contentTypes.SUBJECT_MATERIAL
54
- }, props));
55
- };
56
-
57
- exports.SubjectMaterialHero = SubjectMaterialHero;
58
-
59
- var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
60
- return (0, _core.jsx)(Hero, _extends({
61
- contentType: contentTypes.TASKS_AND_ACTIVITIES
62
- }, props));
63
- };
64
-
65
- exports.TasksAndActivitiesHero = TasksAndActivitiesHero;
66
-
67
- var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
68
- return (0, _core.jsx)(Hero, _extends({
69
- contentType: contentTypes.ASSESSMENT_RESOURCES
70
- }, props));
71
- };
72
-
73
- exports.AssessmentResourcesHero = AssessmentResourcesHero;
74
-
75
- var SubjectHero = function SubjectHero(props) {
76
- return (0, _core.jsx)(Hero, _extends({
77
- contentType: contentTypes.SUBJECT
78
- }, props));
79
- };
80
-
81
- exports.SubjectHero = SubjectHero;
82
-
83
- var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props) {
84
- return (0, _core.jsx)(Hero, _extends({
85
- contentType: contentTypes.EXTERNAL_LEARNING_RESOURCES
86
- }, props));
87
- };
88
-
89
- exports.ExternalLearningResourcesHero = ExternalLearningResourcesHero;
90
-
91
- var SourceMaterialHero = function SourceMaterialHero(props) {
92
- return (0, _core.jsx)(Hero, _extends({
93
- contentType: contentTypes.SOURCE_MATERIAL
94
- }, props));
95
- };
96
-
97
- exports.SourceMaterialHero = SourceMaterialHero;
98
-
99
- var NdlaFilmHero = function NdlaFilmHero(_ref2) {
100
- var hasImage = _ref2.hasImage,
101
- rest = _objectWithoutProperties(_ref2, ["hasImage"]);
102
-
103
- return (0, _core.jsx)(Hero, _extends({}, rest, {
104
- contentType: hasImage ? 'ndla-film has-image' : 'ndla-film'
105
- }));
106
- };
107
-
108
- exports.NdlaFilmHero = NdlaFilmHero;
package/lib/Hero/index.js DELETED
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "SubjectMaterialHero", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Hero.SubjectMaterialHero;
10
- }
11
- });
12
- Object.defineProperty(exports, "TasksAndActivitiesHero", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Hero.TasksAndActivitiesHero;
16
- }
17
- });
18
- Object.defineProperty(exports, "AssessmentResourcesHero", {
19
- enumerable: true,
20
- get: function get() {
21
- return _Hero.AssessmentResourcesHero;
22
- }
23
- });
24
- Object.defineProperty(exports, "SubjectHero", {
25
- enumerable: true,
26
- get: function get() {
27
- return _Hero.SubjectHero;
28
- }
29
- });
30
- Object.defineProperty(exports, "ExternalLearningResourcesHero", {
31
- enumerable: true,
32
- get: function get() {
33
- return _Hero.ExternalLearningResourcesHero;
34
- }
35
- });
36
- Object.defineProperty(exports, "SourceMaterialHero", {
37
- enumerable: true,
38
- get: function get() {
39
- return _Hero.SourceMaterialHero;
40
- }
41
- });
42
- Object.defineProperty(exports, "Hero", {
43
- enumerable: true,
44
- get: function get() {
45
- return _Hero.Hero;
46
- }
47
- });
48
- Object.defineProperty(exports, "NdlaFilmHero", {
49
- enumerable: true,
50
- get: function get() {
51
- return _Hero.NdlaFilmHero;
52
- }
53
- });
54
-
55
- var _Hero = require("./Hero");
@@ -1,129 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.makeSrcQueryString = void 0;
7
-
8
- var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _defined = _interopRequireDefault(require("defined"));
13
-
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
- var _LazyLoadImage = _interopRequireDefault(require("./LazyLoadImage"));
17
-
18
- var _core = require("@emotion/core");
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
-
24
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
25
-
26
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
-
28
- 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)."; }
29
-
30
- var makeSrcQueryString = function makeSrcQueryString(width, crop, focalPoint) {
31
- var widthParams = width && "width=".concat(width);
32
- var cropParams = crop && "cropStartX=".concat(crop.startX, "&cropEndX=").concat(crop.endX, "&cropStartY=").concat(crop.startY, "&cropEndY=").concat(crop.endY);
33
- var focalPointParams = focalPoint && "focalX=".concat(focalPoint.x, "&focalY=").concat(focalPoint.y);
34
- var params = [widthParams, cropParams, focalPointParams].filter(function (p) {
35
- return p;
36
- }).join('&');
37
- return params;
38
- };
39
-
40
- exports.makeSrcQueryString = makeSrcQueryString;
41
-
42
- var getSrcSet = function getSrcSet(src, crop, focalPoint) {
43
- var widths = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];
44
- return widths.map(function (width) {
45
- return "".concat(src, "?").concat(makeSrcQueryString(width, crop, focalPoint), " ").concat(width, "w");
46
- }).join(', ');
47
- };
48
-
49
- var StyledImageWrapper = (0, _styledBase["default"])("div", {
50
- target: "e1jwn5tq0",
51
- label: "StyledImageWrapper"
52
- })(process.env.NODE_ENV === "production" ? {
53
- name: "79elbk",
54
- styles: "position:relative;"
55
- } : {
56
- name: "79elbk",
57
- styles: "position:relative;",
58
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnFDIiwiZmlsZSI6IkltYWdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWZpbmVkIGZyb20gJ2RlZmluZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXp5TG9hZEltYWdlIGZyb20gJy4vTGF6eUxvYWRJbWFnZSc7XG5cbmV4cG9ydCBjb25zdCBtYWtlU3JjUXVlcnlTdHJpbmcgPSAod2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpID0+IHtcbiAgY29uc3Qgd2lkdGhQYXJhbXMgPSB3aWR0aCAmJiBgd2lkdGg9JHt3aWR0aH1gO1xuICBjb25zdCBjcm9wUGFyYW1zID1cbiAgICBjcm9wICYmIGBjcm9wU3RhcnRYPSR7Y3JvcC5zdGFydFh9JmNyb3BFbmRYPSR7Y3JvcC5lbmRYfSZjcm9wU3RhcnRZPSR7Y3JvcC5zdGFydFl9JmNyb3BFbmRZPSR7Y3JvcC5lbmRZfWA7XG4gIGNvbnN0IGZvY2FsUG9pbnRQYXJhbXMgPSBmb2NhbFBvaW50ICYmIGBmb2NhbFg9JHtmb2NhbFBvaW50Lnh9JmZvY2FsWT0ke2ZvY2FsUG9pbnQueX1gO1xuICBjb25zdCBwYXJhbXMgPSBbd2lkdGhQYXJhbXMsIGNyb3BQYXJhbXMsIGZvY2FsUG9pbnRQYXJhbXNdLmZpbHRlcigocCkgPT4gcCkuam9pbignJicpO1xuXG4gIHJldHVybiBwYXJhbXM7XG59O1xuXG5jb25zdCBnZXRTcmNTZXQgPSAoc3JjLCBjcm9wLCBmb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRocyA9IFsyNzIwLCAyMDgwLCAxNzYwLCAxNDQwLCAxMTIwLCAxMDAwLCA5NjAsIDgwMCwgNjQwLCA0ODAsIDMyMCwgMjQwLCAxODBdO1xuICByZXR1cm4gd2lkdGhzLm1hcCgod2lkdGgpID0+IGAke3NyY30/JHttYWtlU3JjUXVlcnlTdHJpbmcod2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpfSAke3dpZHRofXdgKS5qb2luKCcsICcpO1xufTtcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgSW1hZ2UgPSAoeyBhbHQsIHNyYywgbGF6eUxvYWQsIGxhenlMb2FkU3JjLCBjcm9wLCBmb2NhbFBvaW50LCBjb250ZW50VHlwZSwgc2l6ZXMsIGV4cGFuZEJ1dHRvbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IGRlZmluZWQocmVzdC5zcmNTZXQsIGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpKTtcbiAgY29uc3QgZmFsbGJhY2tXaWR0aCA9IGRlZmluZWQocmVzdC5mYWxsYmFja1dpZHRoLCAxMDI0KTtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBpZiAobGF6eUxvYWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPExhenlMb2FkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfVxuICAgICAgICAgIHNyY1NldD17c3JjU2V0fVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBsYXp5TG9hZFNyYz17bGF6eUxvYWRTcmN9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9IHsuLi5yZXN0fSAvPlxuICAgICAgPC9waWN0dXJlPlxuICAgICAge2V4cGFuZEJ1dHRvbn1cbiAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgKTtcbn07XG5cbkltYWdlLnByb3BUeXBlcyA9IHtcbiAgYWx0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHNyYzogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBzaXplczogUHJvcFR5cGVzLnN0cmluZyxcbiAgZmFsbGJhY2tXaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgY29udGVudFR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHNyY1NldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGF6eUxvYWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYXp5TG9hZFNyYzogUHJvcFR5cGVzLnN0cmluZyxcbiAgY3JvcDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICBzdGFydFg6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICBzdGFydFk6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICBlbmRYOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgZW5kWTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB9KSxcbiAgZm9jYWxQb2ludDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICB4OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgeTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB9KSxcbn07XG5cbkltYWdlLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZXM6ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */",
59
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
60
- });
61
-
62
- var Image = function Image(_ref) {
63
- var alt = _ref.alt,
64
- src = _ref.src,
65
- lazyLoad = _ref.lazyLoad,
66
- lazyLoadSrc = _ref.lazyLoadSrc,
67
- crop = _ref.crop,
68
- focalPoint = _ref.focalPoint,
69
- contentType = _ref.contentType,
70
- sizes = _ref.sizes,
71
- expandButton = _ref.expandButton,
72
- rest = _objectWithoutProperties(_ref, ["alt", "src", "lazyLoad", "lazyLoadSrc", "crop", "focalPoint", "contentType", "sizes", "expandButton"]);
73
-
74
- var srcSet = (0, _defined["default"])(rest.srcSet, getSrcSet(src, crop, focalPoint));
75
- var fallbackWidth = (0, _defined["default"])(rest.fallbackWidth, 1024);
76
- var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
77
-
78
- if (contentType && contentType === 'image/gif') {
79
- return (0, _core.jsx)(StyledImageWrapper, null, (0, _core.jsx)("img", _extends({
80
- alt: alt,
81
- src: "".concat(src)
82
- }, rest)));
83
- }
84
-
85
- if (lazyLoad) {
86
- return (0, _core.jsx)(StyledImageWrapper, null, (0, _core.jsx)(_LazyLoadImage["default"], {
87
- alt: alt,
88
- src: "".concat(src, "?").concat(queryString),
89
- srcSet: srcSet,
90
- sizes: sizes,
91
- lazyLoadSrc: lazyLoadSrc
92
- }));
93
- }
94
-
95
- return (0, _core.jsx)(StyledImageWrapper, null, (0, _core.jsx)("picture", null, (0, _core.jsx)("source", {
96
- type: contentType,
97
- srcSet: srcSet,
98
- sizes: sizes
99
- }), (0, _core.jsx)("img", _extends({
100
- alt: alt,
101
- src: "".concat(src, "?").concat(queryString)
102
- }, rest))), expandButton);
103
- };
104
-
105
- Image.propTypes = {
106
- alt: _propTypes["default"].string.isRequired,
107
- src: _propTypes["default"].string.isRequired,
108
- sizes: _propTypes["default"].string,
109
- fallbackWidth: _propTypes["default"].number,
110
- contentType: _propTypes["default"].string,
111
- srcSet: _propTypes["default"].string,
112
- lazyLoad: _propTypes["default"].bool,
113
- lazyLoadSrc: _propTypes["default"].string,
114
- crop: _propTypes["default"].shape({
115
- startX: _propTypes["default"].number.isRequired,
116
- startY: _propTypes["default"].number.isRequired,
117
- endX: _propTypes["default"].number.isRequired,
118
- endY: _propTypes["default"].number.isRequired
119
- }),
120
- focalPoint: _propTypes["default"].shape({
121
- x: _propTypes["default"].number.isRequired,
122
- y: _propTypes["default"].number.isRequired
123
- })
124
- };
125
- Image.defaultProps = {
126
- sizes: '(min-width: 1024px) 1024px, 100vw'
127
- };
128
- var _default = Image;
129
- exports["default"] = _default;
@@ -1,62 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ImageLink = ImageLink;
7
-
8
- var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _Image = require("./Image");
15
-
16
- var _shapes = require("./shapes");
17
-
18
- var _core = require("@emotion/core");
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
-
24
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
25
-
26
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
-
28
- 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)."; }
29
-
30
- var StyledLink = (0, _styledBase["default"])("a", {
31
- target: "envije90",
32
- label: "StyledLink"
33
- })(process.env.NODE_ENV === "production" ? {
34
- name: "17viinn",
35
- styles: "box-shadow:inset 0 0;"
36
- } : {
37
- name: "17viinn",
38
- styles: "box-shadow:inset 0 0;",
39
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTGluay5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMkIiLCJmaWxlIjoiSW1hZ2VMaW5rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4vSW1hZ2UnO1xuaW1wb3J0IHsgRm9jYWxQb2ludFNoYXBlLCBDcm9wU2hhcGUgfSBmcm9tICcuL3NoYXBlcyc7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwO1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIEltYWdlTGluayh7IHNyYywgY3JvcCwgY2hpbGRyZW4sIC4uLnJlc3QgfSkge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaW5rXG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgaHJlZj17YCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh1bmRlZmluZWQsIGNyb3ApfWB9XG4gICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59XG5cbkltYWdlTGluay5wcm9wVHlwZXMgPSB7XG4gIHNyYzogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgc2l6ZXM6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNyb3A6IENyb3BTaGFwZSxcbiAgZm9jYWxQb2ludDogRm9jYWxQb2ludFNoYXBlLFxufTtcbiJdfQ== */",
40
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
41
- });
42
-
43
- function ImageLink(_ref) {
44
- var src = _ref.src,
45
- crop = _ref.crop,
46
- children = _ref.children,
47
- rest = _objectWithoutProperties(_ref, ["src", "crop", "children"]);
48
-
49
- return (0, _core.jsx)(StyledLink, _extends({
50
- target: "_blank",
51
- href: "".concat(src, "?").concat((0, _Image.makeSrcQueryString)(undefined, crop)),
52
- rel: "noopener noreferrer"
53
- }, rest), children);
54
- }
55
-
56
- ImageLink.propTypes = {
57
- src: _propTypes["default"].string.isRequired,
58
- children: _propTypes["default"].node.isRequired,
59
- sizes: _propTypes["default"].string,
60
- crop: _shapes.CropShape,
61
- focalPoint: _shapes.FocalPointShape
62
- };
@@ -1,61 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _core = require("@emotion/core");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
19
-
20
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
21
-
22
- // Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
23
- var LazyLoadImage = function LazyLoadImage(_ref) {
24
- var alt = _ref.alt,
25
- src = _ref.src,
26
- srcSet = _ref.srcSet,
27
- lazyLoadSrc = _ref.lazyLoadSrc,
28
- sizes = _ref.sizes,
29
- rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
30
-
31
- return [(0, _core.jsx)("noscript", {
32
- key: "noscript"
33
- }, (0, _core.jsx)("img", _extends({
34
- alt: alt,
35
- src: "".concat(src),
36
- srcSet: srcSet,
37
- sizes: sizes
38
- }, rest))), (0, _core.jsx)("img", _extends({
39
- alt: alt,
40
- key: "img",
41
- style: {
42
- width: '100%'
43
- },
44
- className: "lazyload",
45
- src: lazyLoadSrc,
46
- "data-src": src,
47
- "data-src-set": srcSet,
48
- "data-sizes": sizes
49
- }, rest))];
50
- };
51
-
52
- LazyLoadImage.propTypes = {
53
- alt: _propTypes["default"].string.isRequired,
54
- src: _propTypes["default"].string.isRequired,
55
- sizes: _propTypes["default"].string,
56
- contentType: _propTypes["default"].string,
57
- srcSet: _propTypes["default"].string,
58
- lazyLoadSrc: _propTypes["default"].string.isRequired
59
- };
60
- var _default = LazyLoadImage;
61
- exports["default"] = _default;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "makeSrcQueryString", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Image.makeSrcQueryString;
12
- }
13
- });
14
- Object.defineProperty(exports, "ImageLink", {
15
- enumerable: true,
16
- get: function get() {
17
- return _ImageLink.ImageLink;
18
- }
19
- });
20
- exports["default"] = void 0;
21
-
22
- var _Image = _interopRequireWildcard(require("./Image"));
23
-
24
- var _ImageLink = require("./ImageLink");
25
-
26
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
27
-
28
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
- /**
31
- * Copyright (c) 2017-present, NDLA.
32
- *
33
- * This source code is licensed under the GPLv3 license found in the
34
- * LICENSE file in the root directory of this source tree.
35
- *
36
- */
37
- var _default = _Image["default"];
38
- exports["default"] = _default;
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.FocalPointShape = exports.CropShape = void 0;
7
-
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- /**
13
- * Copyright (c) 2019-present, NDLA.
14
- *
15
- * This source code is licensed under the GPLv3 license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- *
18
- */
19
- var CropShape = _propTypes["default"].shape({
20
- startX: _propTypes["default"].number.isRequired,
21
- startY: _propTypes["default"].number.isRequired,
22
- endX: _propTypes["default"].number.isRequired,
23
- endY: _propTypes["default"].number.isRequired
24
- });
25
-
26
- exports.CropShape = CropShape;
27
-
28
- var FocalPointShape = _propTypes["default"].shape({
29
- x: _propTypes["default"].number.isRequired,
30
- y: _propTypes["default"].number.isRequired
31
- });
32
-
33
- exports.FocalPointShape = FocalPointShape;
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
13
-
14
- var _core = require("@emotion/core");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- var classes = (0, _reactBemHelper["default"])('c-info-box');
19
-
20
- var InfoBox = function InfoBox(_ref) {
21
- var children = _ref.children;
22
- return (0, _core.jsx)("div", classes(), children);
23
- };
24
-
25
- InfoBox.propTypes = {
26
- children: _propTypes["default"].node.isRequired
27
- };
28
- var _default = InfoBox;
29
- exports["default"] = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "InfoBox", {
7
- enumerable: true,
8
- get: function get() {
9
- return _InfoBox["default"];
10
- }
11
- });
12
-
13
- var _InfoBox = _interopRequireDefault(require("./InfoBox"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
13
-
14
- var _common = require("@ndla/icons/common");
15
-
16
- var _safelink = _interopRequireDefault(require("@ndla/safelink"));
17
-
18
- var _SectionHeading = _interopRequireDefault(require("../SectionHeading"));
19
-
20
- var _core = require("@emotion/core");
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- var classes = (0, _reactBemHelper["default"])('c-info-widget');
27
-
28
- var InfoWidget = function InfoWidget(_ref) {
29
- var heading = _ref.heading,
30
- description = _ref.description,
31
- mainLink = _ref.mainLink,
32
- iconLinks = _ref.iconLinks,
33
- center = _ref.center;
34
- return (0, _core.jsx)("section", classes('', {
35
- center: center
36
- }), (0, _core.jsx)(_SectionHeading["default"], {
37
- large: true,
38
- className: classes('heading').className
39
- }, heading), (0, _core.jsx)("div", classes('description'), (0, _core.jsx)("p", null, description)), (0, _core.jsx)("div", classes('links'), iconLinks && iconLinks.map(function (link) {
40
- if (link.url) {
41
- return (0, _core.jsx)(_safelink["default"], _extends({
42
- key: link.url
43
- }, classes('icon-link'), {
44
- to: link.url,
45
- "aria-label": link.name
46
- }), link.icon);
47
- }
48
-
49
- if (link.href) {
50
- return (0, _core.jsx)("a", _extends({
51
- key: link.href,
52
- href: link.href
53
- }, classes('icon-link'), {
54
- "aria-label": link.name
55
- }), link.icon);
56
- }
57
-
58
- return (0, _core.jsx)("span", _extends({
59
- key: link.name
60
- }, classes('icon-link'), {
61
- "aria-label": link.name
62
- }), link.icon);
63
- }), mainLink.url ? (0, _core.jsx)("div", {
64
- className: "o-text-link__wrapper o-text-link__wrapper--right"
65
- }, (0, _core.jsx)(_safelink["default"], {
66
- className: "o-text-link",
67
- to: mainLink.url
68
- }, (0, _core.jsx)("span", null, mainLink.name), " ", (0, _core.jsx)(_common.Forward, null))) : (0, _core.jsx)("a", _extends({}, classes('main-link'), {
69
- href: mainLink.href
70
- }), mainLink.name)));
71
- };
72
-
73
- InfoWidget.propTypes = {
74
- heading: _propTypes["default"].string.isRequired,
75
- description: _propTypes["default"].string.isRequired,
76
- mainLink: _propTypes["default"].shape({
77
- name: _propTypes["default"].string.isRequired,
78
- url: _propTypes["default"].string,
79
- href: _propTypes["default"].string
80
- }).isRequired,
81
- iconLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
82
- name: _propTypes["default"].string.isRequired,
83
- url: _propTypes["default"].string,
84
- href: _propTypes["default"].string,
85
- icon: _propTypes["default"].node.isRequired
86
- })),
87
- center: _propTypes["default"].bool
88
- };
89
- InfoWidget.defaultProps = {
90
- center: false
91
- };
92
- var _default = InfoWidget;
93
- exports["default"] = _default;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _InfoWidget = _interopRequireDefault(require("./InfoWidget"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var _default = _InfoWidget["default"];
13
- exports["default"] = _default;