@ndla/ui 8.2.3 → 9.0.0

package/lib/Notion/ConceptNotion.js

@@ -7,10 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _articleScripts = require("@ndla/article-scripts");
 
+var _reactI18next = require("react-i18next");
+
+var _core = require("@ndla/core");
+
+var _notion = _interopRequireWildcard(require("@ndla/notion"));
+
 var _ = require(".");
 
 var _NotionImage = require("./NotionImage");
@@ -19,63 +27,109 @@ var _NotionVisualElement = _interopRequireDefault(require("./NotionVisualElement
 
 var _FigureNotion = _interopRequireDefault(require("./FigureNotion"));
 
-var _core = require("@emotion/core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _core2 = require("@emotion/core");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree. *
- */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 //@ts-ignore
+var ContentWrapper = (0, _styledBase["default"])("div", {
+  target: "ebdyuo10",
+  label: "ContentWrapper"
+})("position:relative;right:auto;left:", function (props) {
+  return props.adjustSizeToFitWiderPage ? '0%' : '-16.6666666667%';
+}, ";width:", function (props) {
+  return props.adjustSizeToFitWiderPage ? '100%' : '133.3333333333%';
+}, ";padding-left:24px;padding-right:24px;", _core.mq.range({
+  until: _core.breakpoints.tabletWide
+}), "{width:100%;left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CeUUiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlPzogYm9vbGVhbiB9PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICByaWdodDogYXV0bztcbiAgbGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5hZGp1c3RTaXplVG9GaXRXaWRlclBhZ2UgPyAnMCUnIDogJy0xNi42NjY2NjY2NjY3JScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlID8gJzEwMCUnIDogJzEzMy4zMzMzMzMzMzMzJScpfTtcbiAgcGFkZGluZy1sZWZ0OiAyNHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyNHB4O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsb2F0OiByaWdodDtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBDb25jZXB0Tm90aW9uVHlwZSB7XG4gIGlkOiBudW1iZXI7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgdGl0bGU6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICBzdWJqZWN0TmFtZXM/OiBzdHJpbmdbXTtcbiAgdmlzdWFsRWxlbWVudD86IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBhdXRob3JzOiBzdHJpbmdbXTtcbiAgc291cmNlPzogc3RyaW5nO1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbn1cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU/OiAnaW1hZ2UnIHwgJ3ZpZGVvJyB8ICdoNXAnIHwgJ2lmcmFtZScgfCAnZXh0ZXJuYWwnO1xuICBjb25jZXB0OiBDb25jZXB0Tm90aW9uVHlwZTtcbiAgZGlzYWJsZVNjcmlwdHM/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbiAgYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzLCBhZGp1c3RTaXplVG9GaXRXaWRlclBhZ2UgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgbm90aW9uSWQgPSBgbm90aW9uLSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCBmaWd1cmVJZCA9IGBub3Rpb24tZmlndXJlLSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB2aXN1YWxFbGVtZW50SWQgPSBgdmlzdWFsLWVsZW1lbnQtJHtjb25jZXB0LmlkfWA7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghZGlzYWJsZVNjcmlwdHMpIHtcbiAgICAgIGluaXRBcnRpY2xlU2NyaXB0cygpO1xuICAgIH1cbiAgfSwgW2Rpc2FibGVTY3JpcHRzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGVudFdyYXBwZXIgYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlPXthZGp1c3RTaXplVG9GaXRXaWRlclBhZ2V9PlxuICAgICAgPEZpZ3VyZU5vdGlvblxuICAgICAgICByZXNpemVJZnJhbWVcbiAgICAgICAgaWQ9e2ZpZ3VyZUlkfVxuICAgICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgICBjb3B5cmlnaHQ9e2NvbmNlcHQuY29weXJpZ2h0fVxuICAgICAgICBsaWNlbnNlU3RyaW5nPXtjb25jZXB0LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgICBoaWRlSWNvbnNBbmRBdXRob3JzPXtoaWRlSWNvbnNBbmRBdXRob3JzfT5cbiAgICAgICAgPFVJTm90aW9uXG4gICAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgIHRleHQ9e2NvbmNlcHQudGV4dH1cbiAgICAgICAgICBpbWFnZUVsZW1lbnQ9e1xuICAgICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgIDxJbWFnZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICAgICAgICAgICAgYXJpYUxhYmVsPXt0KCdmYWN0Ym94Lm9wZW4nKX1cbiAgICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgICAgc3ViVGl0bGU9e3QoJ3NlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZycpfVxuICAgICAgICAgICAgICAgICAgaGlkZUJhc2VsaW5lSWNvblxuICAgICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25WaXN1YWxFbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlzdWFsRWxlbWVudD17Y29uY2VwdC52aXN1YWxFbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ1RleHQ+e2NvbmNlcHQudGV4dH08L05vdGlvbkRpYWxvZ1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgPC9Ob3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dMaWNlbnNlc1xuICAgICAgICAgICAgICAgICAgICAgICAgbGljZW5zZT17Y29uY2VwdC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICBzb3VyY2U9e2NvbmNlcHQuc291cmNlfVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgfT5cbiAgICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgICAgc3JjPXtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2Uuc3JjfVxuICAgICAgICAgICAgICAgICAgICAgIGFsdD17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLmFsdCA/PyAnJ31cbiAgICAgICAgICAgICAgICAgICAgICBpbWFnZUNvcHlyaWdodD17Y29uY2VwdC52aXN1YWxFbGVtZW50LmNvcHlyaWdodH1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Ob3Rpb24+XG4gICAgICAgICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICAgKSA6IHVuZGVmaW5lZFxuICAgICAgICAgIH1cbiAgICAgICAgICB2aXN1YWxFbGVtZW50PXtcbiAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudCAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQucmVzb3VyY2UgIT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LnVybCA/IChcbiAgICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8Tm90aW9uXG4gICAgICAgICAgICAgICAgICBpZD17bm90aW9uSWR9XG4gICAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgICAgICAgICAgICBoaWRlQmFzZWxpbmVJY29uXG4gICAgICAgICAgICAgICAgICBzdWJUaXRsZT17dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nJyl9XG4gICAgICAgICAgICAgICAgICBjb250ZW50PXtcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgIT09ICdpbWFnZScgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudC51cmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25WaXN1YWxFbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlzdWFsRWxlbWVudD17Y29uY2VwdC52aXN1YWxFbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogdW5kZWZpbmVkfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nVGV4dD57Y29uY2VwdC50ZXh0fTwvTm90aW9uRGlhbG9nVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICA8L05vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0xpY2Vuc2VzXG4gICAgICAgICAgICAgICAgICAgICAgICBsaWNlbnNlPXtjb25jZXB0LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgIHNvdXJjZT17Y29uY2VwdC5zb3VyY2V9XG4gICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgICAge2NvbmNlcHQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgICAgc3JjPXtjb25jZXB0LmltYWdlPy5zcmN9XG4gICAgICAgICAgICAgICAgICAgICAgYWx0PXtjb25jZXB0LmltYWdlPy5hbHQgPz8gJyd9XG4gICAgICAgICAgICAgICAgICAgICAgaW1hZ2VDb3B5cmlnaHQ9e2NvbmNlcHQudmlzdWFsRWxlbWVudC5jb3B5cmlnaHR9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvTm90aW9uPlxuICAgICAgICAgICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICkgOiB1bmRlZmluZWRcbiAgICAgICAgICB9PjwvVUlOb3Rpb24+XG4gICAgICA8L0ZpZ3VyZU5vdGlvbj5cbiAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uY2VwdE5vdGlvbjtcbiJdfQ== */"));
+var ImageWrapper = (0, _styledBase["default"])("div", {
+  target: "ebdyuo11",
+  label: "ImageWrapper"
+})("float:right;padding-left:", _core.spacing.normal, ";position:relative;", _core.mq.range({
+  until: _core.breakpoints.tabletWide
+}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlPzogYm9vbGVhbiB9PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICByaWdodDogYXV0bztcbiAgbGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5hZGp1c3RTaXplVG9GaXRXaWRlclBhZ2UgPyAnMCUnIDogJy0xNi42NjY2NjY2NjY3JScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlID8gJzEwMCUnIDogJzEzMy4zMzMzMzMzMzMzJScpfTtcbiAgcGFkZGluZy1sZWZ0OiAyNHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAyNHB4O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsb2F0OiByaWdodDtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBDb25jZXB0Tm90aW9uVHlwZSB7XG4gIGlkOiBudW1iZXI7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgdGl0bGU6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICBzdWJqZWN0TmFtZXM/OiBzdHJpbmdbXTtcbiAgdmlzdWFsRWxlbWVudD86IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBhdXRob3JzOiBzdHJpbmdbXTtcbiAgc291cmNlPzogc3RyaW5nO1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbn1cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU/OiAnaW1hZ2UnIHwgJ3ZpZGVvJyB8ICdoNXAnIHwgJ2lmcmFtZScgfCAnZXh0ZXJuYWwnO1xuICBjb25jZXB0OiBDb25jZXB0Tm90aW9uVHlwZTtcbiAgZGlzYWJsZVNjcmlwdHM/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbiAgYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzLCBhZGp1c3RTaXplVG9GaXRXaWRlclBhZ2UgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgbm90aW9uSWQgPSBgbm90aW9uLSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCBmaWd1cmVJZCA9IGBub3Rpb24tZmlndXJlLSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB2aXN1YWxFbGVtZW50SWQgPSBgdmlzdWFsLWVsZW1lbnQtJHtjb25jZXB0LmlkfWA7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghZGlzYWJsZVNjcmlwdHMpIHtcbiAgICAgIGluaXRBcnRpY2xlU2NyaXB0cygpO1xuICAgIH1cbiAgfSwgW2Rpc2FibGVTY3JpcHRzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGVudFdyYXBwZXIgYWRqdXN0U2l6ZVRvRml0V2lkZXJQYWdlPXthZGp1c3RTaXplVG9GaXRXaWRlclBhZ2V9PlxuICAgICAgPEZpZ3VyZU5vdGlvblxuICAgICAgICByZXNpemVJZnJhbWVcbiAgICAgICAgaWQ9e2ZpZ3VyZUlkfVxuICAgICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgICBjb3B5cmlnaHQ9e2NvbmNlcHQuY29weXJpZ2h0fVxuICAgICAgICBsaWNlbnNlU3RyaW5nPXtjb25jZXB0LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgICBoaWRlSWNvbnNBbmRBdXRob3JzPXtoaWRlSWNvbnNBbmRBdXRob3JzfT5cbiAgICAgICAgPFVJTm90aW9uXG4gICAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgIHRleHQ9e2NvbmNlcHQudGV4dH1cbiAgICAgICAgICBpbWFnZUVsZW1lbnQ9e1xuICAgICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgIDxJbWFnZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICAgICAgICAgICAgYXJpYUxhYmVsPXt0KCdmYWN0Ym94Lm9wZW4nKX1cbiAgICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgICAgc3ViVGl0bGU9e3QoJ3NlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZycpfVxuICAgICAgICAgICAgICAgICAgaGlkZUJhc2VsaW5lSWNvblxuICAgICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25WaXN1YWxFbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlzdWFsRWxlbWVudD17Y29uY2VwdC52aXN1YWxFbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ1RleHQ+e2NvbmNlcHQudGV4dH08L05vdGlvbkRpYWxvZ1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgPC9Ob3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dMaWNlbnNlc1xuICAgICAgICAgICAgICAgICAgICAgICAgbGljZW5zZT17Y29uY2VwdC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICBzb3VyY2U9e2NvbmNlcHQuc291cmNlfVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgfT5cbiAgICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgICAgc3JjPXtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2Uuc3JjfVxuICAgICAgICAgICAgICAgICAgICAgIGFsdD17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLmFsdCA/PyAnJ31cbiAgICAgICAgICAgICAgICAgICAgICBpbWFnZUNvcHlyaWdodD17Y29uY2VwdC52aXN1YWxFbGVtZW50LmNvcHlyaWdodH1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Ob3Rpb24+XG4gICAgICAgICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICAgKSA6IHVuZGVmaW5lZFxuICAgICAgICAgIH1cbiAgICAgICAgICB2aXN1YWxFbGVtZW50PXtcbiAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudCAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQucmVzb3VyY2UgIT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LnVybCA/IChcbiAgICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8Tm90aW9uXG4gICAgICAgICAgICAgICAgICBpZD17bm90aW9uSWR9XG4gICAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgICAgICAgICAgICBoaWRlQmFzZWxpbmVJY29uXG4gICAgICAgICAgICAgICAgICBzdWJUaXRsZT17dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nJyl9XG4gICAgICAgICAgICAgICAgICBjb250ZW50PXtcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgIT09ICdpbWFnZScgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudC51cmwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25WaXN1YWxFbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlzdWFsRWxlbWVudD17Y29uY2VwdC52aXN1YWxFbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogdW5kZWZpbmVkfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nVGV4dD57Y29uY2VwdC50ZXh0fTwvTm90aW9uRGlhbG9nVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICA8L05vdGlvbkRpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0xpY2Vuc2VzXG4gICAgICAgICAgICAgICAgICAgICAgICBsaWNlbnNlPXtjb25jZXB0LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgIHNvdXJjZT17Y29uY2VwdC5zb3VyY2V9XG4gICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgICAge2NvbmNlcHQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgICAgc3JjPXtjb25jZXB0LmltYWdlPy5zcmN9XG4gICAgICAgICAgICAgICAgICAgICAgYWx0PXtjb25jZXB0LmltYWdlPy5hbHQgPz8gJyd9XG4gICAgICAgICAgICAgICAgICAgICAgaW1hZ2VDb3B5cmlnaHQ9e2NvbmNlcHQudmlzdWFsRWxlbWVudC5jb3B5cmlnaHR9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvTm90aW9uPlxuICAgICAgICAgICAgICA8L0ltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICkgOiB1bmRlZmluZWRcbiAgICAgICAgICB9PjwvVUlOb3Rpb24+XG4gICAgICA8L0ZpZ3VyZU5vdGlvbj5cbiAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uY2VwdE5vdGlvbjtcbiJdfQ== */"));
+
 var ConceptNotion = function ConceptNotion(_ref) {
-  var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$subjectNames, _concept$visualElemen, _concept$visualElemen2;
+  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;
 
   var concept = _ref.concept,
-      disableScripts = _ref.disableScripts;
+      disableScripts = _ref.disableScripts,
+      type = _ref.type,
+      hideIconsAndAuthors = _ref.hideIconsAndAuthors,
+      adjustSizeToFitWiderPage = _ref.adjustSizeToFitWiderPage;
   var notionId = "notion-".concat(concept.id);
   var figureId = "notion-figure-".concat(concept.id);
   var visualElementId = "visual-element-".concat(concept.id);
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
   (0, _react.useEffect)(function () {
     if (!disableScripts) {
       (0, _articleScripts.initArticleScripts)();
     }
   }, [disableScripts]);
-  return (0, _core.jsx)(_FigureNotion["default"], {
+  return (0, _core2.jsx)(ContentWrapper, {
+    adjustSizeToFitWiderPage: adjustSizeToFitWiderPage
+  }, (0, _core2.jsx)(_FigureNotion["default"], {
+    resizeIframe: true,
     id: figureId,
     figureId: visualElementId,
     copyright: concept.copyright,
-    title: concept.title,
     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 : '',
-    type: "concept"
-  }, (0, _core.jsx)(_.Notion, {
+    type: "concept",
+    hideIconsAndAuthors: hideIconsAndAuthors
+  }, (0, _core2.jsx)(_.Notion, {
     id: notionId,
     title: concept.title,
     text: concept.text,
-    labels: (_concept$subjectNames = concept.subjectNames) !== null && _concept$subjectNames !== void 0 ? _concept$subjectNames : [],
-    imageElement: ((_concept$visualElemen = concept.visualElement) === null || _concept$visualElemen === void 0 ? void 0 : _concept$visualElemen.resource) === 'image' && concept.visualElement.image ? (0, _core.jsx)(_NotionImage.NotionImage, {
+    imageElement: ((_concept$visualElemen = concept.visualElement) === null || _concept$visualElemen === void 0 ? void 0 : _concept$visualElemen.resource) === 'image' && concept.visualElement.image ? (0, _core2.jsx)(ImageWrapper, null, (0, _core2.jsx)(_notion["default"], {
+      id: notionId,
+      ariaLabel: t('factbox.open'),
+      title: concept.title,
+      subTitle: t('searchPage.resultType.notionsHeading'),
+      hideBaselineIcon: true,
+      content: (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(_notion.NotionDialogContent, null, ((_concept$visualElemen2 = concept.visualElement) === null || _concept$visualElemen2 === void 0 ? void 0 : _concept$visualElemen2.resource) === 'image' && concept.visualElement.image ? (0, _core2.jsx)(_NotionVisualElement["default"], {
+        visualElement: concept.visualElement,
+        id: notionId,
+        figureId: figureId
+      }) : undefined, (0, _core2.jsx)(_notion.NotionDialogText, null, concept.text)), (0, _core2.jsx)(_notion.NotionDialogLicenses, {
+        license: (_concept$copyright$li3 = (_concept$copyright2 = concept.copyright) === null || _concept$copyright2 === void 0 ? void 0 : (_concept$copyright2$l = _concept$copyright2.license) === null || _concept$copyright2$l === void 0 ? void 0 : _concept$copyright2$l.license) !== null && _concept$copyright$li3 !== void 0 ? _concept$copyright$li3 : '',
+        source: concept.source
+      }))
+    }, concept.visualElement.image && (0, _core2.jsx)(_NotionImage.NotionImage, {
+      type: type,
       id: visualElementId,
       src: concept.visualElement.image.src,
-      alt: (_concept$visualElemen2 = concept.visualElement.image.alt) !== null && _concept$visualElemen2 !== void 0 ? _concept$visualElemen2 : '',
+      alt: (_concept$visualElemen3 = concept.visualElement.image.alt) !== null && _concept$visualElemen3 !== void 0 ? _concept$visualElemen3 : '',
+      imageCopyright: concept.visualElement.copyright
+    }))) : undefined,
+    visualElement: concept.visualElement && concept.visualElement.resource !== 'image' && concept.visualElement.url ? (0, _core2.jsx)(ImageWrapper, null, (0, _core2.jsx)(_notion["default"], {
+      id: notionId,
+      ariaLabel: t('factbox.open'),
+      title: concept.title,
+      hideBaselineIcon: true,
+      subTitle: t('searchPage.resultType.notionsHeading'),
+      content: (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(_notion.NotionDialogContent, null, concept.visualElement && ((_concept$visualElemen4 = concept.visualElement) === null || _concept$visualElemen4 === void 0 ? void 0 : _concept$visualElemen4.resource) !== 'image' && concept.visualElement.url ? (0, _core2.jsx)(_NotionVisualElement["default"], {
+        visualElement: concept.visualElement,
+        id: notionId,
+        figureId: figureId
+      }) : undefined, (0, _core2.jsx)(_notion.NotionDialogText, null, concept.text)), (0, _core2.jsx)(_notion.NotionDialogLicenses, {
+        license: (_concept$copyright$li4 = (_concept$copyright3 = concept.copyright) === null || _concept$copyright3 === void 0 ? void 0 : (_concept$copyright3$l = _concept$copyright3.license) === null || _concept$copyright3$l === void 0 ? void 0 : _concept$copyright3$l.license) !== null && _concept$copyright$li4 !== void 0 ? _concept$copyright$li4 : '',
+        source: concept.source
+      }))
+    }, concept.image && (0, _core2.jsx)(_NotionImage.NotionImage, {
+      type: type,
+      id: visualElementId,
+      src: (_concept$image = concept.image) === null || _concept$image === void 0 ? void 0 : _concept$image.src,
+      alt: (_concept$image$alt = (_concept$image2 = concept.image) === null || _concept$image2 === void 0 ? void 0 : _concept$image2.alt) !== null && _concept$image$alt !== void 0 ? _concept$image$alt : '',
       imageCopyright: concept.visualElement.copyright
-    }) : undefined,
-    visualElement: concept.visualElement && concept.visualElement.resource !== 'image' && concept.visualElement.url ? {
-      type: concept.visualElement.resource === 'brightcove' ? 'video' : 'other',
-      metaImage: concept.image && {
-        url: concept.image.src,
-        alt: concept.image.alt
-      },
-      element: (0, _core.jsx)(_NotionVisualElement["default"], {
-        visualElement: concept.visualElement
-      })
-    } : undefined
-  }));
+    }))) : undefined
+  })));
 };
 
 var _default = ConceptNotion;

package/lib/Notion/FigureNotion.d.ts

@@ -13,11 +13,12 @@ interface Props {
         typeClass: string;
     }) => ReactNode);
     id: string;
-    title: string;
+    title?: string;
     copyright?: Partial<Copyright>;
     licenseString: string;
     type: 'video' | 'h5p' | 'image' | 'concept';
     hideFigCaption?: boolean;
+    hideIconsAndAuthors?: boolean;
 }
-declare const FigureNotion: ({ resizeIframe, figureId, children, id, copyright, licenseString, title, type, hideFigCaption, }: Props) => JSX.Element;
+declare const FigureNotion: ({ resizeIframe, figureId, children, id, copyright, licenseString, title, type, hideFigCaption, hideIconsAndAuthors, }: Props) => JSX.Element;
 export default FigureNotion;

package/lib/Notion/FigureNotion.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _button = _interopRequireDefault(require("@ndla/button"));
-
 var _licenses = require("@ndla/licenses");
 
 var _react = _interopRequireDefault(require("react"));
@@ -34,7 +32,8 @@ var FigureNotion = function FigureNotion(_ref) {
       licenseString = _ref.licenseString,
       title = _ref.title,
       type = _ref.type,
-      hideFigCaption = _ref.hideFigCaption;
+      hideFigCaption = _ref.hideFigCaption,
+      hideIconsAndAuthors = _ref.hideIconsAndAuthors;
 
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t,
@@ -73,7 +72,8 @@ var FigureNotion = function FigureNotion(_ref) {
       id: id,
       reuseLabel: t("".concat(type, ".reuse")),
       authors: contributors,
-      licenseRights: license.rights
+      licenseRights: license.rights,
+      hideIconsAndAuthors: hideIconsAndAuthors
     }, (0, _core.jsx)(_.FigureLicenseDialog, {
       id: id,
       authors: contributors,
@@ -88,9 +88,7 @@ var FigureNotion = function FigureNotion(_ref) {
         learnAboutLicenses: t('license.learnMore'),
         title: t('title')
       }
-    }, type === 'image' && (0, _core.jsx)(_button["default"], {
-      outline: true
-    }, t('license.copyTitle')))));
+    })));
   });
 };
 

package/lib/Notion/Notion.d.ts

@@ -6,23 +6,12 @@
  *
  */
 import { ReactNode } from 'react';
-import { ImageCrop, ImageFocalPoint } from '../Image';
-declare type VisualElementProps = {
-    type: 'video' | 'other';
-    element: ReactNode;
-    metaImage?: {
-        url: string;
-        alt: string;
-        crop?: ImageCrop;
-        focalPoint?: ImageFocalPoint;
-    };
-};
 export declare type NotionProps = {
     id: string | number;
     labels?: string[];
     text: ReactNode;
     title: string;
-    visualElement?: VisualElementProps;
+    visualElement: ReactNode;
     imageElement?: ReactNode;
     children?: ReactNode;
 };