@ndla/ui 48.0.0 → 49.0.0

package/src/index.ts

@@ -40,6 +40,8 @@ export {
   default as Article,
 } from './Article';
 
+export { getPossiblyRelativeUrl } from './utils/relativeUrl';
+
 export { default as Table, TableStyling } from './Table';
 
 export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
@@ -50,15 +52,15 @@ export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainCo
 
 export { default as ContentLoader } from './ContentLoader';
 
-export { default as RelatedArticleList, RelatedArticle, RelatedArticleListV2 } from './RelatedArticleList';
+export { default as RelatedArticleList, RelatedArticle } from './RelatedArticleList';
 
 export { ErrorResourceAccessDenied, default as ErrorMessage } from './ErrorMessage';
 
-export { default as FileList, File, FileListV2, FileV2, PdfFile } from './FileList';
+export { default as FileList, File, PdfFile } from './FileList';
 
 export { default as Logo } from './Logo';
 
-export { default as FactBox, FactBoxV2 } from './FactBox';
+export { default as FactBox } from './FactBox';
 
 export { default as Image, ImageLink, makeSrcQueryString } from './Image';
 export type { ImageCrop, ImageFocalPoint } from './Image';
@@ -80,7 +82,7 @@ export { FilterList, FilterListPhone, FilterButtons, ToggleItem } from './Filter
 
 export { Footer, EditorName, FooterText } from './Footer';
 
-export { Figure, FigureExpandButton, FigureOpenDialogButton, FigureBylineExpandButton } from './Figure';
+export { Figure, FigureOpenDialogButton } from './Figure';
 export type { FigureType } from './Figure';
 
 export { LanguageSelector } from './LanguageSelector';
@@ -97,7 +99,6 @@ export {
   LearningPathMobileStepInfo,
   LearningPathMobileHeader,
 } from './LearningPaths';
-export { Translation, TranslationLine } from './Translation';
 
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 
@@ -105,26 +106,22 @@ export { default as ContentTypeResult } from './Search/ContentTypeResult';
 
 export { SearchFieldForm } from './Search/SearchFieldForm';
 
-export { default as MastheadSearchModal } from './Masthead/MastheadSearchModal';
-
 export { default as resourceTypeColor } from './utils/resourceTypeColor';
 
 export { default as CreatedBy } from './CreatedBy';
 
-export { MessageBox, MessageBoxTag, MessageBanner } from './Messages';
+export { MessageBox, MessageBanner } from './Messages';
 
 export { ResourceBox } from './ResourceBox';
 
 export { default as AudioPlayer } from './AudioPlayer';
 
-export { NavigationBox, NavigationTopicAbout } from './Navigation';
+export { NavigationBox } from './Navigation';
 
 export { default as Programme } from './Programme';
 
 export { default as CompetenceGoalTab } from './CompetenceGoalTab';
 
-export { default as MultidisciplinarySubject } from './MultidisciplinarySubject';
-
 export {
   SearchTypeResult,
   SearchHeader,
@@ -190,7 +187,7 @@ export {
 
 export { SubjectHeader, SubjectBanner } from './Subject';
 
-export { default as CopyParagraphButton, CopyParagraphButtonV2 } from './CopyParagraphButton';
+export { default as CopyParagraphButton } from './CopyParagraphButton';
 
 export { default as ContentPlaceholder } from './ContentPlaceholder';
 
@@ -208,7 +205,7 @@ export type { Snack, SnackContext } from './SnackBar';
 export { TreeStructure } from './TreeStructure';
 export type { TreeStructureProps } from './TreeStructure';
 
-export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleSearchButton } from './Search';
+export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from './Search';
 export { default as LetterFilter } from './LetterFilter';
 
 export { OrderedList, UnOrderedList } from './List';

package/src/main.scss

@@ -16,6 +16,5 @@
 @import 'RelatedArticleList/component.related-articles';
 @import 'ContentTypeBadge/component.content-type-badge';
 @import 'Filter/component.filter';
-@import 'Translation/component.translation';
 @import 'Search/component.search';
 @import 'Carousel/component.carousel';

package/src/utils/__tests__/relativeUrl-test.tsx

@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) 2023-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 { getPossiblyRelativeUrl } from '../relativeUrl';
+
+describe('getPossibleRelativeUrl', () => {
+  it('returns a relative URL for NDLA urls', () => {
+    const url = 'https://ndla.no/article/123';
+    const pathname = 'https://ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/article/123');
+  });
+  it('does not return relative URLs for non-NDLA urls', () => {
+    const url = 'https://google.com';
+    const pathname = 'https://ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('https://google.com');
+  });
+  it('handles www just fine', () => {
+    const url = 'https://www.ndla.no/article/123';
+    const pathname = 'https://www.ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/article/123');
+  });
+  it('handles other environments', () => {
+    const url = 'https://test.ndla.no/article/123';
+    const pathname = 'https://test.ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/article/123');
+  });
+  it('strips out the languages from the URL if pathname has no language set', () => {
+    const url = 'https://test.ndla.no/nb/article/123';
+    const pathname = 'https://test.ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/article/123');
+  });
+  it('replaces languages from the URL that do not match the pathname language', () => {
+    const url = 'https://test.ndla.no/nb/article/123';
+    const pathname = 'https://test.ndla.no/nn/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/nn/article/123');
+  });
+  it('returns a base url if the url only contains a language tag', () => {
+    const url = 'https://ndla.no/nb';
+    const pathname = 'https://ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/');
+  });
+  it('Handles trailing backslash', () => {
+    const url = 'https://ndla.no/nb/';
+    const pathname = 'https://ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/');
+  });
+  it('handles www', () => {
+    const url = 'https://www.ndla.no';
+    const pathname = 'https://ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/');
+  });
+  it('handles ports', () => {
+    const url = 'https://www.ndla.no:8080';
+    const pathname = 'https://ndla.no/about/hvem-er-vi';
+
+    expect(getPossiblyRelativeUrl(url, pathname)).toEqual('/');
+  });
+});

