@ndla/ui 3.2.1-alpha.14 → 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.
- package/es/AuthorInfo/AuthorInfo.js +1 -2
- package/lib/BackgroundImage/BackgroundImage.d.ts +11 -0
- package/{es/BackgroundImage/index.js → lib/BackgroundImage/index.d.ts} +1 -1
- package/lib/ContentLoader/index.d.ts +20 -0
- package/lib/Dialog/Dialog.d.ts +23 -0
- package/{es/Dialog/index.js → lib/Dialog/index.d.ts} +1 -1
- package/lib/Figure/Figure.d.ts +50 -0
- package/lib/Figure/FigureExpandButton.d.ts +16 -0
- package/lib/Figure/FigureLicense.d.ts +33 -0
- package/lib/Figure/FigureLicenseDialog.d.ts +29 -0
- package/{es/Figure/index.js → lib/Figure/index.d.ts} +1 -1
- package/lib/FileList/File.d.ts +7 -0
- package/lib/FileList/FileList.d.ts +17 -0
- package/{es/FileList/index.js → lib/FileList/index.d.ts} +1 -1
- package/lib/Hero/Hero.d.ts +26 -0
- package/{es/Hero/index.js → lib/Hero/index.d.ts} +1 -1
- package/lib/Image/Image.d.ts +25 -0
- package/lib/Image/ImageLink.d.ts +18 -0
- package/lib/Image/LazyLoadImage.d.ts +17 -0
- package/{es/Image/index.js → lib/Image/index.d.ts} +1 -1
- package/lib/InfoBox/InfoBox.d.ts +6 -0
- package/{src/InfoBox/index.js → lib/InfoBox/index.d.ts} +0 -0
- package/lib/InfoWidget/InfoWidget.d.ts +19 -0
- package/{es/InfoWidget/index.js → lib/InfoWidget/index.d.ts} +1 -1
- package/lib/Logo/Logo.d.ts +24 -0
- package/lib/Logo/SvgLogo.d.ts +14 -0
- package/{es/Logo/index.js → lib/Logo/index.d.ts} +1 -1
- package/lib/Masthead/Masthead.d.ts +27 -0
- package/{es/Masthead/index.js → lib/Masthead/index.d.ts} +1 -1
- package/lib/NoContentBox/NoContentBox.d.ts +14 -0
- package/{es/NoContentBox/index.js → lib/NoContentBox/index.d.ts} +1 -1
- package/lib/Portrait/Portrait.d.ts +15 -0
- package/{es/Portrait/index.js → lib/Portrait/index.d.ts} +1 -1
- package/lib/Topic/Topic.d.ts +3 -2
- package/lib/Translation/Translation.d.ts +14 -0
- package/lib/Translation/TranslationBox.d.ts +10 -0
- package/lib/Translation/TranslationLine.d.ts +16 -0
- package/{src/Translation/index.js → lib/Translation/index.d.ts} +0 -0
- package/lib/index.d.ts +14 -0
- package/lib/locale/messages-en.d.ts +4 -0
- package/lib/locale/messages-nb.d.ts +4 -0
- package/lib/locale/messages-nn.d.ts +4 -0
- package/lib/types.d.ts +10 -0
- package/package.json +6 -6
- package/src/Article/ArticleAuthorContent.tsx +0 -1
- package/src/AuthorInfo/AuthorInfo.tsx +0 -1
- package/src/BackgroundImage/BackgroundImage.tsx +32 -0
- package/src/BackgroundImage/{index.js → index.ts} +0 -0
- package/src/ContentLoader/{index.js → index.tsx} +20 -30
- package/src/Dialog/{Dialog.jsx → Dialog.tsx} +20 -32
- package/src/Dialog/{index.js → index.ts} +0 -0
- package/src/Figure/{Figure.js → Figure.tsx} +44 -54
- package/src/Figure/{FigureExpandButton.js → FigureExpandButton.tsx} +8 -9
- package/src/Figure/{FigureLicense.js → FigureLicense.tsx} +32 -30
- package/src/Figure/{FigureLicenseDialog.js → FigureLicenseDialog.tsx} +22 -22
- package/src/Figure/{index.js → index.ts} +0 -0
- package/src/FileList/{File.jsx → File.tsx} +8 -18
- package/src/FileList/FileList.tsx +36 -0
- package/src/FileList/{index.js → index.ts} +0 -0
- package/src/Hero/Hero.tsx +56 -0
- package/src/Hero/{index.js → index.ts} +0 -0
- package/src/Image/{Image.jsx → Image.tsx} +30 -30
- package/src/Image/{ImageLink.js → ImageLink.tsx} +11 -12
- package/src/Image/LazyLoadImage.tsx +40 -0
- package/src/Image/__tests__/__snapshots__/Image-test.jsx.snap +4 -3
- package/src/Image/{index.js → index.ts} +0 -0
- package/src/InfoBox/InfoBox.tsx +11 -0
- package/src/InfoBox/index.ts +1 -0
- package/src/InfoWidget/{InfoWidget.jsx → InfoWidget.tsx} +19 -26
- package/src/InfoWidget/{index.js → index.ts} +0 -0
- package/src/Logo/{Logo.jsx → Logo.tsx} +21 -28
- package/src/Logo/{SvgLogo.jsx → SvgLogo.tsx} +8 -14
- package/src/Logo/{index.js → index.ts} +0 -0
- package/src/Masthead/{Masthead.jsx → Masthead.tsx} +33 -35
- package/src/Masthead/{index.js → index.ts} +0 -0
- package/src/NoContentBox/{NoContentBox.jsx → NoContentBox.tsx} +7 -13
- package/src/NoContentBox/{index.js → index.ts} +0 -0
- package/src/Portrait/{Portrait.jsx → Portrait.tsx} +8 -14
- package/src/Portrait/{index.js → index.ts} +0 -0
- package/src/Topic/Topic.tsx +3 -2
- package/src/Translation/{Translation.jsx → Translation.tsx} +7 -8
- package/src/Translation/TranslationBox.tsx +20 -0
- package/src/Translation/{TranslationLine.jsx → TranslationLine.tsx} +11 -18
- package/{es/Translation/index.js → src/Translation/index.ts} +1 -1
- package/src/index-javascript.js +0 -29
- package/src/index.ts +35 -0
- package/src/locale/messages-en.ts +4 -0
- package/src/locale/messages-nb.ts +5 -1
- package/src/locale/messages-nn.ts +5 -1
- package/src/types.ts +12 -0
- package/es/BackgroundImage/BackgroundImage.js +0 -37
- package/es/ContentLoader/index.js +0 -96
- package/es/Dialog/Dialog.js +0 -82
- package/es/Figure/Figure.js +0 -125
- package/es/Figure/FigureExpandButton.js +0 -37
- package/es/Figure/FigureLicense.js +0 -74
- package/es/Figure/FigureLicenseDialog.js +0 -61
- package/es/FileList/File.js +0 -61
- package/es/FileList/FileList.js +0 -33
- package/es/Hero/Hero.js +0 -70
- package/es/Image/Image.js +0 -119
- package/es/Image/ImageLink.js +0 -55
- package/es/Image/LazyLoadImage.js +0 -56
- package/es/Image/shapes.js +0 -18
- package/es/InfoBox/InfoBox.js +0 -15
- package/es/InfoBox/index.js +0 -1
- package/es/InfoWidget/InfoWidget.js +0 -76
- package/es/Logo/Logo.js +0 -67
- package/es/Logo/SvgLogo.js +0 -62
- package/es/Masthead/Masthead.js +0 -88
- package/es/NoContentBox/NoContentBox.js +0 -35
- package/es/Portrait/Portrait.js +0 -41
- package/es/Translation/Translation.js +0 -27
- package/es/Translation/TranslationBox.js +0 -13
- package/es/Translation/TranslationLine.js +0 -48
- package/lib/BackgroundImage/BackgroundImage.js +0 -52
- package/lib/BackgroundImage/index.js +0 -13
- package/lib/ContentLoader/index.js +0 -102
- package/lib/Dialog/Dialog.js +0 -90
- package/lib/Dialog/index.js +0 -24
- package/lib/Figure/Figure.js +0 -139
- package/lib/Figure/FigureExpandButton.js +0 -52
- package/lib/Figure/FigureLicense.js +0 -88
- package/lib/Figure/FigureLicenseDialog.js +0 -69
- package/lib/Figure/index.js +0 -49
- package/lib/FileList/File.js +0 -77
- package/lib/FileList/FileList.js +0 -48
- package/lib/FileList/index.js +0 -21
- package/lib/Hero/Hero.js +0 -108
- package/lib/Hero/index.js +0 -55
- package/lib/Image/Image.js +0 -129
- package/lib/Image/ImageLink.js +0 -62
- package/lib/Image/LazyLoadImage.js +0 -61
- package/lib/Image/index.js +0 -38
- package/lib/Image/shapes.js +0 -33
- package/lib/InfoBox/InfoBox.js +0 -29
- package/lib/InfoBox/index.js +0 -15
- package/lib/InfoWidget/InfoWidget.js +0 -93
- package/lib/InfoWidget/index.js +0 -13
- package/lib/Logo/Logo.js +0 -93
- package/lib/Logo/SvgLogo.js +0 -68
- package/lib/Logo/index.js +0 -20
- package/lib/Masthead/Masthead.js +0 -106
- package/lib/Masthead/index.js +0 -30
- package/lib/NoContentBox/NoContentBox.js +0 -53
- package/lib/NoContentBox/index.js +0 -20
- package/lib/Portrait/Portrait.js +0 -55
- package/lib/Portrait/index.js +0 -20
- package/lib/Translation/Translation.js +0 -41
- package/lib/Translation/TranslationBox.js +0 -25
- package/lib/Translation/TranslationLine.js +0 -60
- package/lib/Translation/index.js +0 -31
- package/src/BackgroundImage/BackgroundImage.jsx +0 -39
- package/src/FileList/FileList.jsx +0 -36
- package/src/Hero/Hero.jsx +0 -38
- package/src/Image/LazyLoadImage.jsx +0 -39
- package/src/Image/shapes.js +0 -21
- package/src/InfoBox/InfoBox.jsx +0 -13
- 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");
|
package/lib/Image/Image.js
DELETED
|
@@ -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;
|
package/lib/Image/ImageLink.js
DELETED
|
@@ -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;
|
package/lib/Image/index.js
DELETED
|
@@ -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;
|
package/lib/Image/shapes.js
DELETED
|
@@ -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;
|
package/lib/InfoBox/InfoBox.js
DELETED
|
@@ -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;
|
package/lib/InfoBox/index.js
DELETED
|
@@ -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;
|
package/lib/InfoWidget/index.js
DELETED
|
@@ -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;
|