@ndla/ui 10.0.0 → 11.0.0
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/Article/ArticleSideBar.js +5 -5
- package/es/CompetenceGoalTab/CompetenceGoalTab.js +5 -5
- package/es/ComponentCursor/ComponentCursor.js +9 -9
- package/es/Frontpage/FrontpageProgramMenu.js +10 -10
- package/es/Notion/ConceptNotion.js +6 -7
- package/es/Notion/FigureNotion.js +1 -1
- package/es/Notion/Notion.js +9 -14
- package/es/Notion/NotionImage.js +18 -30
- package/es/Notion/NotionVisualElement.js +5 -5
- package/lib/Article/ArticleSideBar.js +5 -5
- package/lib/CompetenceGoalTab/CompetenceGoalTab.js +5 -5
- package/lib/ComponentCursor/ComponentCursor.js +9 -9
- package/lib/Frontpage/FrontpageProgramMenu.js +10 -10
- package/lib/Notion/ConceptNotion.js +7 -7
- package/lib/Notion/FigureNotion.d.ts +1 -1
- package/lib/Notion/FigureNotion.js +1 -1
- package/lib/Notion/Notion.js +9 -13
- package/lib/Notion/NotionImage.d.ts +2 -4
- package/lib/Notion/NotionImage.js +17 -30
- package/lib/Notion/NotionVisualElement.js +5 -5
- package/package.json +3 -3
- package/src/.DS_Store +0 -0
- package/src/Article/ArticleSideBar.tsx +2 -1
- package/src/CompetenceGoalTab/CompetenceGoalTab.tsx +2 -1
- package/src/ComponentCursor/ComponentCursor.tsx +2 -1
- package/src/Frontpage/FrontpageProgramMenu.tsx +2 -1
- package/src/Notion/ConceptNotion.tsx +3 -4
- package/src/Notion/FigureNotion.tsx +1 -1
- package/src/Notion/Notion.tsx +2 -4
- package/src/Notion/NotionImage.tsx +20 -33
- package/src/Notion/NotionVisualElement.tsx +3 -3
package/lib/Notion/Notion.js
CHANGED
|
@@ -27,20 +27,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
27
27
|
|
|
28
28
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
29
29
|
|
|
30
|
-
var NotionContainer = (0, _styledBase["default"])("div", {
|
|
31
|
-
target: "eztjhst0",
|
|
32
|
-
label: "NotionContainer"
|
|
33
|
-
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBwYXJzZU1hcmtkb3duIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IE5vdGlvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgYDtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAuYy1maWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwIDAgMCAyMHB4O1xuICAgICYuZXhwYW5kZWQge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8eyBoYXNWaXN1YWxFbGVtZW50OiBib29sZWFuIH0+YFxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNWaXN1YWxFbGVtZW50ID8gJzc1JScgOiAnMTAwJScpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25Qcm9wcyA9IHtcbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWxzPzogc3RyaW5nW107XG4gIHRleHQ6IFJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudDogUmVhY3ROb2RlO1xuICBpbWFnZUVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTm90aW9uID0gKHsgaWQsIGxhYmVscyA9IFtdLCB0ZXh0LCB0aXRsZSwgdmlzdWFsRWxlbWVudCwgaW1hZ2VFbGVtZW50LCBjaGlsZHJlbiB9OiBOb3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Tm90aW9uQ29udGFpbmVyPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICB7aW1hZ2VFbGVtZW50fVxuICAgICAgICB7dmlzdWFsRWxlbWVudH1cbiAgICAgICAgPFRleHRXcmFwcGVyIGhhc1Zpc3VhbEVsZW1lbnQ9eyEhKGltYWdlRWxlbWVudCB8fCB2aXN1YWxFbGVtZW50KX0+XG4gICAgICAgICAge3BhcnNlTWFya2Rvd24oYCoqJHt0aXRsZX0qKiBcXHUyMDEzICR7dGV4dH1gLCAnYm9keScpfVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoJ3NlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25MYWJlbHMnKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgIHtpIDwgbGFiZWxzPy5sZW5ndGggLSAxICYmIDw+ICYjODIyNjs8Lz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0xhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRXcmFwcGVyPlxuICAgICAgICA8Q2xlYXJXcmFwcGVyIC8+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTm90aW9uQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uO1xuIl19 */");
|
|
34
30
|
var ContentWrapper = (0, _styledBase["default"])("div", {
|
|
35
|
-
target: "
|
|
31
|
+
target: "eztjhst0",
|
|
36
32
|
label: "ContentWrapper"
|
|
37
33
|
})(_core.mq.range({
|
|
38
34
|
until: _core.breakpoints.tabletWide
|
|
39
35
|
}), "{display:flex;flex-direction:column-reverse;}.c-figure{margin:0;padding:0 0 0 20px;&.expanded{width:100% !important;padding:0;margin-bottom:", _core.spacing.normal, ";}", _core.mq.range({
|
|
40
36
|
until: _core.breakpoints.tabletWide
|
|
41
|
-
}), "{width:100% !important;padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
}), "{width:100% !important;padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBwYXJzZU1hcmtkb3duIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gIH1cbiAgLmMtZmlndXJlIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMCAwIDAgMjBweDtcbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/ICc3NSUnIDogJzEwMCUnKX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcbiAgJHtDb250ZW50V3JhcHBlcn0gLmMtZmlndXJlLmV4cGFuZGVkICsgJiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB1bCxcbiAgICBvbCB7XG4gICAgICBtYXJnaW46IDEycHggMDtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAwIDJyZW07XG4gICAgfVxuICAgIG9sID4gbGkge1xuICAgICAgbWFyZ2luLWxlZnQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDbGVhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjbGVhcjogYm90aDtcbmA7XG5cbmNvbnN0IExhYmVsc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjRweCcpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4gfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9PlxuICAgICAgICAgIHtwYXJzZU1hcmtkb3duKGAqKiR7dGl0bGV9KiogXFx1MjAxMyAke3RleHR9YCwgJ2JvZHknKX1cbiAgICAgICAgICB7ISFsYWJlbHMubGVuZ3RoICYmIChcbiAgICAgICAgICAgIDxMYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgICAgIHt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzJyl9XG4gICAgICAgICAgICAgIHtsYWJlbHMubWFwKChsYWJlbCwgaSkgPT4gKFxuICAgICAgICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2Bub3Rpb24tJHtpZH0tbGFiZWwtJHtpICsgMX1gfT5cbiAgICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */"));
|
|
42
38
|
var TextWrapper = (0, _styledBase["default"])("div", {
|
|
43
|
-
target: "
|
|
39
|
+
target: "eztjhst1",
|
|
44
40
|
label: "TextWrapper"
|
|
45
41
|
})("width:", function (props) {
|
|
46
42
|
return props.hasVisualElement ? '75%' : '100%';
|
|
@@ -48,9 +44,9 @@ var TextWrapper = (0, _styledBase["default"])("div", {
|
|
|
48
44
|
until: _core.breakpoints.tabletWide
|
|
49
45
|
}), "{width:100%;}font-family:", _core.fonts.sans, ";", _core.fonts.sizes('18px', '28px'), ";", ContentWrapper, " .c-figure.expanded + &{width:100%;}", _core.mq.range({
|
|
50
46
|
from: _core.breakpoints.desktop
|
|
51
|
-
}), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol > li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
}), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol > li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M2RCIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
|
|
52
48
|
var ClearWrapper = (0, _styledBase["default"])("div", {
|
|
53
|
-
target: "
|
|
49
|
+
target: "eztjhst2",
|
|
54
50
|
label: "ClearWrapper"
|
|
55
51
|
})(process.env.NODE_ENV === "production" ? {
|
|
56
52
|
name: "1xa411s",
|
|
@@ -58,13 +54,13 @@ var ClearWrapper = (0, _styledBase["default"])("div", {
|
|
|
58
54
|
} : {
|
|
59
55
|
name: "1xa411s",
|
|
60
56
|
styles: "clear:both;",
|
|
61
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQrQiIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */",
|
|
62
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
63
59
|
});
|
|
64
60
|
var LabelsContainer = (0, _styledBase["default"])("div", {
|
|
65
|
-
target: "
|
|
61
|
+
target: "eztjhst3",
|
|
66
62
|
label: "LabelsContainer"
|
|
67
|
-
})("display:flex;align-items:center;", _core.fonts.sizes('14px', '24px'), ";font-family:", _core.fonts.sans, ";margin:", _core.spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
63
|
+
})("display:flex;align-items:center;", _core.fonts.sizes('14px', '24px'), ";font-family:", _core.fonts.sans, ";margin:", _core.spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRrQyIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
|
|
68
64
|
|
|
69
65
|
var Notion = function Notion(_ref) {
|
|
70
66
|
var id = _ref.id,
|
|
@@ -79,7 +75,7 @@ var Notion = function Notion(_ref) {
|
|
|
79
75
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
80
76
|
t = _useTranslation.t;
|
|
81
77
|
|
|
82
|
-
return (0, _core2.jsx)(
|
|
78
|
+
return (0, _core2.jsx)("div", null, (0, _core2.jsx)(ContentWrapper, null, imageElement, visualElement, (0, _core2.jsx)(TextWrapper, {
|
|
83
79
|
hasVisualElement: !!(imageElement || visualElement)
|
|
84
80
|
}, (0, _util.parseMarkdown)("**".concat(title, "** \u2013 ").concat(text), 'body'), !!labels.length && (0, _core2.jsx)(LabelsContainer, null, t('searchPage.resultType.notionLabels'), labels.map(function (label, i) {
|
|
85
81
|
return (0, _core2.jsx)(_react.Fragment, {
|
|
@@ -4,13 +4,11 @@
|
|
|
4
4
|
* This source code is licensed under the GPLv3 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree. *
|
|
6
6
|
*/
|
|
7
|
-
import { Copyright } from '../types';
|
|
8
7
|
interface Props {
|
|
9
|
-
type
|
|
8
|
+
type: 'image' | 'video' | 'h5p' | 'iframe' | 'external' | undefined;
|
|
10
9
|
id: string;
|
|
11
10
|
src: string;
|
|
12
11
|
alt: string;
|
|
13
|
-
imageCopyright?: Partial<Copyright>;
|
|
14
12
|
}
|
|
15
|
-
export declare const NotionImage: ({ id, src, alt,
|
|
13
|
+
export declare const NotionImage: ({ id, src, alt, type }: Props) => JSX.Element;
|
|
16
14
|
export {};
|
|
@@ -17,8 +17,6 @@ var _Image = _interopRequireDefault(require("../Image"));
|
|
|
17
17
|
|
|
18
18
|
var _Figure = require("../Figure");
|
|
19
19
|
|
|
20
|
-
var _FigureNotion = _interopRequireDefault(require("./FigureNotion"));
|
|
21
|
-
|
|
22
20
|
var _core2 = require("@emotion/core");
|
|
23
21
|
|
|
24
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -34,50 +32,39 @@ var StyledImageWrapper = (0, _styledBase["default"])("div", {
|
|
|
34
32
|
label: "StyledImageWrapper"
|
|
35
33
|
})("overflow:hidden;width:260px;padding-top:", _core.spacing.small, ";", _core.mq.range({
|
|
36
34
|
until: _core.breakpoints.tabletWide
|
|
37
|
-
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAmOmhvdmVyIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgb3BhY2l0eTogMS4xO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgfCAnaDVwJyB8ICdpZnJhbWUnIHwgJ2V4dGVybmFsJyB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17J2Z1bGwtY29sdW1uJ30+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgICAgem9vbU91dEltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
|
|
38
36
|
var StyledImage = ( /*#__PURE__*/0, _styledBase["default"])(_Image["default"], {
|
|
39
37
|
target: "e1beccco1",
|
|
40
38
|
label: "StyledImage"
|
|
41
39
|
})("object-fit:cover;max-height:162px;transition:transform ", _core.animations.durations.fast, ";&:hover{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}", _core.mq.range({
|
|
42
40
|
until: _core.breakpoints.tabletWide
|
|
43
|
-
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVPcGVuRGlhbG9nQnV0dG9uIH0gZnJvbSAnLi4vRmlndXJlJztcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDI2MHB4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJjpob3ZlciB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgIG9wYWNpdHk6IDEuMTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1pbi13aWR0aDogMjYwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCcgfCB1bmRlZmluZWQ7XG4gIGlkOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IGlkLCBzcmMsIGFsdCwgdHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgaW1hZ2VGaWd1cmVJZCA9IGBpbWFnZS1maWd1cmUtJHtpZH1gO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWUgaWQ9e2ltYWdlRmlndXJlSWR9IHR5cGU9eydmdWxsLWNvbHVtbid9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgZXhwYW5kQnV0dG9uPXtcbiAgICAgICAgICAgIDxGaWd1cmVPcGVuRGlhbG9nQnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIG1lc3NhZ2VzPXt7XG4gICAgICAgICAgICAgICAgem9vbUltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICAgIHpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsOiB0KCdsaWNlbnNlLmltYWdlLml0ZW1JbWFnZS56b29tT3V0SW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG4iXX0= */"));
|
|
44
42
|
|
|
45
43
|
var NotionImage = function NotionImage(_ref) {
|
|
46
|
-
var _imageCopyright$licen, _imageCopyright$licen2;
|
|
47
|
-
|
|
48
44
|
var id = _ref.id,
|
|
49
45
|
src = _ref.src,
|
|
50
46
|
alt = _ref.alt,
|
|
51
|
-
imageCopyright = _ref.imageCopyright,
|
|
52
47
|
type = _ref.type;
|
|
53
48
|
|
|
54
49
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
55
50
|
t = _useTranslation.t;
|
|
56
51
|
|
|
57
|
-
var imageId = "image-".concat(id);
|
|
58
52
|
var imageFigureId = "image-figure-".concat(id);
|
|
59
|
-
return (0, _core2.jsx)(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
messages: {
|
|
75
|
-
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
76
|
-
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
|
|
77
|
-
}
|
|
78
|
-
})
|
|
79
|
-
}));
|
|
80
|
-
});
|
|
53
|
+
return (0, _core2.jsx)(_Figure.Figure, {
|
|
54
|
+
resizeIframe: true,
|
|
55
|
+
id: imageFigureId,
|
|
56
|
+
type: 'full-column'
|
|
57
|
+
}, (0, _core2.jsx)(StyledImageWrapper, null, (0, _core2.jsx)(StyledImage, {
|
|
58
|
+
alt: alt,
|
|
59
|
+
src: src,
|
|
60
|
+
expandButton: (0, _core2.jsx)(_Figure.FigureOpenDialogButton, {
|
|
61
|
+
type: type,
|
|
62
|
+
messages: {
|
|
63
|
+
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
64
|
+
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
|
|
65
|
+
}
|
|
66
|
+
})
|
|
67
|
+
})));
|
|
81
68
|
};
|
|
82
69
|
|
|
83
70
|
exports.NotionImage = NotionImage;
|
|
@@ -23,7 +23,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
23
23
|
} : {
|
|
24
24
|
name: "fifnyn-StyledIframe",
|
|
25
25
|
styles: "min-height:400px;;label:StyledIframe;",
|
|
26
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVXIiwiZmlsZSI6Ik5vdGlvblZpc3VhbEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBGaWd1cmVOb3Rpb24gZnJvbSAnLi9GaWd1cmVOb3Rpb24nO1xuXG5jb25zdCBTdHlsZWRJZnJhbWUgPSBzdHlsZWQuaWZyYW1lPHsgdHlwZTogc3RyaW5nIH0+YFxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy50eXBlID09PSAndmlkZW8nXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MDBweDtcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlID0ge1xuICBlbGVtZW50PzogUmVhY3ROb2RlO1xuICB0eXBlPzogJ3ZpZGVvJyB8ICdpbWFnZScgfCAnaDVwJztcbiAgcmVzb3VyY2U/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgaW1hZ2U/
|
|
26
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVXIiwiZmlsZSI6Ik5vdGlvblZpc3VhbEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBGaWd1cmVOb3Rpb24gZnJvbSAnLi9GaWd1cmVOb3Rpb24nO1xuXG5jb25zdCBTdHlsZWRJZnJhbWUgPSBzdHlsZWQuaWZyYW1lPHsgdHlwZTogc3RyaW5nIH0+YFxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy50eXBlID09PSAndmlkZW8nXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MDBweDtcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlID0ge1xuICBlbGVtZW50PzogUmVhY3ROb2RlO1xuICB0eXBlPzogJ3ZpZGVvJyB8ICdpbWFnZScgfCAnaDVwJztcbiAgcmVzb3VyY2U/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgaW1hZ2U/OiB7XG4gICAgc3JjOiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDogTm90aW9uVmlzdWFsRWxlbWVudFR5cGU7XG4gIGlkOiBzdHJpbmc7XG4gIGZpZ3VyZUlkOiBzdHJpbmc7XG59XG5jb25zdCBzdXBwb3J0ZWRFbWJlZFR5cGVzID0gWydicmlnaHRjb3ZlJywgJ2g1cCcsICdpZnJhbWUnLCAnZXh0ZXJuYWwnLCAnaW1hZ2UnXTtcblxuY29uc3QgZ2V0VHlwZSA9IChyZXNvdXJjZTogc3RyaW5nKSA9PiB7XG4gIGlmIChyZXNvdXJjZSA9PT0gJ2JyaWdodGNvdmUnKSB7XG4gICAgcmV0dXJuICd2aWRlbyc7XG4gIH1cbiAgaWYgKHJlc291cmNlID09PSAnaW1hZ2UnIHx8IHJlc291cmNlID09PSAnaDVwJykge1xuICAgIHJldHVybiByZXNvdXJjZTtcbiAgfVxuICByZXR1cm4gJ290aGVyJztcbn07XG5cbmNvbnN0IE5vdGlvblZpc3VhbEVsZW1lbnQgPSAoeyB2aXN1YWxFbGVtZW50LCBpZCwgZmlndXJlSWQgfTogUHJvcHMpID0+IHtcbiAgaWYgKCF2aXN1YWxFbGVtZW50LnJlc291cmNlIHx8ICFzdXBwb3J0ZWRFbWJlZFR5cGVzLmluY2x1ZGVzKHZpc3VhbEVsZW1lbnQucmVzb3VyY2UpKSB7XG4gICAgcmV0dXJuIDxwPkVtYmVkIHR5cGUgaXMgbm90IHN1cHBvcnRlZCE8L3A+O1xuICB9XG5cbiAgY29uc3QgdHlwZSA9IGdldFR5cGUodmlzdWFsRWxlbWVudC5yZXNvdXJjZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlTm90aW9uXG4gICAgICByZXNpemVJZnJhbWVcbiAgICAgIGlkPXtpZH1cbiAgICAgIGZpZ3VyZUlkPXtmaWd1cmVJZH1cbiAgICAgIHRpdGxlPXt2aXN1YWxFbGVtZW50LnRpdGxlID8/ICcnfVxuICAgICAgY29weXJpZ2h0PXt2aXN1YWxFbGVtZW50LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e3Zpc3VhbEVsZW1lbnQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT17dHlwZX0+XG4gICAgICB7dmlzdWFsRWxlbWVudC5pbWFnZT8uc3JjID8gKFxuICAgICAgICA8aW1nIHNyYz17dmlzdWFsRWxlbWVudC5pbWFnZT8uc3JjfSBhbHQ9e3Zpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElmcmFtZSB0eXBlPXt0eXBlfSBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfSB0aXRsZT17dmlzdWFsRWxlbWVudC50aXRsZX0gLz5cbiAgICAgICl9XG4gICAgPC9GaWd1cmVOb3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb25WaXN1YWxFbGVtZW50O1xuIl19 */",
|
|
27
27
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -32,7 +32,7 @@ var StyledIframe = (0, _styledBase["default"])("iframe", {
|
|
|
32
32
|
label: "StyledIframe"
|
|
33
33
|
})(function (props) {
|
|
34
34
|
return props.type === 'video' ? _ref : '';
|
|
35
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvRCIsImZpbGUiOiJOb3Rpb25WaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb3B5cmlnaHQgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcblxuY29uc3QgU3R5bGVkSWZyYW1lID0gc3R5bGVkLmlmcmFtZTx7IHR5cGU6IHN0cmluZyB9PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMudHlwZSA9PT0gJ3ZpZGVvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogNDAwcHg7XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSA9IHtcbiAgZWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgdHlwZT86ICd2aWRlbycgfCAnaW1hZ2UnIHwgJ2g1cCc7XG4gIHJlc291cmNlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICBjb3B5cmlnaHQ/
|
|
35
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvRCIsImZpbGUiOiJOb3Rpb25WaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb3B5cmlnaHQgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcblxuY29uc3QgU3R5bGVkSWZyYW1lID0gc3R5bGVkLmlmcmFtZTx7IHR5cGU6IHN0cmluZyB9PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMudHlwZSA9PT0gJ3ZpZGVvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogNDAwcHg7XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSA9IHtcbiAgZWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgdHlwZT86ICd2aWRlbycgfCAnaW1hZ2UnIHwgJ2g1cCc7XG4gIHJlc291cmNlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICBjb3B5cmlnaHQ/OiBQYXJ0aWFsPENvcHlyaWdodD47XG4gIGltYWdlPzoge1xuICAgIHNyYzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgfTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHZpc3VhbEVsZW1lbnQ6IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBpZDogc3RyaW5nO1xuICBmaWd1cmVJZDogc3RyaW5nO1xufVxuY29uc3Qgc3VwcG9ydGVkRW1iZWRUeXBlcyA9IFsnYnJpZ2h0Y292ZScsICdoNXAnLCAnaWZyYW1lJywgJ2V4dGVybmFsJywgJ2ltYWdlJ107XG5cbmNvbnN0IGdldFR5cGUgPSAocmVzb3VyY2U6IHN0cmluZykgPT4ge1xuICBpZiAocmVzb3VyY2UgPT09ICdicmlnaHRjb3ZlJykge1xuICAgIHJldHVybiAndmlkZW8nO1xuICB9XG4gIGlmIChyZXNvdXJjZSA9PT0gJ2ltYWdlJyB8fCByZXNvdXJjZSA9PT0gJ2g1cCcpIHtcbiAgICByZXR1cm4gcmVzb3VyY2U7XG4gIH1cbiAgcmV0dXJuICdvdGhlcic7XG59O1xuXG5jb25zdCBOb3Rpb25WaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCwgaWQsIGZpZ3VyZUlkIH06IFByb3BzKSA9PiB7XG4gIGlmICghdmlzdWFsRWxlbWVudC5yZXNvdXJjZSB8fCAhc3VwcG9ydGVkRW1iZWRUeXBlcy5pbmNsdWRlcyh2aXN1YWxFbGVtZW50LnJlc291cmNlKSkge1xuICAgIHJldHVybiA8cD5FbWJlZCB0eXBlIGlzIG5vdCBzdXBwb3J0ZWQhPC9wPjtcbiAgfVxuXG4gIGNvbnN0IHR5cGUgPSBnZXRUeXBlKHZpc3VhbEVsZW1lbnQucmVzb3VyY2UpO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17aWR9XG4gICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICB0aXRsZT17dmlzdWFsRWxlbWVudC50aXRsZSA/PyAnJ31cbiAgICAgIGNvcHlyaWdodD17dmlzdWFsRWxlbWVudC5jb3B5cmlnaHR9XG4gICAgICBsaWNlbnNlU3RyaW5nPXt2aXN1YWxFbGVtZW50LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgIHR5cGU9e3R5cGV9PlxuICAgICAge3Zpc3VhbEVsZW1lbnQuaW1hZ2U/LnNyYyA/IChcbiAgICAgICAgPGltZyBzcmM9e3Zpc3VhbEVsZW1lbnQuaW1hZ2U/LnNyY30gYWx0PXt2aXN1YWxFbGVtZW50LmltYWdlLmFsdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRJZnJhbWUgdHlwZT17dHlwZX0gc3JjPXt2aXN1YWxFbGVtZW50LnVybH0gdGl0bGU9e3Zpc3VhbEVsZW1lbnQudGl0bGV9IC8+XG4gICAgICApfVxuICAgIDwvRmlndXJlTm90aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uVmlzdWFsRWxlbWVudDtcbiJdfQ== */");
|
|
36
36
|
var supportedEmbedTypes = ['brightcove', 'h5p', 'iframe', 'external', 'image'];
|
|
37
37
|
|
|
38
38
|
var getType = function getType(resource) {
|
|
@@ -40,11 +40,11 @@ var getType = function getType(resource) {
|
|
|
40
40
|
return 'video';
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
if (resource === 'image') {
|
|
44
|
-
return
|
|
43
|
+
if (resource === 'image' || resource === 'h5p') {
|
|
44
|
+
return resource;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
return '
|
|
47
|
+
return 'other';
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
var NotionVisualElement = function NotionVisualElement(_ref2) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "11.0.0",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@ndla/icons": "^1.7.0",
|
|
39
39
|
"@ndla/licenses": "^4.1.0",
|
|
40
40
|
"@ndla/modal": "^1.2.6",
|
|
41
|
-
"@ndla/notion": "^3.0
|
|
41
|
+
"@ndla/notion": "^3.1.0",
|
|
42
42
|
"@ndla/safelink": "^1.1.7",
|
|
43
43
|
"@ndla/switch": "^0.1.5",
|
|
44
44
|
"@ndla/tabs": "^1.1.5",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "75061da27f334245171f7042c9cb6a40a2e5a116"
|
|
85
85
|
}
|
package/src/.DS_Store
ADDED
|
Binary file
|
|
@@ -24,7 +24,8 @@ type CursorWrapperProps = {
|
|
|
24
24
|
hide: boolean;
|
|
25
25
|
};
|
|
26
26
|
const CursorWrapper = styled.div<CursorWrapperProps>`
|
|
27
|
-
|
|
27
|
+
font-family: 'Shadows Into Light Two';
|
|
28
|
+
font-display: swap;
|
|
28
29
|
width: 120px;
|
|
29
30
|
font-family: 'Shadows Into Light Two', cursive;
|
|
30
31
|
margin-top: 40px;
|
|
@@ -68,7 +68,8 @@ const HighlightWrapper = styled.div`
|
|
|
68
68
|
`;
|
|
69
69
|
|
|
70
70
|
const HighlightText = styled.span`
|
|
71
|
-
|
|
71
|
+
font-family: 'Shadows Into Light Two';
|
|
72
|
+
font-display: swap;
|
|
72
73
|
display: inline-block;
|
|
73
74
|
color: ${colors.text.light};
|
|
74
75
|
transform: rotate(14deg);
|
|
@@ -10,7 +10,8 @@ type CursorStyleProps = {
|
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
const Wrapper = styled.div<CursorStyleProps>`
|
|
13
|
-
|
|
13
|
+
font-family: 'Shadows Into Light Two';
|
|
14
|
+
font-display: swap;
|
|
14
15
|
position: absolute;
|
|
15
16
|
top: -5px;
|
|
16
17
|
max-width: 155px;
|
|
@@ -36,7 +36,8 @@ const CursorPlaceholder = styled.div`
|
|
|
36
36
|
`;
|
|
37
37
|
|
|
38
38
|
const CursorWrapper = styled.div`
|
|
39
|
-
|
|
39
|
+
font-family: 'Shadows Into Light Two';
|
|
40
|
+
font-display: swap;
|
|
40
41
|
position: absolute;
|
|
41
42
|
top: -55px;
|
|
42
43
|
left: 38px;
|
|
@@ -11,6 +11,7 @@ import React, { useEffect } from 'react';
|
|
|
11
11
|
import { initArticleScripts } from '@ndla/article-scripts';
|
|
12
12
|
import { useTranslation } from 'react-i18next';
|
|
13
13
|
import { breakpoints, mq, spacing } from '@ndla/core';
|
|
14
|
+
import { parseMarkdown } from '@ndla/util';
|
|
14
15
|
import Notion, { NotionDialogContent, NotionDialogText, NotionDialogLicenses } from '@ndla/notion';
|
|
15
16
|
import { Notion as UINotion } from '.';
|
|
16
17
|
import { NotionImage } from './NotionImage';
|
|
@@ -88,7 +89,7 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
88
89
|
{concept.visualElement?.resource === 'image' && concept.visualElement.image ? (
|
|
89
90
|
<NotionVisualElement visualElement={concept.visualElement} id={notionId} figureId={figureId} />
|
|
90
91
|
) : undefined}
|
|
91
|
-
<NotionDialogText>{concept.text}</NotionDialogText>
|
|
92
|
+
<NotionDialogText>{parseMarkdown(concept.text, 'body')}</NotionDialogText>
|
|
92
93
|
</NotionDialogContent>
|
|
93
94
|
<NotionDialogLicenses license={concept.copyright?.license?.license ?? ''} source={concept.source} />
|
|
94
95
|
</>
|
|
@@ -99,7 +100,6 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
99
100
|
id={visualElementId}
|
|
100
101
|
src={concept.visualElement.image.src}
|
|
101
102
|
alt={concept.visualElement.image.alt ?? ''}
|
|
102
|
-
imageCopyright={concept.visualElement.copyright}
|
|
103
103
|
/>
|
|
104
104
|
)}
|
|
105
105
|
</Notion>
|
|
@@ -124,7 +124,7 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
124
124
|
<NotionVisualElement visualElement={concept.visualElement} id={notionId} figureId={figureId} />
|
|
125
125
|
) : undefined}
|
|
126
126
|
|
|
127
|
-
<NotionDialogText>{concept.text}</NotionDialogText>
|
|
127
|
+
<NotionDialogText>{parseMarkdown(concept.text, 'body')}</NotionDialogText>
|
|
128
128
|
</NotionDialogContent>
|
|
129
129
|
<NotionDialogLicenses license={concept.copyright?.license?.license ?? ''} source={concept.source} />
|
|
130
130
|
</>
|
|
@@ -135,7 +135,6 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
135
135
|
id={visualElementId}
|
|
136
136
|
src={concept.image?.src}
|
|
137
137
|
alt={concept.image?.alt ?? ''}
|
|
138
|
-
imageCopyright={concept.visualElement.copyright}
|
|
139
138
|
/>
|
|
140
139
|
)}
|
|
141
140
|
</Notion>
|
|
@@ -26,7 +26,7 @@ interface Props {
|
|
|
26
26
|
title?: string;
|
|
27
27
|
copyright?: Partial<Copyright>;
|
|
28
28
|
licenseString: string;
|
|
29
|
-
type: 'video' | 'h5p' | 'image' | 'concept';
|
|
29
|
+
type: 'video' | 'h5p' | 'image' | 'concept' | 'other';
|
|
30
30
|
hideFigCaption?: boolean;
|
|
31
31
|
hideIconsAndAuthors?: boolean;
|
|
32
32
|
}
|
package/src/Notion/Notion.tsx
CHANGED
|
@@ -11,8 +11,6 @@ import { useTranslation } from 'react-i18next';
|
|
|
11
11
|
import { parseMarkdown } from '@ndla/util';
|
|
12
12
|
import { breakpoints, fonts, mq, spacing } from '@ndla/core';
|
|
13
13
|
|
|
14
|
-
const NotionContainer = styled.div``;
|
|
15
|
-
|
|
16
14
|
const ContentWrapper = styled.div`
|
|
17
15
|
${mq.range({ until: breakpoints.tabletWide })} {
|
|
18
16
|
display: flex;
|
|
@@ -81,7 +79,7 @@ const Notion = ({ id, labels = [], text, title, visualElement, imageElement, chi
|
|
|
81
79
|
const { t } = useTranslation();
|
|
82
80
|
|
|
83
81
|
return (
|
|
84
|
-
<
|
|
82
|
+
<div>
|
|
85
83
|
<ContentWrapper>
|
|
86
84
|
{imageElement}
|
|
87
85
|
{visualElement}
|
|
@@ -103,7 +101,7 @@ const Notion = ({ id, labels = [], text, title, visualElement, imageElement, chi
|
|
|
103
101
|
<ClearWrapper />
|
|
104
102
|
</ContentWrapper>
|
|
105
103
|
{children}
|
|
106
|
-
</
|
|
104
|
+
</div>
|
|
107
105
|
);
|
|
108
106
|
};
|
|
109
107
|
|
|
@@ -10,9 +10,7 @@ import styled from '@emotion/styled';
|
|
|
10
10
|
import { animations, breakpoints, mq, spacing } from '@ndla/core';
|
|
11
11
|
import { useTranslation } from 'react-i18next';
|
|
12
12
|
import Image from '../Image';
|
|
13
|
-
import { FigureOpenDialogButton } from '../Figure';
|
|
14
|
-
import { Copyright } from '../types';
|
|
15
|
-
import FigureNotion from './FigureNotion';
|
|
13
|
+
import { Figure, FigureOpenDialogButton } from '../Figure';
|
|
16
14
|
|
|
17
15
|
const StyledImageWrapper = styled.div`
|
|
18
16
|
overflow: hidden;
|
|
@@ -38,44 +36,33 @@ const StyledImage = styled(Image)`
|
|
|
38
36
|
`;
|
|
39
37
|
|
|
40
38
|
interface Props {
|
|
41
|
-
type
|
|
39
|
+
type: 'image' | 'video' | 'h5p' | 'iframe' | 'external' | undefined;
|
|
42
40
|
id: string;
|
|
43
41
|
src: string;
|
|
44
42
|
alt: string;
|
|
45
|
-
imageCopyright?: Partial<Copyright>;
|
|
46
43
|
}
|
|
47
|
-
export const NotionImage = ({ id, src, alt,
|
|
44
|
+
export const NotionImage = ({ id, src, alt, type }: Props) => {
|
|
48
45
|
const { t } = useTranslation();
|
|
49
46
|
|
|
50
|
-
const imageId = `image-${id}`;
|
|
51
47
|
const imageFigureId = `image-figure-${id}`;
|
|
52
48
|
|
|
53
49
|
return (
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
72
|
-
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel'),
|
|
73
|
-
}}
|
|
74
|
-
/>
|
|
75
|
-
}
|
|
76
|
-
/>
|
|
77
|
-
</StyledImageWrapper>
|
|
78
|
-
)}
|
|
79
|
-
</FigureNotion>
|
|
50
|
+
<Figure resizeIframe id={imageFigureId} type={'full-column'}>
|
|
51
|
+
<StyledImageWrapper>
|
|
52
|
+
<StyledImage
|
|
53
|
+
alt={alt}
|
|
54
|
+
src={src}
|
|
55
|
+
expandButton={
|
|
56
|
+
<FigureOpenDialogButton
|
|
57
|
+
type={type}
|
|
58
|
+
messages={{
|
|
59
|
+
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
60
|
+
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel'),
|
|
61
|
+
}}
|
|
62
|
+
/>
|
|
63
|
+
}
|
|
64
|
+
/>
|
|
65
|
+
</StyledImageWrapper>
|
|
66
|
+
</Figure>
|
|
80
67
|
);
|
|
81
68
|
};
|
|
@@ -43,10 +43,10 @@ const getType = (resource: string) => {
|
|
|
43
43
|
if (resource === 'brightcove') {
|
|
44
44
|
return 'video';
|
|
45
45
|
}
|
|
46
|
-
if (resource === 'image') {
|
|
47
|
-
return
|
|
46
|
+
if (resource === 'image' || resource === 'h5p') {
|
|
47
|
+
return resource;
|
|
48
48
|
}
|
|
49
|
-
return '
|
|
49
|
+
return 'other';
|
|
50
50
|
};
|
|
51
51
|
|
|
52
52
|
const NotionVisualElement = ({ visualElement, id, figureId }: Props) => {
|