@ndla/ui 45.0.16 → 46.0.0

package/src/Figure/Figure.tsx

@@ -7,134 +7,15 @@
  */
 
 // N.B These components is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
 
 import { ReactNode } from 'react';
 import BEMHelper from 'react-bem-helper';
-import { isFunction as isFunctionHelper, parseMarkdown } from '@ndla/util';
-import { Link as LinkIcon } from '@ndla/icons/common';
-import { LicenseByline } from '@ndla/notion';
-import SafeLink from '@ndla/safelink';
-import { ButtonV2 } from '@ndla/button';
-import { isMobile } from 'react-device-detect';
+import { isFunction as isFunctionHelper } from '@ndla/util';
 const classes = new BEMHelper({
   name: 'figure',
   prefix: 'c-',
 });
 
-export const FigureCaption = ({
-  figureId,
-  id,
-  modalButton,
-  children,
-  caption,
-  authors,
-  reuseLabel,
-  licenseRights,
-  locale,
-  link,
-  hideFigcaption,
-  hasLinkedVideo,
-  hideIconsAndAuthors,
-  linkedVideoMessages,
-  linkedVideoButton,
-  className,
-}: FigureCaptionProps) => {
-  return (
-    <figcaption {...classes('caption', hideFigcaption && !isMobile ? 'hidden-caption' : undefined, className)}>
-      {caption ? <div {...classes('info')}>{parseMarkdown(caption)}</div> : null}
-      <footer {...classes('byline')}>
-        <div {...classes('byline-licenselist')}>
-          <LicenseByline licenseRights={hideIconsAndAuthors ? [] : licenseRights} locale={locale} marginRight>
-            <div {...classes('byline-author-buttons', hideIconsAndAuthors ? 'no-siblings' : undefined)}>
-              {!hideIconsAndAuthors && (
-                <span {...classes('byline-authors')}>{authors?.map((author) => author.name).join(', ')}</span>
-              )}
-              <div>
-                {modalButton ? (
-                  modalButton
-                ) : (
-                  <ButtonV2
-                    shape="pill"
-                    variant="outline"
-                    size="small"
-                    data-dialog-trigger-id={id}
-                    data-dialog-source-id={figureId}
-                  >
-                    {reuseLabel}
-                  </ButtonV2>
-                )}
-                {hasLinkedVideo &&
-                  (linkedVideoButton ? (
-                    linkedVideoButton
-                  ) : (
-                    <ButtonV2 shape="pill" variant="outline" size="small" {...classes('toggleAlternativeVideo')}>
-                      <span className="original">{linkedVideoMessages?.alternative}</span>
-                      <span className="alternative hidden">{linkedVideoMessages?.original}</span>
-                    </ButtonV2>
-                  ))}
-              </div>
-              {children}
-            </div>
-          </LicenseByline>
-
-          {link && (
-            <div {...classes('link-wrapper')}>
-              <SafeLink
-                to={link.url}
-                {...classes('link')}
-                target={link.external ? '_blank' : undefined}
-                rel={link.external ? 'noopener noreferrer' : undefined}
-              >
-                <span {...classes('link-text')}>{link.text}</span>
-                <LinkIcon />
-              </SafeLink>
-              {link.description && <p {...classes('link-description')}>{link.description}</p>}
-            </div>
-          )}
-        </div>
-      </footer>
-    </figcaption>
-  );
-};
-
-export interface FigureLicense {
-  short: string;
-  title: string;
-  userFriendlyTitle: string;
-  description: string;
-  rights: string[];
-  linkText?: string;
-  url?: string;
-}
-
-interface FigureCaptionProps {
-  className?: string;
-  figureId: string;
-  id?: string;
-  caption?: string;
-  reuseLabel?: string;
-  licenseRights: string[];
-  children?: ReactNode;
-  modalButton?: ReactNode;
-  linkedVideoButton?: ReactNode;
-  authors?: { name: string }[];
-  link?: {
-    url: string;
-    text: string;
-    description?: string;
-    external?: boolean;
-  };
-  locale?: string;
-  hideFigcaption?: boolean;
-  hasLinkedVideo?: boolean;
-  hideIconsAndAuthors?: boolean;
-  linkedVideoMessages?: {
-    original: string;
-    alternative: string;
-  };
-}
-
 const Figure = ({ children, type = 'full', resizeIframe, className, ...rest }: Props) => {
   const typeClass = type === 'full-column' ? 'c-figure--full-column' : `u-float-${type}`;
   const right = ['small-right', 'xsmall-right'].includes(type);

package/src/Figure/index.ts

@@ -6,9 +6,7 @@
  *
  */
 
-import Figure, { FigureCaption } from './Figure';
-export { Figure, FigureCaption };
-export { FigureLicenseDialog } from './FigureLicenseDialog';
+export { default as Figure } from './Figure';
 export { FigureExpandButton } from './FigureExpandButton';
 export { FigureBylineExpandButton } from './FigureBylineExpandButton';
 export { FigureOpenDialogButton } from './FigureOpenDialogButton';

package/src/Notion/index.ts

@@ -1,5 +1 @@
-export { default as ConceptNotion } from './ConceptNotion';
 export { default as Notion } from './Notion';
-export { default as NotionVisualElement } from './NotionVisualElement';
-export type { NotionVisualElementType } from './NotionVisualElement';
-export type { ConceptNotionType } from './ConceptNotion';

package/src/index.ts

@@ -42,8 +42,6 @@ export { default as Table, TableStyling } from './Table';
 
 export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
 
-export { createUniversalPortal } from './utils/createUniversalPortal';
-
 export { default as NoContentBox } from './NoContentBox';
 
 export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainContent } from './Masthead';
