@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.
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
@@ -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
- };
@@ -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;
@@ -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
- };
@@ -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; }
@@ -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;
@@ -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;
@@ -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;