@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/Dialog/Dialog.js
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Dialog = 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 _createUniversalPortal = require("../utils/createUniversalPortal");
|
|
15
|
-
|
|
16
|
-
var _core = require("@emotion/core");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
|
-
var classes = new _reactBemHelper["default"]({
|
|
27
|
-
name: 'dialog',
|
|
28
|
-
prefix: 'c-'
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
var Dialog = function Dialog(_ref) {
|
|
32
|
-
var children = _ref.children,
|
|
33
|
-
messages = _ref.messages,
|
|
34
|
-
id = _ref.id,
|
|
35
|
-
labelledby = _ref.labelledby,
|
|
36
|
-
label = _ref.label,
|
|
37
|
-
modifier = _ref.modifier,
|
|
38
|
-
disablePortal = _ref.disablePortal,
|
|
39
|
-
hidden = _ref.hidden,
|
|
40
|
-
onClose = _ref.onClose,
|
|
41
|
-
rest = _objectWithoutProperties(_ref, ["children", "messages", "id", "labelledby", "label", "modifier", "disablePortal", "hidden", "onClose"]);
|
|
42
|
-
|
|
43
|
-
var content = (0, _core.jsx)("div", _extends({}, classes('', modifier), {
|
|
44
|
-
"data-dialog-id": id,
|
|
45
|
-
role: "dialog",
|
|
46
|
-
"aria-hidden": hidden,
|
|
47
|
-
"aria-labelledby": labelledby,
|
|
48
|
-
"aria-label": label
|
|
49
|
-
}, rest), (0, _core.jsx)("div", classes('content'), (0, _core.jsx)("button", _extends({}, classes('close'), {
|
|
50
|
-
type: "button",
|
|
51
|
-
onClick: function onClick() {
|
|
52
|
-
if (onClose) {
|
|
53
|
-
onClose();
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}), messages.close), children), (0, _core.jsx)("div", {
|
|
57
|
-
className: "o-backdrop"
|
|
58
|
-
}));
|
|
59
|
-
|
|
60
|
-
if (disablePortal) {
|
|
61
|
-
return content;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
return (0, _createUniversalPortal.createUniversalPortal)(content, 'body');
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.Dialog = Dialog;
|
|
68
|
-
Dialog.propTypes = {
|
|
69
|
-
id: _propTypes["default"].string.isRequired,
|
|
70
|
-
labelledby: _propTypes["default"].string,
|
|
71
|
-
label: _propTypes["default"].string,
|
|
72
|
-
hidden: _propTypes["default"].bool,
|
|
73
|
-
children: _propTypes["default"].node,
|
|
74
|
-
messages: _propTypes["default"].shape({
|
|
75
|
-
close: _propTypes["default"].string.isRequired
|
|
76
|
-
}),
|
|
77
|
-
modifier: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
|
|
78
|
-
disablePortal: _propTypes["default"].bool,
|
|
79
|
-
onClose: _propTypes["default"].func
|
|
80
|
-
};
|
|
81
|
-
Dialog.defaultProps = {
|
|
82
|
-
disablePortal: false,
|
|
83
|
-
labelledby: null,
|
|
84
|
-
label: null,
|
|
85
|
-
hidden: true,
|
|
86
|
-
onClose: null,
|
|
87
|
-
messages: {
|
|
88
|
-
close: 'Lukk'
|
|
89
|
-
}
|
|
90
|
-
};
|
package/lib/Dialog/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Dialog", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Dialog.Dialog;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
exports["default"] = void 0;
|
|
13
|
-
|
|
14
|
-
var _Dialog = require("./Dialog");
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Copyright (c) 2017-present, NDLA.
|
|
18
|
-
*
|
|
19
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
20
|
-
* LICENSE file in the root directory of this source tree.
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
23
|
-
var _default = _Dialog.Dialog;
|
|
24
|
-
exports["default"] = _default;
|
package/lib/Figure/Figure.js
DELETED
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.FigureCaption = 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 _util = require("@ndla/util");
|
|
15
|
-
|
|
16
|
-
var _reactI18next = require("react-i18next");
|
|
17
|
-
|
|
18
|
-
var _common = require("@ndla/icons/common");
|
|
19
|
-
|
|
20
|
-
var _licenses = require("@ndla/licenses");
|
|
21
|
-
|
|
22
|
-
var _safelink = _interopRequireDefault(require("@ndla/safelink"));
|
|
23
|
-
|
|
24
|
-
var _button = _interopRequireDefault(require("@ndla/button"));
|
|
25
|
-
|
|
26
|
-
var _core = require("@emotion/core");
|
|
27
|
-
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
34
|
-
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); }
|
|
35
|
-
|
|
36
|
-
var classes = new _reactBemHelper["default"]({
|
|
37
|
-
name: 'figure',
|
|
38
|
-
prefix: 'c-'
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
var FigureCaption = function FigureCaption(_ref) {
|
|
42
|
-
var figureId = _ref.figureId,
|
|
43
|
-
id = _ref.id,
|
|
44
|
-
children = _ref.children,
|
|
45
|
-
caption = _ref.caption,
|
|
46
|
-
authors = _ref.authors,
|
|
47
|
-
reuseLabel = _ref.reuseLabel,
|
|
48
|
-
licenseRights = _ref.licenseRights,
|
|
49
|
-
locale = _ref.locale,
|
|
50
|
-
link = _ref.link,
|
|
51
|
-
hideFigcaption = _ref.hideFigcaption,
|
|
52
|
-
hasLinkedVideo = _ref.hasLinkedVideo;
|
|
53
|
-
|
|
54
|
-
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
55
|
-
t = _useTranslation.t;
|
|
56
|
-
|
|
57
|
-
return (0, _core.jsx)("figcaption", classes('caption', hideFigcaption && 'hidden-caption'), caption ? (0, _core.jsx)("div", classes('info'), (0, _util.parseMarkdown)(caption)) : null, (0, _core.jsx)("footer", classes('byline'), (0, _core.jsx)("div", classes('byline-licenselist'), (0, _core.jsx)(_licenses.LicenseByline, {
|
|
58
|
-
licenseRights: licenseRights,
|
|
59
|
-
locale: locale,
|
|
60
|
-
marginRight: true
|
|
61
|
-
}, (0, _core.jsx)("div", classes('byline-author-buttons'), (0, _core.jsx)("span", classes('byline-authors'), authors.map(function (author) {
|
|
62
|
-
return author.name;
|
|
63
|
-
}).join(', ')), (0, _core.jsx)("div", null, (0, _core.jsx)(_button["default"], {
|
|
64
|
-
borderShape: "rounded",
|
|
65
|
-
outline: true,
|
|
66
|
-
size: "small",
|
|
67
|
-
type: "button",
|
|
68
|
-
"data-dialog-trigger-id": id,
|
|
69
|
-
"data-dialog-source-id": figureId
|
|
70
|
-
}, reuseLabel), hasLinkedVideo && (0, _core.jsx)(_button["default"], _extends({
|
|
71
|
-
borderShape: "rounded",
|
|
72
|
-
outline: true,
|
|
73
|
-
size: "small",
|
|
74
|
-
type: "button"
|
|
75
|
-
}, classes('toggleAlternativeVideo')), (0, _core.jsx)("span", {
|
|
76
|
-
className: "original"
|
|
77
|
-
}, t('figure.button.alternative')), (0, _core.jsx)("span", {
|
|
78
|
-
className: "alternative hidden"
|
|
79
|
-
}, t('figure.button.original')))), children)), link && (0, _core.jsx)("div", classes('link-wrapper'), (0, _core.jsx)(_safelink["default"], _extends({
|
|
80
|
-
to: link.url
|
|
81
|
-
}, classes('link'), {
|
|
82
|
-
target: link.external ? '_blank' : null,
|
|
83
|
-
rel: link.external ? 'noopener noreferrer' : null
|
|
84
|
-
}), (0, _core.jsx)("span", classes('link-text'), link.text), (0, _core.jsx)(_common.Link, null)), link.description && (0, _core.jsx)("p", classes('link-description'), link.description)))));
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
exports.FigureCaption = FigureCaption;
|
|
88
|
-
FigureCaption.propTypes = {
|
|
89
|
-
figureId: _propTypes["default"].string.isRequired,
|
|
90
|
-
id: _propTypes["default"].string.isRequired,
|
|
91
|
-
caption: _propTypes["default"].string,
|
|
92
|
-
reuseLabel: _propTypes["default"].string.isRequired,
|
|
93
|
-
licenseRights: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
|
|
94
|
-
children: _propTypes["default"].node,
|
|
95
|
-
authors: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
96
|
-
name: _propTypes["default"].string.isRequired
|
|
97
|
-
})),
|
|
98
|
-
link: _propTypes["default"].shape({
|
|
99
|
-
url: _propTypes["default"].string.isRequired,
|
|
100
|
-
text: _propTypes["default"].string.isRequired,
|
|
101
|
-
description: _propTypes["default"].string,
|
|
102
|
-
external: _propTypes["default"].bool
|
|
103
|
-
}),
|
|
104
|
-
locale: _propTypes["default"].string,
|
|
105
|
-
hideFigcaption: _propTypes["default"].bool,
|
|
106
|
-
hasLinkedVideo: _propTypes["default"].bool
|
|
107
|
-
};
|
|
108
|
-
FigureCaption.defaultProps = {
|
|
109
|
-
link: null
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
var Figure = function Figure(_ref2) {
|
|
113
|
-
var children = _ref2.children,
|
|
114
|
-
type = _ref2.type,
|
|
115
|
-
resizeIframe = _ref2.resizeIframe,
|
|
116
|
-
rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
|
|
117
|
-
|
|
118
|
-
var typeClass = type === 'full-column' ? 'c-figure--full-column' : "u-float-".concat(type);
|
|
119
|
-
return (0, _core.jsx)("figure", _extends({
|
|
120
|
-
"data-sizetype": type
|
|
121
|
-
}, classes('', {
|
|
122
|
-
resize: resizeIframe
|
|
123
|
-
}, typeClass), rest), (0, _util.isFunction)(children) ? children({
|
|
124
|
-
typeClass: typeClass
|
|
125
|
-
}) : children);
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
Figure.propTypes = {
|
|
129
|
-
id: _propTypes["default"].string.isRequired,
|
|
130
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].node.isRequired, _propTypes["default"].func.isRequired]).isRequired,
|
|
131
|
-
type: _propTypes["default"].oneOf(['full', 'full-column', 'left', 'small-left', 'right', 'small-right', 'xsmall-right', 'xsmall-left']),
|
|
132
|
-
resizeIframe: _propTypes["default"].bool,
|
|
133
|
-
noFigcaption: _propTypes["default"].bool
|
|
134
|
-
};
|
|
135
|
-
Figure.defaultProps = {
|
|
136
|
-
type: 'full'
|
|
137
|
-
};
|
|
138
|
-
var _default = Figure;
|
|
139
|
-
exports["default"] = _default;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FigureExpandButton = FigureExpandButton;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _common = require("@ndla/icons/common");
|
|
13
|
-
|
|
14
|
-
var _action = require("@ndla/icons/action");
|
|
15
|
-
|
|
16
|
-
var _core = require("@emotion/core");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Copyright (c) 2019-present, NDLA.
|
|
22
|
-
*
|
|
23
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
24
|
-
* LICENSE file in the root directory of this source tree.
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
27
|
-
function FigureExpandButton(_ref) {
|
|
28
|
-
var children = _ref.children,
|
|
29
|
-
messages = _ref.messages,
|
|
30
|
-
typeClass = _ref.typeClass;
|
|
31
|
-
return (0, _core.jsx)("button", {
|
|
32
|
-
className: "c-figure__fullscreen-btn",
|
|
33
|
-
type: "button",
|
|
34
|
-
"data-figure-button": true,
|
|
35
|
-
"data-classtype": typeClass,
|
|
36
|
-
"data-aria": messages.zoomImageButtonLabel,
|
|
37
|
-
"data-ariaexpanded": messages.zoomOutImageButtonLabel,
|
|
38
|
-
"aria-label": messages.zoomImageButtonLabel
|
|
39
|
-
}, (0, _core.jsx)(_common.ArrowCollapse, {
|
|
40
|
-
className: "expanded-icon"
|
|
41
|
-
}), (0, _core.jsx)(_action.ExpandTwoArrows, {
|
|
42
|
-
className: "contracted-icon"
|
|
43
|
-
}));
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
FigureExpandButton.propTypes = {
|
|
47
|
-
messages: _propTypes["default"].shape({
|
|
48
|
-
zoomImageButtonLabel: _propTypes["default"].string.isRequired,
|
|
49
|
-
zoomOutImageButtonLabel: _propTypes["default"].string.isRequired
|
|
50
|
-
}),
|
|
51
|
-
typeClass: _propTypes["default"].string.isRequired
|
|
52
|
-
};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FigureLicenseByline = exports.FigureLicenseCta = exports.classLicenses = 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 _util = require("@ndla/util");
|
|
15
|
-
|
|
16
|
-
var _licenses = require("@ndla/licenses");
|
|
17
|
-
|
|
18
|
-
var _shapes = require("../shapes");
|
|
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 classLicenses = new _reactBemHelper["default"]({
|
|
27
|
-
name: 'figure-license',
|
|
28
|
-
prefix: 'c-'
|
|
29
|
-
});
|
|
30
|
-
exports.classLicenses = classLicenses;
|
|
31
|
-
|
|
32
|
-
var FigureLicenseCta = function FigureLicenseCta(_ref) {
|
|
33
|
-
var children = _ref.children,
|
|
34
|
-
messages = _ref.messages,
|
|
35
|
-
authors = _ref.authors,
|
|
36
|
-
origin = _ref.origin,
|
|
37
|
-
title = _ref.title;
|
|
38
|
-
return (0, _core.jsx)("div", classLicenses('cta-wrapper'), (0, _core.jsx)("ul", classLicenses('list'), title && (0, _core.jsx)("li", classLicenses('item'), "".concat(messages.title, ": ").concat(title)), authors.map(function (author) {
|
|
39
|
-
return (0, _core.jsx)("li", _extends({
|
|
40
|
-
key: (0, _util.uuid)()
|
|
41
|
-
}, classLicenses('item')), "".concat(author.type, ": ").concat(author.name));
|
|
42
|
-
}), origin && (0, _core.jsx)("li", classLicenses('item'), messages.source, ":", ' ', origin.startsWith('http') ? (0, _core.jsx)("a", {
|
|
43
|
-
href: origin,
|
|
44
|
-
target: "_blank",
|
|
45
|
-
rel: "noopener noreferrer"
|
|
46
|
-
}, origin) : origin)), (0, _core.jsx)("div", classLicenses('cta-block'), children));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
exports.FigureLicenseCta = FigureLicenseCta;
|
|
50
|
-
FigureLicenseCta.propTypes = {
|
|
51
|
-
children: _propTypes["default"].node,
|
|
52
|
-
origin: _propTypes["default"].string,
|
|
53
|
-
authors: _propTypes["default"].arrayOf(_shapes.ContributorShape),
|
|
54
|
-
messages: _propTypes["default"].shape({
|
|
55
|
-
source: _propTypes["default"].string.isRequired,
|
|
56
|
-
title: _propTypes["default"].string.isRequired
|
|
57
|
-
}).isRequired,
|
|
58
|
-
title: _propTypes["default"].string
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
var FigureLicenseByline = function FigureLicenseByline(_ref2) {
|
|
62
|
-
var messages = _ref2.messages,
|
|
63
|
-
license = _ref2.license,
|
|
64
|
-
locale = _ref2.locale;
|
|
65
|
-
return [(0, _core.jsx)(_licenses.LicenseDescription, {
|
|
66
|
-
key: "byline",
|
|
67
|
-
highlightCC: true,
|
|
68
|
-
locale: locale,
|
|
69
|
-
messages: messages,
|
|
70
|
-
licenseRights: license.rights
|
|
71
|
-
}), (0, _core.jsx)("a", _extends({
|
|
72
|
-
key: "link"
|
|
73
|
-
}, classLicenses('link'), {
|
|
74
|
-
target: "_blank",
|
|
75
|
-
rel: "noopener noreferrer",
|
|
76
|
-
href: license.url
|
|
77
|
-
}), license.linkText)];
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
exports.FigureLicenseByline = FigureLicenseByline;
|
|
81
|
-
FigureLicenseByline.propTypes = {
|
|
82
|
-
messages: _propTypes["default"].shape({
|
|
83
|
-
modelPremission: _propTypes["default"].string,
|
|
84
|
-
learnAboutLicenses: _propTypes["default"].string.isRequired
|
|
85
|
-
}).isRequired,
|
|
86
|
-
license: _shapes.LicenseShape.isRequired,
|
|
87
|
-
locale: _propTypes["default"].string.isRequired
|
|
88
|
-
};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FigureLicenseDialog = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _Dialog = _interopRequireDefault(require("../Dialog"));
|
|
13
|
-
|
|
14
|
-
var _shapes = require("../shapes");
|
|
15
|
-
|
|
16
|
-
var _FigureLicense = require("./FigureLicense");
|
|
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
|
-
var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
|
|
25
|
-
var children = _ref.children,
|
|
26
|
-
messages = _ref.messages,
|
|
27
|
-
id = _ref.id,
|
|
28
|
-
authors = _ref.authors,
|
|
29
|
-
origin = _ref.origin,
|
|
30
|
-
title = _ref.title,
|
|
31
|
-
locale = _ref.locale,
|
|
32
|
-
license = _ref.license;
|
|
33
|
-
var headingLabelId = "heading-".concat(id);
|
|
34
|
-
return (0, _core.jsx)(_Dialog["default"], {
|
|
35
|
-
id: id,
|
|
36
|
-
labelledby: headingLabelId,
|
|
37
|
-
messages: messages
|
|
38
|
-
}, (0, _core.jsx)("div", (0, _FigureLicense.classLicenses)(), (0, _core.jsx)("h3", _extends({
|
|
39
|
-
id: headingLabelId
|
|
40
|
-
}, (0, _FigureLicense.classLicenses)('title')), messages.rulesForUse), (0, _core.jsx)(_FigureLicense.FigureLicenseByline, {
|
|
41
|
-
license: license,
|
|
42
|
-
messages: messages,
|
|
43
|
-
locale: locale
|
|
44
|
-
}), (0, _core.jsx)(_FigureLicense.FigureLicenseCta, {
|
|
45
|
-
authors: authors,
|
|
46
|
-
title: title,
|
|
47
|
-
origin: origin,
|
|
48
|
-
messages: messages
|
|
49
|
-
}, children)));
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
exports.FigureLicenseDialog = FigureLicenseDialog;
|
|
53
|
-
FigureLicenseDialog.propTypes = {
|
|
54
|
-
id: _propTypes["default"].string.isRequired,
|
|
55
|
-
children: _propTypes["default"].node,
|
|
56
|
-
origin: _propTypes["default"].string,
|
|
57
|
-
authors: _propTypes["default"].arrayOf(_shapes.ContributorShape),
|
|
58
|
-
messages: _propTypes["default"].shape({
|
|
59
|
-
modelPremission: _propTypes["default"].string,
|
|
60
|
-
close: _propTypes["default"].string.isRequired,
|
|
61
|
-
rulesForUse: _propTypes["default"].string.isRequired,
|
|
62
|
-
source: _propTypes["default"].string.isRequired,
|
|
63
|
-
learnAboutLicenses: _propTypes["default"].string.isRequired,
|
|
64
|
-
title: _propTypes["default"].string.isRequired
|
|
65
|
-
}).isRequired,
|
|
66
|
-
title: _propTypes["default"].string,
|
|
67
|
-
license: _shapes.LicenseShape.isRequired,
|
|
68
|
-
locale: _propTypes["default"].string.isRequired
|
|
69
|
-
};
|
package/lib/Figure/index.js
DELETED
|
@@ -1,49 +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, "Figure", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _Figure["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
Object.defineProperty(exports, "FigureCaption", {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function get() {
|
|
17
|
-
return _Figure.FigureCaption;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, "FigureLicenseDialog", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function get() {
|
|
23
|
-
return _FigureLicenseDialog.FigureLicenseDialog;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
Object.defineProperty(exports, "FigureExpandButton", {
|
|
27
|
-
enumerable: true,
|
|
28
|
-
get: function get() {
|
|
29
|
-
return _FigureExpandButton.FigureExpandButton;
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
Object.defineProperty(exports, "FigureBylineExpandButton", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function get() {
|
|
35
|
-
return _FigureBylineExpandButton.FigureBylineExpandButton;
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
var _Figure = _interopRequireWildcard(require("./Figure"));
|
|
40
|
-
|
|
41
|
-
var _FigureLicenseDialog = require("./FigureLicenseDialog");
|
|
42
|
-
|
|
43
|
-
var _FigureExpandButton = require("./FigureExpandButton");
|
|
44
|
-
|
|
45
|
-
var _FigureBylineExpandButton = require("./FigureBylineExpandButton");
|
|
46
|
-
|
|
47
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
48
|
-
|
|
49
|
-
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; }
|
package/lib/FileList/File.js
DELETED
|
@@ -1,77 +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 _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
|
-
var classes = (0, _reactBemHelper["default"])('c-file-list');
|
|
25
|
-
|
|
26
|
-
var renderFormat = function renderFormat(format, title, isPrimary, id, isDeadLink) {
|
|
27
|
-
var titleWithFormat = "".concat(title, " (").concat(format.fileType.toUpperCase(), ")");
|
|
28
|
-
var formatId = "".concat(id, "_").concat(format.fileType);
|
|
29
|
-
|
|
30
|
-
if (isDeadLink) {
|
|
31
|
-
return (0, _core.jsx)("span", {
|
|
32
|
-
key: format.url
|
|
33
|
-
}, (0, _core.jsx)(_common.Download, null), (0, _core.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")), (0, _core.jsx)("span", _extends({}, classes('tooltip'), {
|
|
34
|
-
"aria-hidden": true,
|
|
35
|
-
role: "tooltip",
|
|
36
|
-
id: formatId
|
|
37
|
-
}), (0, _core.jsx)("span", classes('tooltip-text'), format.tooltip)));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
return (0, _core.jsx)(_safelink["default"], _extends({}, classes('link'), {
|
|
41
|
-
key: format.url,
|
|
42
|
-
to: format.url,
|
|
43
|
-
target: "_blank",
|
|
44
|
-
"aria-label": titleWithFormat,
|
|
45
|
-
"aria-describedby": formatId
|
|
46
|
-
}), (0, _core.jsx)(_common.Download, null), (0, _core.jsx)("span", classes('link-text'), (0, _core.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")"))), (0, _core.jsx)("span", _extends({}, classes('tooltip'), {
|
|
47
|
-
"aria-hidden": true,
|
|
48
|
-
role: "tooltip",
|
|
49
|
-
id: formatId
|
|
50
|
-
}), (0, _core.jsx)("span", classes('tooltip-text'), format.tooltip)));
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
var File = function File(_ref) {
|
|
54
|
-
var file = _ref.file,
|
|
55
|
-
id = _ref.id;
|
|
56
|
-
var formatLinks = file.formats.map(function (format, index) {
|
|
57
|
-
return renderFormat(format, file.title, index === 0, id, !file.fileExists);
|
|
58
|
-
});
|
|
59
|
-
return (0, _core.jsx)("li", _extends({}, classes('item'), {
|
|
60
|
-
key: file.title
|
|
61
|
-
}), formatLinks);
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
File.propTypes = {
|
|
65
|
-
id: _propTypes["default"].string.isRequired,
|
|
66
|
-
file: _propTypes["default"].shape({
|
|
67
|
-
fileExists: _propTypes["default"].bool,
|
|
68
|
-
title: _propTypes["default"].string.isRequired,
|
|
69
|
-
formats: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
70
|
-
url: _propTypes["default"].string.isRequired,
|
|
71
|
-
fileType: _propTypes["default"].string.isRequired,
|
|
72
|
-
tooltip: _propTypes["default"].string.isRequired
|
|
73
|
-
})).isRequired
|
|
74
|
-
})
|
|
75
|
-
};
|
|
76
|
-
var _default = File;
|
|
77
|
-
exports["default"] = _default;
|
package/lib/FileList/FileList.js
DELETED
|
@@ -1,48 +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 _File = _interopRequireDefault(require("./File"));
|
|
15
|
-
|
|
16
|
-
var _core = require("@emotion/core");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
var classes = (0, _reactBemHelper["default"])('c-file-list');
|
|
21
|
-
|
|
22
|
-
var FileList = function FileList(_ref) {
|
|
23
|
-
var files = _ref.files,
|
|
24
|
-
heading = _ref.heading,
|
|
25
|
-
id = _ref.id;
|
|
26
|
-
return (0, _core.jsx)("section", classes(), (0, _core.jsx)("h1", classes('heading'), heading), (0, _core.jsx)("ul", classes('files'), files.map(function (file) {
|
|
27
|
-
return (0, _core.jsx)(_File["default"], {
|
|
28
|
-
key: "file-".concat(id, "-").concat(file.title),
|
|
29
|
-
file: file,
|
|
30
|
-
id: id
|
|
31
|
-
});
|
|
32
|
-
})));
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
FileList.propTypes = {
|
|
36
|
-
id: _propTypes["default"].string.isRequired,
|
|
37
|
-
heading: _propTypes["default"].string.isRequired,
|
|
38
|
-
files: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
39
|
-
title: _propTypes["default"].string.isRequired,
|
|
40
|
-
formats: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
41
|
-
url: _propTypes["default"].string.isRequired,
|
|
42
|
-
fileType: _propTypes["default"].string.isRequired,
|
|
43
|
-
tooltip: _propTypes["default"].string.isRequired
|
|
44
|
-
})).isRequired
|
|
45
|
-
})).isRequired
|
|
46
|
-
};
|
|
47
|
-
var _default = FileList;
|
|
48
|
-
exports["default"] = _default;
|
package/lib/FileList/index.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "File", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _File["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
exports["default"] = void 0;
|
|
13
|
-
|
|
14
|
-
var _FileList = _interopRequireDefault(require("./FileList"));
|
|
15
|
-
|
|
16
|
-
var _File = _interopRequireDefault(require("./File"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
var _default = _FileList["default"];
|
|
21
|
-
exports["default"] = _default;
|