@@ -97,14 +95,7 @@ export { FilterList, FilterListPhone, FilterButtons, ToggleItem } from './Filter
 
 export { Footer, EditorName, FooterText } from './Footer';
 
-export {
-  Figure,
-  FigureCaption,
-  FigureLicenseDialog,
-  FigureExpandButton,
-  FigureOpenDialogButton,
-  FigureBylineExpandButton,
-} from './Figure';
+export { Figure, FigureExpandButton, FigureOpenDialogButton, FigureBylineExpandButton } from './Figure';
 export type { FigureType } from './Figure';
 
 export { LanguageSelector } from './LanguageSelector';
@@ -149,7 +140,7 @@ export { MessageBox, MessageBoxTag, MessageBanner } from './Messages';
 
 export { ResourceBox } from './ResourceBox';
 
-export { default as AudioPlayer, initAudioPlayers } from './AudioPlayer';
+export { default as AudioPlayer } from './AudioPlayer';
 
 export { NavigationBox, NavigationTopicAbout } from './Navigation';
 
@@ -241,8 +232,7 @@ export { default as CopyParagraphButton, CopyParagraphButtonV2 } from './CopyPar
 
 export { default as ContentPlaceholder } from './ContentPlaceholder';
 
-export { Notion, ConceptNotion } from './Notion';
-export type { NotionVisualElementType, ConceptNotionType } from './Notion';
+export { Notion } from './Notion';
 
 export { BannerCard } from './BannerCard';
 export { Folder, FolderInput } from './MyNdla';

package/src/locale/messages-en.ts

@@ -210,10 +210,10 @@ const messages = {
       notionsHeading: 'Explanations',
       notionsRemove: 'Remove',
       showVideo: 'Watch video',
-      concept: 'Show notion',
+      concept: 'Concept',
       gridView: 'Grid-view',
       listView: 'List-view',
-      gloss: 'Show gloss',
+      gloss: 'Gloss',
     },
     contextModal: {
       button: '+ {{count}} more contexts',
@@ -1167,6 +1167,11 @@ const messages = {
         },
       },
     },
+    iconMenu: {
+      folders: 'Folders',
+      tags: 'Tags',
+      subjects: 'Favourite subjects',
+    },
     tagList: 'Tags',
     tags: '{{count}} tag',
     tags_plural: '{{count}} tags',

