@ndla/ui 3.2.6 → 3.3.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/README.md +1 -1
- package/es/CopyParagraphButton/CopyParagraphButton.js +23 -7
- package/es/CopyParagraphButton/initCopyParagraphButtons.js +2 -2
- package/es/Figure/FigureBylineExpandButton.js +1 -2
- package/es/Image/Image.js +5 -4
- package/es/all.css +1 -1
- package/es/locale/messages-en.js +7 -7
- package/es/locale/messages-nb.js +6 -6
- package/es/locale/messages-nn.js +7 -7
- package/lib/CopyParagraphButton/CopyParagraphButton.d.ts +2 -1
- package/lib/CopyParagraphButton/CopyParagraphButton.js +23 -7
- package/lib/CopyParagraphButton/initCopyParagraphButtons.js +2 -2
- package/lib/Figure/Figure.d.ts +2 -1
- package/lib/Figure/FigureBylineExpandButton.d.ts +1 -2
- package/lib/Figure/FigureBylineExpandButton.js +1 -2
- package/lib/Figure/index.d.ts +1 -0
- package/lib/Image/Image.js +5 -5
- package/lib/all.css +1 -1
- package/lib/locale/messages-en.js +7 -7
- package/lib/locale/messages-nb.js +6 -6
- package/lib/locale/messages-nn.js +7 -7
- package/package.json +8 -8
- package/src/CopyParagraphButton/CopyParagraphButton.tsx +23 -4
- package/src/CopyParagraphButton/initCopyParagraphButtons.tsx +1 -2
- package/src/Figure/Figure.tsx +11 -1
- package/src/Figure/FigureBylineExpandButton.tsx +1 -2
- package/src/Figure/index.ts +2 -0
- package/src/Image/Image.tsx +2 -3
- package/src/Table/component.tables.scss +3 -13
- package/src/locale/messages-en.ts +7 -7
- package/src/locale/messages-nb.ts +6 -6
- package/src/locale/messages-nn.ts +7 -7
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ npm i --save ndla-ui
|
|
|
14
14
|
|
|
15
15
|
### Optional dependencies
|
|
16
16
|
|
|
17
|
-
The following dependencies are optional, but some components may
|
|
17
|
+
The following dependencies are optional, but some components may depend on one or more of them.
|
|
18
18
|
|
|
19
19
|
```
|
|
20
20
|
react-collapse
|
|
@@ -38,7 +38,7 @@ var IconButton = _styled("button", {
|
|
|
38
38
|
} : {
|
|
39
39
|
name: "1eoah0f",
|
|
40
40
|
styles: "float:left;position:relative;left:-3em;top:0.1em;background:none;border:0;z-index:1;transition:0.2s;opacity:0;& svg{width:30px;height:30px;}",
|
|
41
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuXG5jb25zdCBJY29uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZmxvYXQ6IGxlZnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTNlbTtcbiAgdG9wOiAwLjFlbTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiAwLjJzO1xuICBvcGFjaXR5OiAwO1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRhaW5lckRpdiA9IHN0eWxlZC5kaXZgXG4gICY6aG92ZXIgYnV0dG9uIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgJiBoMiB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGxlZnQ6IC0yZW07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgY29udGVudD86IHN0cmluZyB8IG51bGw7XG4gIGh5ZHJhdGU/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgV3JhcHBlclByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaHlkcmF0ZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXJDb21wb25lbnQgPSAoeyB0aXRsZSwgaHlkcmF0ZSwgY2hpbGRyZW4gfTogV3JhcHBlclByb3BzKSA9PiB7XG4gIGlmIChoeWRyYXRlKSB7XG4gICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJEaXYgZGF0YS1oZWFkZXItY29weS1jb250YWluZXIgZGF0YS10aXRsZT17dGl0bGV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29udGFpbmVyRGl2PlxuICApO1xufTtcblxuY29uc3QgQ29weVBhcmFncmFwaEJ1dHRvbiA9ICh7IHRpdGxlLCBjb250ZW50LCBoeWRyYXRlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGlmICghdGl0bGUpIHJldHVybiBudWxsO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50LCBNb3VzZUV2ZW50Pik6IHZvaWQgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCBjb3B5SWQgPSBldmVudC5jdXJyZW50VGFyZ2V0LmdldEF0dHJpYnV0ZSgnZGF0YS10aXRsZScpO1xuICAgIGNvbnN0IHsgbG9jYXRpb24gfSA9IHdpbmRvdztcbiAgICBjb25zdCBuZXdIYXNoID0gYCMke2NvcHlJZH1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6ICcnO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfTtcblxuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IGVuY29kZVVSSUNvbXBvbmVudCh0aXRsZS5yZXBsYWNlKC8gL2csICctJykpO1xuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdCgnYXJ0aWNsZS5jb3B5UGFnZUxpbmtDb3BpZWQnKSA6IHQoJ2FydGljbGUuY29weUhlYWRlckxpbmsnKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyQ29tcG9uZW50IGh5ZHJhdGU9e2h5ZHJhdGV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNvcHlDbGlja30gZGF0YS10aXRsZT17c2FuaXRpemVkVGl0bGV9PlxuICAgICAgICA8VG9vbHRpcCB0b29sdGlwPXt0b29sdGlwfT5cbiAgICAgICAgICA8TGluayB0aXRsZT17Jyd9IC8+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXswfSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGNvbnRlbnQgfHwgJycgfX0+PC9oMj5cbiAgICA8L1dyYXBwZXJDb21wb25lbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */",
|
|
42
42
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
43
43
|
});
|
|
44
44
|
|
|
@@ -51,13 +51,29 @@ var ContainerDiv = _styled("div", {
|
|
|
51
51
|
} : {
|
|
52
52
|
name: "25spe5",
|
|
53
53
|
styles: "&:hover button{cursor:pointer;opacity:0.5;}& h2{position:relative;left:-2em;}",
|
|
54
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDK0IiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuXG5jb25zdCBJY29uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZmxvYXQ6IGxlZnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTNlbTtcbiAgdG9wOiAwLjFlbTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiAwLjJzO1xuICBvcGFjaXR5OiAwO1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRhaW5lckRpdiA9IHN0eWxlZC5kaXZgXG4gICY6aG92ZXIgYnV0dG9uIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgJiBoMiB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGxlZnQ6IC0yZW07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgY29udGVudD86IHN0cmluZyB8IG51bGw7XG4gIGh5ZHJhdGU/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgV3JhcHBlclByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaHlkcmF0ZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXJDb21wb25lbnQgPSAoeyB0aXRsZSwgaHlkcmF0ZSwgY2hpbGRyZW4gfTogV3JhcHBlclByb3BzKSA9PiB7XG4gIGlmIChoeWRyYXRlKSB7XG4gICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJEaXYgZGF0YS1oZWFkZXItY29weS1jb250YWluZXIgZGF0YS10aXRsZT17dGl0bGV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29udGFpbmVyRGl2PlxuICApO1xufTtcblxuY29uc3QgQ29weVBhcmFncmFwaEJ1dHRvbiA9ICh7IHRpdGxlLCBjb250ZW50LCBoeWRyYXRlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGlmICghdGl0bGUpIHJldHVybiBudWxsO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50LCBNb3VzZUV2ZW50Pik6IHZvaWQgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCBjb3B5SWQgPSBldmVudC5jdXJyZW50VGFyZ2V0LmdldEF0dHJpYnV0ZSgnZGF0YS10aXRsZScpO1xuICAgIGNvbnN0IHsgbG9jYXRpb24gfSA9IHdpbmRvdztcbiAgICBjb25zdCBuZXdIYXNoID0gYCMke2NvcHlJZH1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6ICcnO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfTtcblxuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IGVuY29kZVVSSUNvbXBvbmVudCh0aXRsZS5yZXBsYWNlKC8gL2csICctJykpO1xuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdCgnYXJ0aWNsZS5jb3B5UGFnZUxpbmtDb3BpZWQnKSA6IHQoJ2FydGljbGUuY29weUhlYWRlckxpbmsnKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyQ29tcG9uZW50IGh5ZHJhdGU9e2h5ZHJhdGV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNvcHlDbGlja30gZGF0YS10aXRsZT17c2FuaXRpemVkVGl0bGV9PlxuICAgICAgICA8VG9vbHRpcCB0b29sdGlwPXt0b29sdGlwfT5cbiAgICAgICAgICA8TGluayB0aXRsZT17Jyd9IC8+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXswfSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGNvbnRlbnQgfHwgJycgfX0+PC9oMj5cbiAgICA8L1dyYXBwZXJDb21wb25lbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */",
|
|
55
55
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
56
56
|
});
|
|
57
57
|
|
|
58
|
-
var
|
|
58
|
+
var WrapperComponent = function WrapperComponent(_ref) {
|
|
59
59
|
var title = _ref.title,
|
|
60
|
-
|
|
60
|
+
hydrate = _ref.hydrate,
|
|
61
|
+
children = _ref.children;
|
|
62
|
+
|
|
63
|
+
if (hydrate) {
|
|
64
|
+
return ___EmotionJSX(React.Fragment, null, children);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
return ___EmotionJSX(ContainerDiv, {
|
|
68
|
+
"data-header-copy-container": true,
|
|
69
|
+
"data-title": title
|
|
70
|
+
}, children);
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
var CopyParagraphButton = function CopyParagraphButton(_ref2) {
|
|
74
|
+
var title = _ref2.title,
|
|
75
|
+
content = _ref2.content,
|
|
76
|
+
hydrate = _ref2.hydrate;
|
|
61
77
|
|
|
62
78
|
var _useTranslation = useTranslation(),
|
|
63
79
|
t = _useTranslation.t;
|
|
@@ -89,9 +105,9 @@ var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
|
89
105
|
|
|
90
106
|
var sanitizedTitle = encodeURIComponent(title.replace(/ /g, '-'));
|
|
91
107
|
var tooltip = hasCopied ? t('article.copyPageLinkCopied') : t('article.copyHeaderLink');
|
|
92
|
-
return ___EmotionJSX(
|
|
93
|
-
|
|
94
|
-
|
|
108
|
+
return ___EmotionJSX(WrapperComponent, {
|
|
109
|
+
hydrate: hydrate,
|
|
110
|
+
title: title
|
|
95
111
|
}, ___EmotionJSX(IconButton, {
|
|
96
112
|
onClick: onCopyClick,
|
|
97
113
|
"data-title": sanitizedTitle
|
|
@@ -21,10 +21,10 @@ var forEachElement = function forEachElement(selector, callback) {
|
|
|
21
21
|
var initCopyParagraphButtons = function initCopyParagraphButtons() {
|
|
22
22
|
forEachElement('[data-header-copy-container]', function (el) {
|
|
23
23
|
var title = el.getAttribute('data-title');
|
|
24
|
-
var content = el.innerHTML;
|
|
25
24
|
ReactDOM.hydrate(___EmotionJSX(CopyParagraphButton, {
|
|
26
25
|
title: title,
|
|
27
|
-
content:
|
|
26
|
+
content: title,
|
|
27
|
+
hydrate: true
|
|
28
28
|
}), el);
|
|
29
29
|
});
|
|
30
30
|
};
|
|
@@ -9,8 +9,7 @@ import React from 'react';
|
|
|
9
9
|
import { ChevronUp, ChevronDown } from '@ndla/icons/common';
|
|
10
10
|
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
11
11
|
export var FigureBylineExpandButton = function FigureBylineExpandButton(_ref) {
|
|
12
|
-
var
|
|
13
|
-
messages = _ref.messages,
|
|
12
|
+
var messages = _ref.messages,
|
|
14
13
|
typeClass = _ref.typeClass;
|
|
15
14
|
return ___EmotionJSX("button", {
|
|
16
15
|
className: "c-figure__show-byline-btn",
|
package/es/Image/Image.js
CHANGED
|
@@ -16,7 +16,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
16
16
|
*
|
|
17
17
|
*/
|
|
18
18
|
import React from 'react';
|
|
19
|
-
import defined from 'defined';
|
|
20
19
|
import LazyLoadImage from './LazyLoadImage';
|
|
21
20
|
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
22
21
|
export var makeSrcQueryString = function makeSrcQueryString(width, crop, focalPoint) {
|
|
@@ -45,11 +44,13 @@ var StyledImageWrapper = _styled("div", {
|
|
|
45
44
|
} : {
|
|
46
45
|
name: "79elbk",
|
|
47
46
|
styles: "position:relative;",
|
|
48
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXp5TG9hZEltYWdlIGZyb20gJy4vTGF6eUxvYWRJbWFnZSc7XG5leHBvcnQgaW50ZXJmYWNlIEltYWdlQ3JvcCB7XG4gIHN0YXJ0WDogbnVtYmVyO1xuICBzdGFydFk6IG51bWJlcjtcbiAgZW5kWDogbnVtYmVyO1xuICBlbmRZOiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VGb2NhbFBvaW50IHtcbiAgeDogbnVtYmVyO1xuICB5OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBtYWtlU3JjUXVlcnlTdHJpbmcgPSAod2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCwgY3JvcD86IEltYWdlQ3JvcCwgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludCkgPT4ge1xuICBjb25zdCB3aWR0aFBhcmFtcyA9IHdpZHRoICYmIGB3aWR0aD0ke3dpZHRofWA7XG4gIGNvbnN0IGNyb3BQYXJhbXMgPVxuICAgIGNyb3AgJiYgYGNyb3BTdGFydFg9JHtjcm9wLnN0YXJ0WH0mY3JvcEVuZFg9JHtjcm9wLmVuZFh9JmNyb3BTdGFydFk9JHtjcm9wLnN0YXJ0WX0mY3JvcEVuZFk9JHtjcm9wLmVuZFl9YDtcbiAgY29uc3QgZm9jYWxQb2ludFBhcmFtcyA9IGZvY2FsUG9pbnQgJiYgYGZvY2FsWD0ke2ZvY2FsUG9pbnQueH0mZm9jYWxZPSR7Zm9jYWxQb2ludC55fWA7XG4gIGNvbnN0IHBhcmFtcyA9IFt3aWR0aFBhcmFtcywgY3JvcFBhcmFtcywgZm9jYWxQb2ludFBhcmFtc10uZmlsdGVyKChwKSA9PiBwKS5qb2luKCcmJyk7XG5cbiAgcmV0dXJuIHBhcmFtcztcbn07XG5cbmNvbnN0IGdldFNyY1NldCA9IChzcmM6IHN0cmluZywgY3JvcDogSW1hZ2VDcm9wIHwgdW5kZWZpbmVkLCBmb2NhbFBvaW50OiBJbWFnZUZvY2FsUG9pbnQgfCB1bmRlZmluZWQpID0+IHtcbiAgY29uc3Qgd2lkdGhzID0gWzI3MjAsIDIwODAsIDE3NjAsIDE0NDAsIDExMjAsIDEwMDAsIDk2MCwgODAwLCA2NDAsIDQ4MCwgMzIwLCAyNDAsIDE4MF07XG4gIHJldHVybiB3aWR0aHMubWFwKCh3aWR0aCkgPT4gYCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh3aWR0aCwgY3JvcCwgZm9jYWxQb2ludCl9ICR7d2lkdGh9d2ApLmpvaW4oJywgJyk7XG59O1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIHNpemVzPzogc3RyaW5nO1xuICBmYWxsYmFja1dpZHRoPzogbnVtYmVyO1xuICBjb250ZW50VHlwZT86IHN0cmluZztcbiAgc3JjU2V0Pzogc3RyaW5nO1xuICBsYXp5TG9hZD86IGJvb2xlYW47XG4gIGxhenlMb2FkU3JjPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGNyb3A/OiBJbWFnZUNyb3A7XG4gIGZvY2FsUG9pbnQ/OiBJbWFnZUZvY2FsUG9pbnQ7XG59XG5cbmNvbnN0IEltYWdlID0gKHtcbiAgYWx0LFxuICBzcmMsXG4gIGxhenlMb2FkLFxuICBsYXp5TG9hZFNyYyxcbiAgY3JvcCxcbiAgZm9jYWxQb2ludCxcbiAgY29udGVudFR5cGUsXG4gIHNpemVzID0gJyhtaW4td2lkdGg6IDEwMjRweCkgMTAyNHB4LCAxMDB2dycsXG4gIGV4cGFuZEJ1dHRvbixcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3JjU2V0ID0gcmVzdC5zcmNTZXQgPz8gZ2V0U3JjU2V0KHNyYywgY3JvcCwgZm9jYWxQb2ludCk7XG4gIGNvbnN0IGZhbGxiYWNrV2lkdGggPSByZXN0LmZhbGxiYWNrV2lkdGggPz8gMTAyNDtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBpZiAobGF6eUxvYWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPExhenlMb2FkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfVxuICAgICAgICAgIHNyY1NldD17c3JjU2V0fVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBsYXp5TG9hZFNyYz17bGF6eUxvYWRTcmN9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9IHsuLi5yZXN0fSAvPlxuICAgICAgPC9waWN0dXJlPlxuICAgICAge2V4cGFuZEJ1dHRvbn1cbiAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlO1xuIl19 */",
|
|
49
48
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
50
49
|
});
|
|
51
50
|
|
|
52
51
|
var Image = function Image(_ref) {
|
|
52
|
+
var _rest$srcSet, _rest$fallbackWidth;
|
|
53
|
+
|
|
53
54
|
var alt = _ref.alt,
|
|
54
55
|
src = _ref.src,
|
|
55
56
|
lazyLoad = _ref.lazyLoad,
|
|
@@ -62,8 +63,8 @@ var Image = function Image(_ref) {
|
|
|
62
63
|
expandButton = _ref.expandButton,
|
|
63
64
|
rest = _objectWithoutProperties(_ref, ["alt", "src", "lazyLoad", "lazyLoadSrc", "crop", "focalPoint", "contentType", "sizes", "expandButton"]);
|
|
64
65
|
|
|
65
|
-
var srcSet =
|
|
66
|
-
var fallbackWidth =
|
|
66
|
+
var srcSet = (_rest$srcSet = rest.srcSet) !== null && _rest$srcSet !== void 0 ? _rest$srcSet : getSrcSet(src, crop, focalPoint);
|
|
67
|
+
var fallbackWidth = (_rest$fallbackWidth = rest.fallbackWidth) !== null && _rest$fallbackWidth !== void 0 ? _rest$fallbackWidth : 1024;
|
|
67
68
|
var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
|
|
68
69
|
|
|
69
70
|
if (contentType && contentType === 'image/gif') {
|