package/src/utils/relativeUrl.ts

@@ -6,15 +6,32 @@
  *
  */
 
+import { supportedTranslationLanguages } from '../i18n/i18n';
+
 const ENV_REGEX = /(staging|test)\.?/;
+const LANGUAGE_REGEX = new RegExp(`^\\/((?:${supportedTranslationLanguages.join('|')})(?:$|\\/))`, '');
 
 const NDLA_URL = /(.*\.)?ndla.no.*/;
+const REPLACE_WWW = /^www\./;
 
-export const usePossiblyRelativeUrl = (url: string, path?: string) => {
+export const getPossiblyRelativeUrl = (url: string, path?: string) => {
   if (!path) return url;
+  // If not on NDLA, or if url is not a NDLA url, return url as is
   if (!NDLA_URL.test(url) || !NDLA_URL.test(path)) return url;
+  //Remove environment info
   const urlObj = new URL(url.replace(ENV_REGEX, ''));
   const pathObj = new URL(path.replace(ENV_REGEX, ''));
-  if (urlObj.host === pathObj.host) return urlObj.pathname;
+  // If the host is the same, return the relative path
+  if (urlObj.hostname.replace(REPLACE_WWW, '') === pathObj.hostname.replace(REPLACE_WWW, '')) {
+    // Replace the language part of the url with the language part of the path
+    // If the path language part does not exist, remove it.
+    const urlMatch = urlObj.pathname.match(LANGUAGE_REGEX);
+    const pathMatch = pathObj.pathname.match(LANGUAGE_REGEX);
+    if (urlMatch?.[1] && urlMatch?.[1] !== pathMatch?.[1]) {
+      return urlObj.pathname.replace(urlMatch[1], pathMatch?.[1] || '');
+    }
+
+    return urlObj.pathname;
+  }
   return url;
 };

package/es/CopyParagraphButton/CopyParagraphButtonV2.js

@@ -1,87 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-/**
- * 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 { useCallback, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { colors } from '@ndla/core';
-import Tooltip from '@ndla/tooltip';
-import { Link } from '@ndla/icons/common';
-import { copyTextToClipboard } from '@ndla/util';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var ContainerDiv = /*#__PURE__*/_styled("div", {
-  target: "esvy8zq1",
-  label: "ContainerDiv"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bjn8wh",
-  styles: "position:relative"
-} : {
-  name: "bjn8wh",
-  styles: "position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b25WMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IrQiIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uVjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBNb3VzZUV2ZW50LCBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gIH1cblxuICAke0NvbnRhaW5lckRpdn06aG92ZXIgJixcbiAgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlLCAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b25WMiA9ICh7IGNoaWxkcmVuLCBjb3B5VGV4dCwgbGFuZyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gdXNlTWVtbygoKSA9PiBlbmNvZGVVUklDb21wb25lbnQoY29weVRleHQucmVwbGFjZSgvIC9nLCAnLScpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6ICcnO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoJ2FydGljbGUuY29weVBhZ2VMaW5rQ29waWVkJykgOiB0KCdhcnRpY2xlLmNvcHlIZWFkZXJMaW5rJyk7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNvcHlDbGlja30gYXJpYS1sYWJlbD17YCR7dG9vbHRpcH06ICR7Y29weVRleHR9YH0+XG4gICAgICAgICAgPExpbmsgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfSBsYW5nPXtsYW5nfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b25WMjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var IconButton = /*#__PURE__*/_styled("button", {
-  target: "esvy8zq0",
-  label: "IconButton"
-})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:1;transition:0.2s;opacity:0;color:", colors.brand.grey, ";& svg{width:30px;height:30px;}", ContainerDiv, ":hover &,&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b25WMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJnQyIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uVjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBNb3VzZUV2ZW50LCBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gIH1cblxuICAke0NvbnRhaW5lckRpdn06aG92ZXIgJixcbiAgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlLCAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b25WMiA9ICh7IGNoaWxkcmVuLCBjb3B5VGV4dCwgbGFuZyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gdXNlTWVtbygoKSA9PiBlbmNvZGVVUklDb21wb25lbnQoY29weVRleHQucmVwbGFjZSgvIC9nLCAnLScpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6ICcnO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoJ2FydGljbGUuY29weVBhZ2VMaW5rQ29waWVkJykgOiB0KCdhcnRpY2xlLmNvcHlIZWFkZXJMaW5rJyk7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNvcHlDbGlja30gYXJpYS1sYWJlbD17YCR7dG9vbHRpcH06ICR7Y29weVRleHR9YH0+XG4gICAgICAgICAgPExpbmsgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfSBsYW5nPXtsYW5nfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b25WMjtcbiJdfQ== */"));
-var CopyParagraphButtonV2 = function CopyParagraphButtonV2(_ref) {
-  var children = _ref.children,
-    copyText = _ref.copyText,
-    lang = _ref.lang;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasCopied = _useState2[0],
-    setHasCopied = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var sanitizedTitle = useMemo(function () {
-    return encodeURIComponent(copyText.replace(/ /g, '-'));
-  }, [copyText]);
-  useEffect(function () {
-    if (hasCopied) {
-      setTimeout(function () {
-        return setHasCopied(false);
-      }, 3000);
-    }
-  }, [hasCopied]);
-  var onCopyClick = useCallback(function () {
-    setHasCopied(true);
-    var _window = window,
-      location = _window.location;
-    var newHash = "#".concat(sanitizedTitle);
-    var port = location.port ? ":".concat(location.port) : '';
-    var urlToCopy = "".concat(location.protocol, "//").concat(location.hostname).concat(port).concat(location.pathname).concat(location.search).concat(newHash);
-    copyTextToClipboard(urlToCopy);
-  }, [sanitizedTitle]);
-  var tooltip = hasCopied ? t('article.copyPageLinkCopied') : t('article.copyHeaderLink');
-  return _jsxs(ContainerDiv, {
-    children: [_jsx(Tooltip, {
-      tooltip: tooltip,
-      children: _jsx(IconButton, {
-        onClick: onCopyClick,
-        "aria-label": "".concat(tooltip, ": ").concat(copyText),
-        children: _jsx(Link, {})
-      })
-    }), _jsx("h2", {
-      id: sanitizedTitle,
-      tabIndex: -1,
-      lang: lang,
-      children: children
-    })]
-  });
-};
-export default CopyParagraphButtonV2;

package/es/CopyParagraphButton/initCopyParagraphButtons.js

@@ -1,29 +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 CopyParagraphButton from './CopyParagraphButton';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-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 initCopyParagraphButtons = function initCopyParagraphButtons() {
-  forEachElement('[data-header-copy-container]', function (el) {
-    var title = el.getAttribute('data-title');
-
-    // eslint-disable-next-line react/no-deprecated
-    ReactDOM.hydrate(_jsx(CopyParagraphButton, {
-      title: title,
-      content: title,
-      hydrate: true
-    }), el);
-  });
-};
-export default initCopyParagraphButtons;

package/es/FactBox/FactBoxV2.js

@@ -1,93 +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); }
-import _styled from "@emotion/styled/base";
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-/**
- * Copyright (c) 2016-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 { useState } from 'react';
-import BEMHelper from 'react-bem-helper';
-import { useTranslation } from 'react-i18next';
-import { IconButtonV2 } from '@ndla/button';
-import { ChevronDown, ChevronUp } from '@ndla/icons/common';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var classes = new BEMHelper({
-  name: 'factbox',
-  prefix: 'c-'
-});
-var StyledAside = /*#__PURE__*/_styled("aside", {
-  target: "e1imrgx42",
-  label: "StyledAside"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zigog8",
-  styles: "display:flex;flex-direction:column;align-items:center"
-} : {
-  name: "zigog8",
-  styles: "display:flex;flex-direction:column;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3hWMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JnQyIsImZpbGUiOiJGYWN0Qm94VjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24sIENoZXZyb25VcCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2ZhY3Rib3gnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b25WMilgXG4gIG1hcmdpbi10b3A6IC0yMHB4O1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgRmFjdEJveCA9ICh7IGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBhZGRpdGlvbmFsID0gaXNPcGVuID8gJ2V4cGFuZGVkJyA6ICcnO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFzaWRlIHsuLi5jbGFzc2VzKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCBhZGRpdGlvbmFsKX0+XG4gICAgICA8U3R5bGVkRGl2IHsuLi5jbGFzc2VzKCdjb250ZW50Jyl9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9eygpID0+IHNldElzT3BlbigocCkgPT4gIXApfSBhcmlhLWxhYmVsPXt0KGBmYWN0Ym94LiR7aXNPcGVuID8gJ2Nsb3NlJyA6ICdvcGVuJ31gKX0+XG4gICAgICAgIHtpc09wZW4gPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgIDwvU3R5bGVkQXNpZGU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGYWN0Qm94O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledDiv = /*#__PURE__*/_styled("div", {
-  target: "e1imrgx41",
-  label: "StyledDiv"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : {
-  name: "1d3w5wq",
-  styles: "width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3hWMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEI0QiIsImZpbGUiOiJGYWN0Qm94VjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24sIENoZXZyb25VcCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2ZhY3Rib3gnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b25WMilgXG4gIG1hcmdpbi10b3A6IC0yMHB4O1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgRmFjdEJveCA9ICh7IGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBhZGRpdGlvbmFsID0gaXNPcGVuID8gJ2V4cGFuZGVkJyA6ICcnO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFzaWRlIHsuLi5jbGFzc2VzKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCBhZGRpdGlvbmFsKX0+XG4gICAgICA8U3R5bGVkRGl2IHsuLi5jbGFzc2VzKCdjb250ZW50Jyl9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9eygpID0+IHNldElzT3BlbigocCkgPT4gIXApfSBhcmlhLWxhYmVsPXt0KGBmYWN0Ym94LiR7aXNPcGVuID8gJ2Nsb3NlJyA6ICdvcGVuJ31gKX0+XG4gICAgICAgIHtpc09wZW4gPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgIDwvU3R5bGVkQXNpZGU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGYWN0Qm94O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledIconButton = /*#__PURE__*/_styled(IconButtonV2, {
-  target: "e1imrgx40",
-  label: "StyledIconButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "2grj3y",
-  styles: "margin-top:-20px;z-index:1"
-} : {
-  name: "2grj3y",
-  styles: "margin-top:-20px;z-index:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3hWMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M2QyIsImZpbGUiOiJGYWN0Qm94VjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ2hldnJvbkRvd24sIENoZXZyb25VcCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2ZhY3Rib3gnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b25WMilgXG4gIG1hcmdpbi10b3A6IC0yMHB4O1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgRmFjdEJveCA9ICh7IGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBhZGRpdGlvbmFsID0gaXNPcGVuID8gJ2V4cGFuZGVkJyA6ICcnO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFzaWRlIHsuLi5jbGFzc2VzKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCBhZGRpdGlvbmFsKX0+XG4gICAgICA8U3R5bGVkRGl2IHsuLi5jbGFzc2VzKCdjb250ZW50Jyl9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9eygpID0+IHNldElzT3BlbigocCkgPT4gIXApfSBhcmlhLWxhYmVsPXt0KGBmYWN0Ym94LiR7aXNPcGVuID8gJ2Nsb3NlJyA6ICdvcGVuJ31gKX0+XG4gICAgICAgIHtpc09wZW4gPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgIDwvU3R5bGVkQXNpZGU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGYWN0Qm94O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FactBox = function FactBox(_ref) {
-  var children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var additional = isOpen ? 'expanded' : '';
-  return _jsxs(StyledAside, _objectSpread(_objectSpread({}, classes(undefined, undefined, additional)), {}, {
-    children: [_jsx(StyledDiv, _objectSpread(_objectSpread({}, classes('content')), {}, {
-      children: children
-    })), _jsx(StyledIconButton, {
-      onClick: function onClick() {
-        return setIsOpen(function (p) {
-          return !p;
-        });
-      },
-      "aria-label": t("factbox.".concat(isOpen ? 'close' : 'open')),
-      children: isOpen ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {})
-    })]
-  }));
-};
-export default FactBox;

package/es/Figure/FigureBylineExpandButton.js

@@ -1,29 +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 { ChevronUp, ChevronDown } from '@ndla/icons/common';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export var FigureBylineExpandButton = function FigureBylineExpandButton(_ref) {
-  var messages = _ref.messages,
-    typeClass = _ref.typeClass;
-  return _jsxs("button", {
-    className: "c-figure__show-byline-btn",
-    type: "button",
-    "data-figure-button": true,
-    "data-classtype": typeClass,
-    "data-aria": messages.expandBylineButtonLabel,
-    "data-ariaexpanded": messages.minimizeBylineButtonLabel,
-    "aria-label": messages.expandBylineButtonLabel,
-    children: [_jsx(ChevronUp, {
-      className: "expanded-icon"
-    }), _jsx(ChevronDown, {
-      className: "contracted-icon"
-    })]
-  });
-};

package/es/Figure/FigureExpandButton.js

@@ -1,30 +0,0 @@
-/**
- * Copyright (c) 2019-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 { ArrowCollapse } from '@ndla/icons/common';
-import { ExpandTwoArrows } from '@ndla/icons/action';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export function FigureExpandButton(_ref) {
-  var messages = _ref.messages,
-    typeClass = _ref.typeClass;
-  return _jsxs("button", {
-    className: "c-figure__fullscreen-btn",
-    type: "button",
-    "data-aria": messages.zoomImageButtonLabel,
-    "data-ariaexpanded": messages.zoomOutImageButtonLabel,
-    "aria-label": messages.zoomImageButtonLabel,
-    "data-figure-button": true,
-    "data-classtype": typeClass,
-    children: [_jsx(ExpandTwoArrows, {
-      className: "contracted-icon"
-    }), _jsx(ArrowCollapse, {
-      className: "expanded-icon"
-    })]
-  });
-}

package/es/FileList/FileListV2.js

@@ -1,47 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-/**
- * Copyright (c) 2023-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 { colors, fonts, spacing } from '@ndla/core';
-import { useTranslation } from 'react-i18next';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var FileListSection = /*#__PURE__*/_styled("section", {
-  target: "e1xwzl982",
-  label: "FileListSection"
-})("margin:", spacing.large, " 0;padding:", spacing.small, " 0 ", spacing.normal, " ", spacing.normal, ";border-left:2px solid ", colors.brand.greyLightest, ";font-family:", fonts.sans, ";.c-icon{margin-top:3px;flex-shrink:0;margin-right:", spacing.small, ";height:18px;width:18px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0VjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCc0MiLCJmaWxlIjoiRmlsZUxpc3RWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gIC5jLWljb24ge1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHdpZHRoOiAxOHB4O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdFYyID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdFYyO1xuIl19 */"));
-var FileListHeading = /*#__PURE__*/_styled("h3", {
-  target: "e1xwzl981",
-  label: "FileListHeading"
-})(fonts.sizes('16px', '18px'), ";letter-spacing:0.05em;margin:0 0 ", spacing.xsmall, " 0;padding-bottom:", spacing.xsmall, ";border-bottom:2px solid ", colors.brand.greyLight, ";font-weight:", fonts.weight.bold, ";text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0VjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiRmlsZUxpc3RWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gIC5jLWljb24ge1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHdpZHRoOiAxOHB4O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdFYyID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdFYyO1xuIl19 */"));
-var FilesList = /*#__PURE__*/_styled("ul", {
-  target: "e1xwzl980",
-  label: "FilesList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1xclg2i",
-  styles: "margin:0;padding:0"
-} : {
-  name: "1xclg2i",
-  styles: "margin:0;padding:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0VjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMkIiLCJmaWxlIjoiRmlsZUxpc3RWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gIC5jLWljb24ge1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHdpZHRoOiAxOHB4O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdFYyID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdFYyO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FileListV2 = function FileListV2(_ref) {
-  var children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return _jsxs(FileListSection, {
-    children: [_jsx(FileListHeading, {
-      children: t('files')
-    }), _jsx(FilesList, {
-      children: children
-    })]
-  });
-};
-export default FileListV2;

package/es/FileList/FileV2.js

@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2023-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 { useTranslation } from 'react-i18next';
-import File from './File';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var FileV2 = function FileV2(_ref) {
-  var title = _ref.title,
-    url = _ref.url,
-    fileExists = _ref.fileExists,
-    fileType = _ref.fileType;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tooltip = "".concat(t('download'), " ").concat(url.split('/').pop());
-  return _jsx(File, {
-    file: {
-      title: title,
-      fileExists: fileExists,
-      formats: [{
-        url: url,
-        fileType: fileType,
-        tooltip: tooltip
-      }]
-    }
-  });
-};
-export default FileV2;