package/src/locale/messages-nb.ts

@@ -210,8 +210,8 @@ const messages = {
       notionsHeading: 'Begrepsforklaring',
       notionsRemove: 'Fjern',
       showVideo: 'Se video',
-      concept: 'Se forklaring',
-      gloss: 'Se glose',
+      concept: 'Begrepsforklaring',
+      gloss: 'Glose',
       gridView: 'Gallerivisning',
       listView: 'Listevisning',
     },
@@ -1165,6 +1165,11 @@ const messages = {
         },
       },
     },
+    iconMenu: {
+      folders: 'Mapper',
+      tags: 'Knagger',
+      subjects: 'Favorittfag',
+    },
     tagList: 'Emneknagger',
     tags: '{{count}} emneknagg',
     tags_plural: '{{count}} emneknagger',

package/src/locale/messages-nn.ts

@@ -210,10 +210,10 @@ const messages = {
       notionsHeading: 'Begrepsforklaring',
       notionsRemove: 'Fjern',
       showVideo: 'Sjå video',
-      concept: 'Sjå forklaring',
+      concept: 'Begrepsforklaring',
       gridView: 'Gallerivisning',
       listView: 'Listevisning',
-      gloss: 'Sjå glose',
+      gloss: 'Glose',
     },
     contextModal: {
       button: '+ {{count}} fleire stader',
@@ -1165,6 +1165,11 @@ const messages = {
         },
       },
     },
+    iconMenu: {
+      folders: 'Mappar',
+      tags: 'Knaggar',
+      subjects: 'Favorittfag',
+    },
     tagList: 'Emneknaggar',
     tags: '{{count}} emneknagg',
     tags_plural: '{{count}} emneknaggar',

package/src/locale/messages-se.ts

@@ -210,10 +210,10 @@ const messages = {
       notionsHeading: 'Doabačilgehus',
       notionsRemove: 'Sihko',
       showVideo: 'Geahča video',
-      concept: 'Geahča čilgehusa',
+      concept: 'Doabačilgehus',
       gridView: 'Galleriijačájáhus',
       listView: 'Čájáhus listtu vuođul',
-      gloss: 'Geahča sánit',
+      gloss: 'Sánit',
     },
     contextModal: {
       button: '+ {{count}} eanet sajiin',
@@ -1166,6 +1166,11 @@ const messages = {
         },
       },
     },
+    iconMenu: {
+      folders: 'Mapper',
+      tags: 'Knagger',
+      subjects: 'Favorittfag',
+    },
     tagList: 'Fáddágilkor',
     tags: '{{count}} fáddágilkor',
     tags_plural: '{{count}} fáddágilkorat',

package/src/locale/messages-sma.ts

@@ -210,10 +210,10 @@ const messages = {
       notionsHeading: 'Baakoebuerkiestimmie',
       notionsRemove: 'Skubph',
       showVideo: 'Gïehtjh videjovem',
-      concept: 'Gïehtjh buerkiestimmiem ',
+      concept: 'Begrepsforklaring',
       gridView: 'Gallerivisning',
       listView: 'Listevisning',
-      gloss: 'Se glose',
+      gloss: 'Glose',
     },
     contextModal: {
       button: '+ {{count}} jieniebinie sijjine',
@@ -1169,6 +1169,11 @@ const messages = {
         },
       },
     },
+    iconMenu: {
+      folders: 'Mapper',
+      tags: 'Knagger',
+      subjects: 'Favorittfag',
+    },
     tagList: 'Emneknagg',
     tags: '{{count}} emneknagg',
     tags_plural: '{{count}} emneknagger',

package/src/main.scss

@@ -8,7 +8,6 @@
 @import 'global/components/component.story-intro';
 @import 'Figure/component.figure';
 @import 'Figure/component.figure-license';
-@import 'Dialog/component.dialog';
 @import 'FactBox/component.factbox';
 @import 'Aside/component.aside';
 @import 'Article/component.footnotes';

