@ndla/ui 11.0.1 → 11.1.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/Notion/ConceptNotion.js +5 -3
- package/es/Notion/FigureNotion.js +4 -3
- package/lib/Notion/ConceptNotion.d.ts +3 -1
- package/lib/Notion/ConceptNotion.js +5 -3
- package/lib/Notion/FigureNotion.d.ts +3 -1
- package/lib/Notion/FigureNotion.js +4 -3
- package/package.json +3 -3
- package/src/Notion/ConceptNotion.tsx +5 -2
- package/src/Notion/FigureNotion.tsx +4 -2
|
@@ -17,7 +17,7 @@ var ImageWrapper = _styled("div", {
|
|
|
17
17
|
label: "ImageWrapper"
|
|
18
18
|
})("float:right;padding-left:", spacing.normal, ";position:relative;", mq.range({
|
|
19
19
|
until: breakpoints.tabletWide
|
|
20
|
-
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEZpZ3VyZVR5cGUgfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29uY2VwdE5vdGlvblR5cGUge1xuICBpZDogbnVtYmVyO1xuICBjb3B5cmlnaHQ/OiBQYXJ0aWFsPENvcHlyaWdodD47XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudD86IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBzb3VyY2U/OiBzdHJpbmc7XG4gIGltYWdlPzoge1xuICAgIHNyYzogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZT86ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCc7XG4gIGNvbmNlcHQ6IENvbmNlcHROb3Rpb25UeXBlO1xuICBkaXNhYmxlU2NyaXB0cz86IGJvb2xlYW47XG4gIGhpZGVJY29uc0FuZEF1dGhvcnM/OiBib29sZWFuO1xuICBmaWd1cmVUeXBlPzogRmlndXJlVHlwZTtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzLCBmaWd1cmVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG5vdGlvbklkID0gYG5vdGlvbi0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgZmlndXJlSWQgPSBgbm90aW9uLWZpZ3VyZS0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgdmlzdWFsRWxlbWVudElkID0gYHZpc3VhbC1lbGVtZW50LSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVTY3JpcHRzKSB7XG4gICAgICBpbml0QXJ0aWNsZVNjcmlwdHMoKTtcbiAgICB9XG4gIH0sIFtkaXNhYmxlU2NyaXB0c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17ZmlndXJlSWR9XG4gICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgY29weXJpZ2h0PXtjb25jZXB0LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc31cbiAgICAgIGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9PlxuICAgICAgPFVJTm90aW9uXG4gICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgIHRleHQ9e2NvbmNlcHQudGV4dH1cbiAgICAgICAgaW1hZ2VFbGVtZW50PXtcbiAgICAgICAgICBjb25jZXB0LnZpc3VhbEVsZW1lbnQ/LnJlc291cmNlID09PSAnaW1hZ2UnICYmIGNvbmNlcHQudmlzdWFsRWxlbWVudC5pbWFnZSA/IChcbiAgICAgICAgICAgIDxJbWFnZVdyYXBwZXI+XG4gICAgICAgICAgICAgIDxOb3Rpb25cbiAgICAgICAgICAgICAgICBpZD17bm90aW9uSWR9XG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPXt0KCdmYWN0Ym94Lm9wZW4nKX1cbiAgICAgICAgICAgICAgICB0aXRsZT17Y29uY2VwdC50aXRsZX1cbiAgICAgICAgICAgICAgICBzdWJUaXRsZT17dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nJyl9XG4gICAgICAgICAgICAgICAgaGlkZUJhc2VsaW5lSWNvblxuICAgICAgICAgICAgICAgIGNvbnRlbnQ9e1xuICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAge2NvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgPT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPE5vdGlvblZpc3VhbEVsZW1lbnQgdmlzdWFsRWxlbWVudD17Y29uY2VwdC52aXN1YWxFbGVtZW50fSBpZD17bm90aW9uSWR9IGZpZ3VyZUlkPXtmaWd1cmVJZH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICApIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dUZXh0PntwYXJzZU1hcmtkb3duKGNvbmNlcHQudGV4dCwgJ2JvZHknKX08L05vdGlvbkRpYWxvZ1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvTm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0xpY2Vuc2VzIGxpY2Vuc2U9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfSBzb3VyY2U9e2NvbmNlcHQuc291cmNlfSAvPlxuICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgfT5cbiAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlICYmIChcbiAgICAgICAgICAgICAgICAgIDxOb3Rpb25JbWFnZVxuICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICBpZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgICAgICAgICAgICAgICBzcmM9e2NvbmNlcHQudmlzdWFsRWxlbWVudC5pbWFnZS5zcmN9XG4gICAgICAgICAgICAgICAgICAgIGFsdD17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLmFsdCA/PyAnJ31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Ob3Rpb24+XG4gICAgICAgICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgdmlzdWFsRWxlbWVudD17XG4gICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50ICYmIGNvbmNlcHQudmlzdWFsRWxlbWVudC5yZXNvdXJjZSAhPT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQudXJsID8gKFxuICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgIGhpZGVCYXNlbGluZUljb25cbiAgICAgICAgICAgICAgICBzdWJUaXRsZT17dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nJyl9XG4gICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50ICYmXG4gICAgICAgICAgICAgICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSAhPT0gJ2ltYWdlJyAmJlxuICAgICAgICAgICAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudC51cmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uVmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXtjb25jZXB0LnZpc3VhbEVsZW1lbnR9IGlkPXtub3Rpb25JZH0gZmlndXJlSWQ9e2ZpZ3VyZUlkfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiB1bmRlZmluZWR9XG5cbiAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nVGV4dD57cGFyc2VNYXJrZG93bihjb25jZXB0LnRleHQsICdib2R5Jyl9PC9Ob3Rpb25EaWFsb2dUZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L05vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dMaWNlbnNlcyBsaWNlbnNlPXtjb25jZXB0LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ30gc291cmNlPXtjb25jZXB0LnNvdXJjZX0gLz5cbiAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgIH0+XG4gICAgICAgICAgICAgICAge2NvbmNlcHQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgPE5vdGlvbkltYWdlXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgIHNyYz17Y29uY2VwdC5pbWFnZT8uc3JjfVxuICAgICAgICAgICAgICAgICAgICBhbHQ9e2NvbmNlcHQuaW1hZ2U/LmFsdCA/PyAnJ31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Ob3Rpb24+XG4gICAgICAgICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgIH0+PC9VSU5vdGlvbj5cbiAgICA8L0ZpZ3VyZU5vdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbmNlcHROb3Rpb247XG4iXX0= */"));
|
|
21
21
|
|
|
22
22
|
var ConceptNotion = function ConceptNotion(_ref) {
|
|
23
23
|
var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$visualElemen, _concept$visualElemen2, _concept$copyright$li3, _concept$copyright2, _concept$copyright2$l, _concept$visualElemen3, _concept$visualElemen4, _concept$copyright$li4, _concept$copyright3, _concept$copyright3$l, _concept$image, _concept$image$alt, _concept$image2;
|
|
@@ -25,7 +25,8 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
25
25
|
var concept = _ref.concept,
|
|
26
26
|
disableScripts = _ref.disableScripts,
|
|
27
27
|
type = _ref.type,
|
|
28
|
-
hideIconsAndAuthors = _ref.hideIconsAndAuthors
|
|
28
|
+
hideIconsAndAuthors = _ref.hideIconsAndAuthors,
|
|
29
|
+
figureType = _ref.figureType;
|
|
29
30
|
var notionId = "notion-".concat(concept.id);
|
|
30
31
|
var figureId = "notion-figure-".concat(concept.id);
|
|
31
32
|
var visualElementId = "visual-element-".concat(concept.id);
|
|
@@ -45,7 +46,8 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
45
46
|
copyright: concept.copyright,
|
|
46
47
|
licenseString: (_concept$copyright$li = (_concept$copyright = concept.copyright) === null || _concept$copyright === void 0 ? void 0 : (_concept$copyright$li2 = _concept$copyright.license) === null || _concept$copyright$li2 === void 0 ? void 0 : _concept$copyright$li2.license) !== null && _concept$copyright$li !== void 0 ? _concept$copyright$li : '',
|
|
47
48
|
type: "concept",
|
|
48
|
-
hideIconsAndAuthors: hideIconsAndAuthors
|
|
49
|
+
hideIconsAndAuthors: hideIconsAndAuthors,
|
|
50
|
+
figureType: figureType
|
|
49
51
|
}, ___EmotionJSX(UINotion, {
|
|
50
52
|
id: notionId,
|
|
51
53
|
title: concept.title,
|
|
@@ -9,7 +9,7 @@ import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
|
9
9
|
var BottomBorder = _styled("div", {
|
|
10
10
|
target: "e16vwpby0",
|
|
11
11
|
label: "BottomBorder"
|
|
12
|
-
})("margin-top:", spacing.normal, ";border-bottom:1px solid ", colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
12
|
+
})("margin-top:", spacing.normal, ";border-bottom:1px solid ", colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZU5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6IkZpZ3VyZU5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldEdyb3VwZWRDb250cmlidXRvckRlc2NyaXB0aW9uTGlzdCwgZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uIH0gZnJvbSAnQG5kbGEvbGljZW5zZXMnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZUNhcHRpb24sIEZpZ3VyZUxpY2Vuc2VEaWFsb2csIEZpZ3VyZVR5cGUgfSBmcm9tICcuLi9GaWd1cmUnO1xuaW1wb3J0IHsgQ29weXJpZ2h0IH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBCb3R0b21Cb3JkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNpemVJZnJhbWU/OiBib29sZWFuO1xuICBmaWd1cmVJZDogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlIHwgKChwYXJhbXM6IHsgdHlwZUNsYXNzOiBzdHJpbmcgfSkgPT4gUmVhY3ROb2RlKTtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgbGljZW5zZVN0cmluZzogc3RyaW5nO1xuICB0eXBlOiAndmlkZW8nIHwgJ2g1cCcgfCAnaW1hZ2UnIHwgJ2NvbmNlcHQnIHwgJ290aGVyJztcbiAgaGlkZUZpZ0NhcHRpb24/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbiAgZmlndXJlVHlwZT86IEZpZ3VyZVR5cGU7XG59XG5cbmNvbnN0IEZpZ3VyZU5vdGlvbiA9ICh7XG4gIHJlc2l6ZUlmcmFtZSxcbiAgZmlndXJlSWQsXG4gIGNoaWxkcmVuLFxuICBpZCxcbiAgY29weXJpZ2h0LFxuICBsaWNlbnNlU3RyaW5nLFxuICB0aXRsZSxcbiAgdHlwZSxcbiAgaGlkZUZpZ0NhcHRpb24sXG4gIGhpZGVJY29uc0FuZEF1dGhvcnMsXG4gIGZpZ3VyZVR5cGUsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGxpY2Vuc2UgPSBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24obGljZW5zZVN0cmluZywgaTE4bi5sYW5ndWFnZSk7XG4gIGNvbnN0IHsgY3JlYXRvcnMsIHByb2Nlc3NvcnMsIHJpZ2h0c2hvbGRlcnMgfSA9IGNvcHlyaWdodCA/PyB7fTtcbiAgY29uc3QgY29udHJpYnV0b3JzID0gZ2V0R3JvdXBlZENvbnRyaWJ1dG9yRGVzY3JpcHRpb25MaXN0KFxuICAgIHtcbiAgICAgIGNyZWF0b3JzOiBjcmVhdG9ycyA/PyBbXSxcbiAgICAgIHByb2Nlc3NvcnM6IHByb2Nlc3NvcnMgPz8gW10sXG4gICAgICByaWdodHNob2xkZXJzOiByaWdodHNob2xkZXJzID8/IFtdLFxuICAgIH0sXG4gICAgaTE4bi5sYW5ndWFnZSxcbiAgKS5tYXAoKGkpID0+ICh7IG5hbWU6IGkuZGVzY3JpcHRpb24sIHR5cGU6IGkubGFiZWwgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWU9e3Jlc2l6ZUlmcmFtZX0gaWQ9e2ZpZ3VyZUlkfSB0eXBlPXtmaWd1cmVUeXBlIHx8ICdmdWxsLWNvbHVtbid9PlxuICAgICAgeyh7IHR5cGVDbGFzcyB9KSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IGNoaWxkcmVuKHsgdHlwZUNsYXNzIH0pIDogY2hpbGRyZW59XG4gICAgICAgICAge2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/IChcbiAgICAgICAgICAgIDxGaWd1cmVDYXB0aW9uXG4gICAgICAgICAgICAgIGhpZGVGaWdjYXB0aW9uPXtoaWRlRmlnQ2FwdGlvbn1cbiAgICAgICAgICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIHJldXNlTGFiZWw9e3QoYCR7dHlwZX0ucmV1c2VgKX1cbiAgICAgICAgICAgICAgYXV0aG9ycz17Y29udHJpYnV0b3JzfVxuICAgICAgICAgICAgICBsaWNlbnNlUmlnaHRzPXtsaWNlbnNlLnJpZ2h0c31cbiAgICAgICAgICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc30+XG4gICAgICAgICAgICAgIDxGaWd1cmVMaWNlbnNlRGlhbG9nXG4gICAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICAgIGF1dGhvcnM9e2NvbnRyaWJ1dG9yc31cbiAgICAgICAgICAgICAgICBsb2NhbGU9e2kxOG4ubGFuZ3VhZ2V9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIG9yaWdpbj17Y29weXJpZ2h0Py5vcmlnaW59XG4gICAgICAgICAgICAgICAgbGljZW5zZT17bGljZW5zZX1cbiAgICAgICAgICAgICAgICBtZXNzYWdlcz17e1xuICAgICAgICAgICAgICAgICAgY2xvc2U6IHQoJ2Nsb3NlJyksXG4gICAgICAgICAgICAgICAgICBydWxlc0ZvclVzZTogdCgnbGljZW5zZS5jb25jZXB0LnJ1bGVzJyksXG4gICAgICAgICAgICAgICAgICBzb3VyY2U6IHQoJ3NvdXJjZScpLFxuICAgICAgICAgICAgICAgICAgbGVhcm5BYm91dExpY2Vuc2VzOiB0KCdsaWNlbnNlLmxlYXJuTW9yZScpLFxuICAgICAgICAgICAgICAgICAgdGl0bGU6IHQoJ3RpdGxlJyksXG4gICAgICAgICAgICAgICAgfX0+PC9GaWd1cmVMaWNlbnNlRGlhbG9nPlxuICAgICAgICAgICAgPC9GaWd1cmVDYXB0aW9uPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8Qm90dG9tQm9yZGVyIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvRmlndXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlndXJlTm90aW9uO1xuIl19 */"));
|
|
13
13
|
|
|
14
14
|
var FigureNotion = function FigureNotion(_ref) {
|
|
15
15
|
var resizeIframe = _ref.resizeIframe,
|
|
@@ -21,7 +21,8 @@ var FigureNotion = function FigureNotion(_ref) {
|
|
|
21
21
|
title = _ref.title,
|
|
22
22
|
type = _ref.type,
|
|
23
23
|
hideFigCaption = _ref.hideFigCaption,
|
|
24
|
-
hideIconsAndAuthors = _ref.hideIconsAndAuthors
|
|
24
|
+
hideIconsAndAuthors = _ref.hideIconsAndAuthors,
|
|
25
|
+
figureType = _ref.figureType;
|
|
25
26
|
|
|
26
27
|
var _useTranslation = useTranslation(),
|
|
27
28
|
t = _useTranslation.t,
|
|
@@ -47,7 +48,7 @@ var FigureNotion = function FigureNotion(_ref) {
|
|
|
47
48
|
return ___EmotionJSX(Figure, {
|
|
48
49
|
resizeIframe: resizeIframe,
|
|
49
50
|
id: figureId,
|
|
50
|
-
type: 'full-column'
|
|
51
|
+
type: figureType || 'full-column'
|
|
51
52
|
}, function (_ref3) {
|
|
52
53
|
var _copyright$license;
|
|
53
54
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { NotionVisualElementType } from './NotionVisualElement';
|
|
2
2
|
import { Copyright } from '../types';
|
|
3
|
+
import { FigureType } from '../Figure';
|
|
3
4
|
export interface ConceptNotionType {
|
|
4
5
|
id: number;
|
|
5
6
|
copyright?: Partial<Copyright>;
|
|
@@ -17,6 +18,7 @@ interface Props {
|
|
|
17
18
|
concept: ConceptNotionType;
|
|
18
19
|
disableScripts?: boolean;
|
|
19
20
|
hideIconsAndAuthors?: boolean;
|
|
21
|
+
figureType?: FigureType;
|
|
20
22
|
}
|
|
21
|
-
declare const ConceptNotion: ({ concept, disableScripts, type, hideIconsAndAuthors }: Props) => JSX.Element;
|
|
23
|
+
declare const ConceptNotion: ({ concept, disableScripts, type, hideIconsAndAuthors, figureType }: Props) => JSX.Element;
|
|
22
24
|
export default ConceptNotion;
|
|
@@ -43,7 +43,7 @@ var ImageWrapper = (0, _styledBase["default"])("div", {
|
|
|
43
43
|
label: "ImageWrapper"
|
|
44
44
|
})("float:right;padding-left:", _core.spacing.normal, ";position:relative;", _core.mq.range({
|
|
45
45
|
until: _core.breakpoints.tabletWide
|
|
46
|
-
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
46
|
+
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEZpZ3VyZVR5cGUgfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29uY2VwdE5vdGlvblR5cGUge1xuICBpZDogbnVtYmVyO1xuICBjb3B5cmlnaHQ/OiBQYXJ0aWFsPENvcHlyaWdodD47XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudD86IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBzb3VyY2U/OiBzdHJpbmc7XG4gIGltYWdlPzoge1xuICAgIHNyYzogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZT86ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCc7XG4gIGNvbmNlcHQ6IENvbmNlcHROb3Rpb25UeXBlO1xuICBkaXNhYmxlU2NyaXB0cz86IGJvb2xlYW47XG4gIGhpZGVJY29uc0FuZEF1dGhvcnM/OiBib29sZWFuO1xuICBmaWd1cmVUeXBlPzogRmlndXJlVHlwZTtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzLCBmaWd1cmVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG5vdGlvbklkID0gYG5vdGlvbi0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgZmlndXJlSWQgPSBgbm90aW9uLWZpZ3VyZS0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgdmlzdWFsRWxlbWVudElkID0gYHZpc3VhbC1lbGVtZW50LSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVTY3JpcHRzKSB7XG4gICAgICBpbml0QXJ0aWNsZVNjcmlwdHMoKTtcbiAgICB9XG4gIH0sIFtkaXNhYmxlU2NyaXB0c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17ZmlndXJlSWR9XG4gICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgY29weXJpZ2h0PXtjb25jZXB0LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc31cbiAgICAgIGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9PlxuICAgICAgPFVJTm90aW9uXG4gICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgIHRleHQ9e2NvbmNlcHQudGV4dH1cbiAgICAgICAgaW1hZ2VFbGVtZW50PXtcbiAgICAgICAgICBjb25jZXB0LnZpc3VhbEVsZW1lbnQ/LnJlc291cmNlID09PSAnaW1hZ2UnICYmIGNvbmNlcHQudmlzdWFsRWxlbWVudC5pbWFnZSA/IChcbiAgICAgICAgICAgIDxJbWFnZVdyYXBwZXI+XG4gICAgICAgICAgICAgIDxOb3Rpb25cbiAgICAgICAgICAgICAgICBpZD17bm90aW9uSWR9XG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPXt0KCdmYWN0Ym94Lm9wZW4nKX1cbiAgICAgICAgICAgICAgICB0aXRsZT17Y29uY2VwdC50aXRsZX1cbiAgICAgICAgICAgICAgICBzdWJUaXRsZT17dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nJyl9XG4gICAgICAgICAgICAgICAgaGlkZUJhc2VsaW5lSWNvblxuICAgICAgICAgICAgICAgIGNvbnRlbnQ9e1xuICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAge2NvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgPT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPE5vdGlvblZpc3VhbEVsZW1lbnQgdmlzdWFsRWxlbWVudD17Y29uY2VwdC52aXN1YWxFbGVtZW50fSBpZD17bm90aW9uSWR9IGZpZ3VyZUlkPXtmaWd1cmVJZH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICApIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dUZXh0PntwYXJzZU1hcmtkb3duKGNvbmNlcHQudGV4dCwgJ2JvZHknKX08L05vdGlvbkRpYWxvZ1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvTm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0xpY2Vuc2VzIGxpY2Vuc2U9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfSBzb3VyY2U9e2NvbmNlcHQuc291cmNlfSAvPlxuICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgfT5cbiAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlICYmIChcbiAgICAgICAgICAgICAgICAgIDxOb3Rpb25JbWFnZVxuICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICBpZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgICAgICAgICAgICAgICBzcmM9e2NvbmNlcHQudmlzdWFsRWxlbWVudC5pbWFnZS5zcmN9XG4gICAgICAgICAgICAgICAgICAgIGFsdD17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLmFsdCA/PyAnJ31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Ob3Rpb24+XG4gICAgICAgICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgdmlzdWFsRWxlbWVudD17XG4gICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50ICYmIGNvbmNlcHQudmlzdWFsRWxlbWVudC5yZXNvdXJjZSAhPT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQudXJsID8gKFxuICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgIGhpZGVCYXNlbGluZUljb25cbiAgICAgICAgICAgICAgICBzdWJUaXRsZT17dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nJyl9XG4gICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50ICYmXG4gICAgICAgICAgICAgICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSAhPT0gJ2ltYWdlJyAmJlxuICAgICAgICAgICAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudC51cmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uVmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXtjb25jZXB0LnZpc3VhbEVsZW1lbnR9IGlkPXtub3Rpb25JZH0gZmlndXJlSWQ9e2ZpZ3VyZUlkfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiB1bmRlZmluZWR9XG5cbiAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nVGV4dD57cGFyc2VNYXJrZG93bihjb25jZXB0LnRleHQsICdib2R5Jyl9PC9Ob3Rpb25EaWFsb2dUZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L05vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dMaWNlbnNlcyBsaWNlbnNlPXtjb25jZXB0LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ30gc291cmNlPXtjb25jZXB0LnNvdXJjZX0gLz5cbiAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgIH0+XG4gICAgICAgICAgICAgICAge2NvbmNlcHQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgPE5vdGlvbkltYWdlXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgIHNyYz17Y29uY2VwdC5pbWFnZT8uc3JjfVxuICAgICAgICAgICAgICAgICAgICBhbHQ9e2NvbmNlcHQuaW1hZ2U/LmFsdCA/PyAnJ31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Ob3Rpb24+XG4gICAgICAgICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgIH0+PC9VSU5vdGlvbj5cbiAgICA8L0ZpZ3VyZU5vdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbmNlcHROb3Rpb247XG4iXX0= */"));
|
|
47
47
|
|
|
48
48
|
var ConceptNotion = function ConceptNotion(_ref) {
|
|
49
49
|
var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$visualElemen, _concept$visualElemen2, _concept$copyright$li3, _concept$copyright2, _concept$copyright2$l, _concept$visualElemen3, _concept$visualElemen4, _concept$copyright$li4, _concept$copyright3, _concept$copyright3$l, _concept$image, _concept$image$alt, _concept$image2;
|
|
@@ -51,7 +51,8 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
51
51
|
var concept = _ref.concept,
|
|
52
52
|
disableScripts = _ref.disableScripts,
|
|
53
53
|
type = _ref.type,
|
|
54
|
-
hideIconsAndAuthors = _ref.hideIconsAndAuthors
|
|
54
|
+
hideIconsAndAuthors = _ref.hideIconsAndAuthors,
|
|
55
|
+
figureType = _ref.figureType;
|
|
55
56
|
var notionId = "notion-".concat(concept.id);
|
|
56
57
|
var figureId = "notion-figure-".concat(concept.id);
|
|
57
58
|
var visualElementId = "visual-element-".concat(concept.id);
|
|
@@ -71,7 +72,8 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
71
72
|
copyright: concept.copyright,
|
|
72
73
|
licenseString: (_concept$copyright$li = (_concept$copyright = concept.copyright) === null || _concept$copyright === void 0 ? void 0 : (_concept$copyright$li2 = _concept$copyright.license) === null || _concept$copyright$li2 === void 0 ? void 0 : _concept$copyright$li2.license) !== null && _concept$copyright$li !== void 0 ? _concept$copyright$li : '',
|
|
73
74
|
type: "concept",
|
|
74
|
-
hideIconsAndAuthors: hideIconsAndAuthors
|
|
75
|
+
hideIconsAndAuthors: hideIconsAndAuthors,
|
|
76
|
+
figureType: figureType
|
|
75
77
|
}, (0, _core2.jsx)(_.Notion, {
|
|
76
78
|
id: notionId,
|
|
77
79
|
title: concept.title,
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree. *
|
|
6
6
|
*/
|
|
7
7
|
import { ReactNode } from 'react';
|
|
8
|
+
import { FigureType } from '../Figure';
|
|
8
9
|
import { Copyright } from '../types';
|
|
9
10
|
interface Props {
|
|
10
11
|
resizeIframe?: boolean;
|
|
@@ -19,6 +20,7 @@ interface Props {
|
|
|
19
20
|
type: 'video' | 'h5p' | 'image' | 'concept' | 'other';
|
|
20
21
|
hideFigCaption?: boolean;
|
|
21
22
|
hideIconsAndAuthors?: boolean;
|
|
23
|
+
figureType?: FigureType;
|
|
22
24
|
}
|
|
23
|
-
declare const FigureNotion: ({ resizeIframe, figureId, children, id, copyright, licenseString, title, type, hideFigCaption, hideIconsAndAuthors, }: Props) => JSX.Element;
|
|
25
|
+
declare const FigureNotion: ({ resizeIframe, figureId, children, id, copyright, licenseString, title, type, hideFigCaption, hideIconsAndAuthors, figureType, }: Props) => JSX.Element;
|
|
24
26
|
export default FigureNotion;
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
24
24
|
var BottomBorder = (0, _styledBase["default"])("div", {
|
|
25
25
|
target: "e16vwpby0",
|
|
26
26
|
label: "BottomBorder"
|
|
27
|
-
})("margin-top:", _core.spacing.normal, ";border-bottom:1px solid ", _core.colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
})("margin-top:", _core.spacing.normal, ";border-bottom:1px solid ", _core.colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZU5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6IkZpZ3VyZU5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldEdyb3VwZWRDb250cmlidXRvckRlc2NyaXB0aW9uTGlzdCwgZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uIH0gZnJvbSAnQG5kbGEvbGljZW5zZXMnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZUNhcHRpb24sIEZpZ3VyZUxpY2Vuc2VEaWFsb2csIEZpZ3VyZVR5cGUgfSBmcm9tICcuLi9GaWd1cmUnO1xuaW1wb3J0IHsgQ29weXJpZ2h0IH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBCb3R0b21Cb3JkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNpemVJZnJhbWU/OiBib29sZWFuO1xuICBmaWd1cmVJZDogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlIHwgKChwYXJhbXM6IHsgdHlwZUNsYXNzOiBzdHJpbmcgfSkgPT4gUmVhY3ROb2RlKTtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgbGljZW5zZVN0cmluZzogc3RyaW5nO1xuICB0eXBlOiAndmlkZW8nIHwgJ2g1cCcgfCAnaW1hZ2UnIHwgJ2NvbmNlcHQnIHwgJ290aGVyJztcbiAgaGlkZUZpZ0NhcHRpb24/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbiAgZmlndXJlVHlwZT86IEZpZ3VyZVR5cGU7XG59XG5cbmNvbnN0IEZpZ3VyZU5vdGlvbiA9ICh7XG4gIHJlc2l6ZUlmcmFtZSxcbiAgZmlndXJlSWQsXG4gIGNoaWxkcmVuLFxuICBpZCxcbiAgY29weXJpZ2h0LFxuICBsaWNlbnNlU3RyaW5nLFxuICB0aXRsZSxcbiAgdHlwZSxcbiAgaGlkZUZpZ0NhcHRpb24sXG4gIGhpZGVJY29uc0FuZEF1dGhvcnMsXG4gIGZpZ3VyZVR5cGUsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGxpY2Vuc2UgPSBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24obGljZW5zZVN0cmluZywgaTE4bi5sYW5ndWFnZSk7XG4gIGNvbnN0IHsgY3JlYXRvcnMsIHByb2Nlc3NvcnMsIHJpZ2h0c2hvbGRlcnMgfSA9IGNvcHlyaWdodCA/PyB7fTtcbiAgY29uc3QgY29udHJpYnV0b3JzID0gZ2V0R3JvdXBlZENvbnRyaWJ1dG9yRGVzY3JpcHRpb25MaXN0KFxuICAgIHtcbiAgICAgIGNyZWF0b3JzOiBjcmVhdG9ycyA/PyBbXSxcbiAgICAgIHByb2Nlc3NvcnM6IHByb2Nlc3NvcnMgPz8gW10sXG4gICAgICByaWdodHNob2xkZXJzOiByaWdodHNob2xkZXJzID8/IFtdLFxuICAgIH0sXG4gICAgaTE4bi5sYW5ndWFnZSxcbiAgKS5tYXAoKGkpID0+ICh7IG5hbWU6IGkuZGVzY3JpcHRpb24sIHR5cGU6IGkubGFiZWwgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWU9e3Jlc2l6ZUlmcmFtZX0gaWQ9e2ZpZ3VyZUlkfSB0eXBlPXtmaWd1cmVUeXBlIHx8ICdmdWxsLWNvbHVtbid9PlxuICAgICAgeyh7IHR5cGVDbGFzcyB9KSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IGNoaWxkcmVuKHsgdHlwZUNsYXNzIH0pIDogY2hpbGRyZW59XG4gICAgICAgICAge2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/IChcbiAgICAgICAgICAgIDxGaWd1cmVDYXB0aW9uXG4gICAgICAgICAgICAgIGhpZGVGaWdjYXB0aW9uPXtoaWRlRmlnQ2FwdGlvbn1cbiAgICAgICAgICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIHJldXNlTGFiZWw9e3QoYCR7dHlwZX0ucmV1c2VgKX1cbiAgICAgICAgICAgICAgYXV0aG9ycz17Y29udHJpYnV0b3JzfVxuICAgICAgICAgICAgICBsaWNlbnNlUmlnaHRzPXtsaWNlbnNlLnJpZ2h0c31cbiAgICAgICAgICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc30+XG4gICAgICAgICAgICAgIDxGaWd1cmVMaWNlbnNlRGlhbG9nXG4gICAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICAgIGF1dGhvcnM9e2NvbnRyaWJ1dG9yc31cbiAgICAgICAgICAgICAgICBsb2NhbGU9e2kxOG4ubGFuZ3VhZ2V9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIG9yaWdpbj17Y29weXJpZ2h0Py5vcmlnaW59XG4gICAgICAgICAgICAgICAgbGljZW5zZT17bGljZW5zZX1cbiAgICAgICAgICAgICAgICBtZXNzYWdlcz17e1xuICAgICAgICAgICAgICAgICAgY2xvc2U6IHQoJ2Nsb3NlJyksXG4gICAgICAgICAgICAgICAgICBydWxlc0ZvclVzZTogdCgnbGljZW5zZS5jb25jZXB0LnJ1bGVzJyksXG4gICAgICAgICAgICAgICAgICBzb3VyY2U6IHQoJ3NvdXJjZScpLFxuICAgICAgICAgICAgICAgICAgbGVhcm5BYm91dExpY2Vuc2VzOiB0KCdsaWNlbnNlLmxlYXJuTW9yZScpLFxuICAgICAgICAgICAgICAgICAgdGl0bGU6IHQoJ3RpdGxlJyksXG4gICAgICAgICAgICAgICAgfX0+PC9GaWd1cmVMaWNlbnNlRGlhbG9nPlxuICAgICAgICAgICAgPC9GaWd1cmVDYXB0aW9uPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8Qm90dG9tQm9yZGVyIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvRmlndXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlndXJlTm90aW9uO1xuIl19 */"));
|
|
28
28
|
|
|
29
29
|
var FigureNotion = function FigureNotion(_ref) {
|
|
30
30
|
var resizeIframe = _ref.resizeIframe,
|
|
@@ -36,7 +36,8 @@ var FigureNotion = function FigureNotion(_ref) {
|
|
|
36
36
|
title = _ref.title,
|
|
37
37
|
type = _ref.type,
|
|
38
38
|
hideFigCaption = _ref.hideFigCaption,
|
|
39
|
-
hideIconsAndAuthors = _ref.hideIconsAndAuthors
|
|
39
|
+
hideIconsAndAuthors = _ref.hideIconsAndAuthors,
|
|
40
|
+
figureType = _ref.figureType;
|
|
40
41
|
|
|
41
42
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
42
43
|
t = _useTranslation.t,
|
|
@@ -62,7 +63,7 @@ var FigureNotion = function FigureNotion(_ref) {
|
|
|
62
63
|
return (0, _core2.jsx)(_Figure.Figure, {
|
|
63
64
|
resizeIframe: resizeIframe,
|
|
64
65
|
id: figureId,
|
|
65
|
-
type: 'full-column'
|
|
66
|
+
type: figureType || 'full-column'
|
|
66
67
|
}, function (_ref3) {
|
|
67
68
|
var _copyright$license;
|
|
68
69
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "11.0
|
|
3
|
+
"version": "11.1.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.1.
|
|
41
|
+
"@ndla/notion": "^3.1.1",
|
|
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": "62b9f1deac1941e5a58497d5c0946278464bc48f"
|
|
85
85
|
}
|
|
@@ -18,6 +18,7 @@ import { NotionImage } from './NotionImage';
|
|
|
18
18
|
import NotionVisualElement, { NotionVisualElementType } from './NotionVisualElement';
|
|
19
19
|
import FigureNotion from './FigureNotion';
|
|
20
20
|
import { Copyright } from '../types';
|
|
21
|
+
import { FigureType } from '../Figure';
|
|
21
22
|
|
|
22
23
|
const ImageWrapper = styled.div`
|
|
23
24
|
float: right;
|
|
@@ -47,9 +48,10 @@ interface Props {
|
|
|
47
48
|
concept: ConceptNotionType;
|
|
48
49
|
disableScripts?: boolean;
|
|
49
50
|
hideIconsAndAuthors?: boolean;
|
|
51
|
+
figureType?: FigureType;
|
|
50
52
|
}
|
|
51
53
|
|
|
52
|
-
const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: Props) => {
|
|
54
|
+
const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors, figureType }: Props) => {
|
|
53
55
|
const notionId = `notion-${concept.id}`;
|
|
54
56
|
const figureId = `notion-figure-${concept.id}`;
|
|
55
57
|
const visualElementId = `visual-element-${concept.id}`;
|
|
@@ -69,7 +71,8 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
69
71
|
copyright={concept.copyright}
|
|
70
72
|
licenseString={concept.copyright?.license?.license ?? ''}
|
|
71
73
|
type="concept"
|
|
72
|
-
hideIconsAndAuthors={hideIconsAndAuthors}
|
|
74
|
+
hideIconsAndAuthors={hideIconsAndAuthors}
|
|
75
|
+
figureType={figureType}>
|
|
73
76
|
<UINotion
|
|
74
77
|
id={notionId}
|
|
75
78
|
title={concept.title}
|
|
@@ -10,7 +10,7 @@ import { colors, spacing } from '@ndla/core';
|
|
|
10
10
|
import { getGroupedContributorDescriptionList, getLicenseByAbbreviation } from '@ndla/licenses';
|
|
11
11
|
import React, { ReactNode } from 'react';
|
|
12
12
|
import { useTranslation } from 'react-i18next';
|
|
13
|
-
import { Figure, FigureCaption, FigureLicenseDialog } from '../Figure';
|
|
13
|
+
import { Figure, FigureCaption, FigureLicenseDialog, FigureType } from '../Figure';
|
|
14
14
|
import { Copyright } from '../types';
|
|
15
15
|
|
|
16
16
|
const BottomBorder = styled.div`
|
|
@@ -29,6 +29,7 @@ interface Props {
|
|
|
29
29
|
type: 'video' | 'h5p' | 'image' | 'concept' | 'other';
|
|
30
30
|
hideFigCaption?: boolean;
|
|
31
31
|
hideIconsAndAuthors?: boolean;
|
|
32
|
+
figureType?: FigureType;
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
const FigureNotion = ({
|
|
@@ -42,6 +43,7 @@ const FigureNotion = ({
|
|
|
42
43
|
type,
|
|
43
44
|
hideFigCaption,
|
|
44
45
|
hideIconsAndAuthors,
|
|
46
|
+
figureType,
|
|
45
47
|
}: Props) => {
|
|
46
48
|
const { t, i18n } = useTranslation();
|
|
47
49
|
const license = getLicenseByAbbreviation(licenseString, i18n.language);
|
|
@@ -56,7 +58,7 @@ const FigureNotion = ({
|
|
|
56
58
|
).map((i) => ({ name: i.description, type: i.label }));
|
|
57
59
|
|
|
58
60
|
return (
|
|
59
|
-
<Figure resizeIframe={resizeIframe} id={figureId} type={'full-column'}>
|
|
61
|
+
<Figure resizeIframe={resizeIframe} id={figureId} type={figureType || 'full-column'}>
|
|
60
62
|
{({ typeClass }) => (
|
|
61
63
|
<>
|
|
62
64
|
{typeof children === 'function' ? children({ typeClass }) : children}
|