package/es/Animation/Fade.js

@@ -1,62 +0,0 @@
-/**
- * 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.
- *
- */
-
-import { useMemo } from 'react';
-import { AnimatePresence, LazyMotion, m, domAnimation } from 'framer-motion';
-import uniqueId from 'lodash/uniqueId';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var animations = function animations(duration, delayIn, delayOut) {
-  return {
-    open: {
-      opacity: 1,
-      transition: {
-        delay: delayIn / 1000,
-        ease: 'easeInOut',
-        duration: duration / 1000
-      }
-    },
-    closed: {
-      opacity: 0,
-      transition: {
-        delay: delayOut / 1000,
-        ease: 'easeInOut',
-        duration: duration / 1000
-      }
-    }
-  };
-};
-var defaultTimeout = 300;
-var Fade = function Fade(_ref) {
-  var show = _ref.show,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 0 : _ref$delay,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? defaultTimeout : _ref$timeout,
-    _ref$exitDelay = _ref.exitDelay,
-    exitDelay = _ref$exitDelay === void 0 ? 0 : _ref$exitDelay,
-    children = _ref.children;
-  var id = useMemo(function () {
-    return uniqueId();
-  }, []);
-  var variants = useMemo(function () {
-    return animations(timeout, delay, exitDelay);
-  }, [timeout, delay, exitDelay]);
-  return _jsx(LazyMotion, {
-    features: domAnimation,
-    children: _jsx(AnimatePresence, {
-      children: show && _jsx(m.div, {
-        initial: "closed",
-        animate: "open",
-        exit: "closed",
-        variants: variants,
-        children: children
-      }, id)
-    })
-  });
-};
-export default Fade;

package/es/Animation/index.js

@@ -1 +0,0 @@
-export { default as Fade } from './Fade';

package/es/AudioPlayer/initAudioPlayers.js

@@ -1,60 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import ReactDOM from 'react-dom';
-import shave from 'shave';
-import Controls from './Controls';
-import SpeechControl from './SpeechControl';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var truncateDescription = function truncateDescription(el, readMoreLabel) {
-  shave(el, 90, {
-    character: "... <a href=\"#\" onclick=\"(function(e){e.preventDefault(); const parentNode = e.target.parentNode; parentNode.nextSibling.style.display = 'inline'; parentNode.remove();return false;})(arguments[0]);return false;\">".concat(readMoreLabel, "</a>")
-  });
-};
-var forEachElement = function forEachElement(selector, callback) {
-  var nodeList = document.querySelectorAll(selector);
-  for (var i = 0; i < nodeList.length; i += 1) {
-    callback(nodeList[i], i);
-  }
-};
-var initAudioPlayers = function initAudioPlayers(locale) {
-  forEachElement('[data-audio-player]', function (el) {
-    var src = el.getAttribute('data-src');
-    var title = el.getAttribute('data-title');
-    var speech = el.getAttribute('data-speech');
-    if (src && title) {
-      if (speech) {
-        // eslint-disable-next-line react/no-deprecated
-        ReactDOM.hydrate(_jsx(SpeechControl, {
-          src: src,
-          title: title
-        }), el);
-      } else {
-        // eslint-disable-next-line react/no-deprecated
-        ReactDOM.hydrate(_jsx(Controls, {
-          src: src,
-          title: title
-        }), el);
-      }
-    }
-  });
-  forEachElement('[data-audio-player-description]', function (el) {
-    var readMoreLabel = el.getAttribute('data-read-more-text');
-    truncateDescription(el, readMoreLabel);
-  });
-  forEachElement('[data-audio-text-button-id]', function (el) {
-    var id = el.getAttribute('data-audio-text-button-id');
-    if (id) {
-      el.onclick = function () {
-        var _document, _document$getElementB;
-        return (_document = document) === null || _document === void 0 ? void 0 : (_document$getElementB = _document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.toggleAttribute('hidden');
-      };
-    }
-  });
-};
-export default initAudioPlayers;

package/es/Dialog/Dialog.js

@@ -1,70 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "messages", "id", "labelledby", "label", "modifier", "disablePortal", "hidden", "onClose"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-// N.B These component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-
-import BEMHelper from 'react-bem-helper';
-import { createUniversalPortal } from '../utils/createUniversalPortal';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var classes = new BEMHelper({
-  name: 'dialog',
-  prefix: 'c-'
-});
-export var Dialog = function Dialog(_ref) {
-  var children = _ref.children,
-    _ref$messages = _ref.messages,
-    messages = _ref$messages === void 0 ? {
-      close: 'Lukk'
-    } : _ref$messages,
-    id = _ref.id,
-    labelledby = _ref.labelledby,
-    label = _ref.label,
-    modifier = _ref.modifier,
-    _ref$disablePortal = _ref.disablePortal,
-    disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
-    _ref$hidden = _ref.hidden,
-    hidden = _ref$hidden === void 0 ? true : _ref$hidden,
-    onClose = _ref.onClose,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var content = _jsxs("div", _objectSpread(_objectSpread(_objectSpread({}, classes('', modifier)), {}, {
-    "data-dialog-id": id,
-    role: "dialog",
-    "aria-hidden": hidden,
-    "aria-labelledby": labelledby,
-    "aria-label": label
-  }, rest), {}, {
-    children: [_jsxs("div", _objectSpread(_objectSpread({}, classes('content')), {}, {
-      children: [_jsx("button", _objectSpread(_objectSpread({}, classes('close')), {}, {
-        type: "button",
-        onClick: function onClick() {
-          if (onClose) {
-            onClose();
-          }
-        },
-        children: messages.close
-      })), children]
-    })), _jsx("div", {
-      className: "o-backdrop"
-    })]
-  }));
-  if (disablePortal) {
-    return content;
-  }
-  return createUniversalPortal(content, 'body');
-};

package/es/Dialog/index.js

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { Dialog } from './Dialog';
-export { Dialog };
-export default Dialog;

package/es/Figure/FigureLicense.js

@@ -1,72 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/**
- * Copyright (c) 2018-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-// N.B This component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-
-import BEMHelper from 'react-bem-helper';
-import { uuid } from '@ndla/util';
-import { LicenseDescription } from '@ndla/notion';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-export var classLicenses = new BEMHelper({
-  name: 'figure-license',
-  prefix: 'c-'
-});
-export var FigureLicenseCta = function FigureLicenseCta(_ref) {
-  var children = _ref.children,
-    messages = _ref.messages,
-    authors = _ref.authors,
-    origin = _ref.origin,
-    title = _ref.title;
-  return _jsxs("div", _objectSpread(_objectSpread({}, classLicenses('cta-wrapper')), {}, {
-    children: [_jsxs("ul", _objectSpread(_objectSpread({}, classLicenses('list')), {}, {
-      children: [title && _jsx("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
-        children: "".concat(messages.title, ": ").concat(title)
-      })), authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
-        return _jsx("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
-          children: "".concat(author.type, ": ").concat(author.name)
-        }), uuid());
-      }), origin && _jsxs("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
-        children: [messages.source, ":", ' ', origin.startsWith('http') ? _jsx("a", {
-          href: origin,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: origin
-        }) : origin]
-      }))]
-    })), _jsx("div", _objectSpread(_objectSpread({}, classLicenses('cta-block')), {}, {
-      children: children
-    }))]
-  }));
-};
-export var FigureLicenseByline = function FigureLicenseByline(_ref2) {
-  var messages = _ref2.messages,
-    license = _ref2.license,
-    locale = _ref2.locale;
-  return _jsxs(_Fragment, {
-    children: [_jsx(LicenseDescription, {
-      highlightCC: true,
-      locale: locale,
-      messages: messages,
-      licenseRights: license.rights
-    }, "byline"), _jsx("a", _objectSpread(_objectSpread({}, classLicenses('link')), {}, {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: license.url,
-      children: license.linkText
-    }), "link")]
-  });
-};