@ndla/ui 48.0.0 → 49.0.1

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -1,9 +1,21 @@
-import { Children, cloneElement, ReactElement } from 'react';
+/**
+ * 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 { Children, HTMLProps, ReactNode, useMemo, useState } from 'react';
 import BEMHelper from 'react-bem-helper';
+import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
+import ContentTypeBadge from '../ContentTypeBadge';
+import { contentTypes } from '../model/ContentType';
 
 const classes = new BEMHelper({
   name: 'related-articles',
@@ -11,29 +23,26 @@ const classes = new BEMHelper({
 });
 
 interface RelatedArticleProps {
-  icon: ReactElement;
   title: string;
-  modifier?: string;
   introduction: string;
   to: string;
   linkInfo?: string;
   target?: string;
+  type?: string;
 }
 
 export const RelatedArticle = ({
   title,
   introduction,
-  icon,
-  modifier,
   to,
   linkInfo = '',
   target = '',
+  type = contentTypes.SUBJECT_MATERIAL,
 }: RelatedArticleProps) => {
-  const iconWithClass = cloneElement(icon, { className: 'c-icon--medium' });
   return (
-    <article {...classes('item', modifier)}>
+    <article {...classes('item', type)}>
       <h3 {...classes('title')}>
-        {iconWithClass}
+        <ContentTypeBadge type={type} background size="small" />
         <span {...classes('link-wrapper')}>
           <SafeLink to={to} {...classes('link')} target={target} rel={linkInfo ? 'noopener noreferrer' : undefined}>
             {title}
@@ -46,50 +55,47 @@ export const RelatedArticle = ({
   );
 };
 
-interface Props {
-  messages: {
-    title: string;
-    showMore: string;
-    showLess: string;
-  };
-  headingLevel: HeadingLevel;
-  children?: ReactElement;
-  dangerouslySetInnerHTML?: {
-    __html: string;
-  };
+const HeadingWrapper = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+
+interface Props extends HTMLProps<HTMLElement> {
+  children?: JSX.Element[];
   articleCount?: number;
+  headingLevel?: HeadingLevel;
+  headingButtons?: ReactNode;
 }
-const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetInnerHTML, headingLevel }: Props) => {
-  const clonedChildren =
-    !dangerouslySetInnerHTML && children
-      ? Children.map(children, (article, i) =>
-          cloneElement(article, {
-            modifier: i >= 2 ? `${article.props.modifier} hidden` : article.props.modifier,
-          }),
-        )
-      : null;
-  const childrenCount = articleCount || Children.count(children);
+export const RelatedArticleList = ({
+  children = [],
+  articleCount,
+  headingLevel = 'h3',
+  headingButtons,
+  ...rest
+}: Props) => {
+  const [expanded, setExpanded] = useState(false);
+  const { t } = useTranslation();
+  const childCount = useMemo(() => articleCount ?? Children.count(children), [children, articleCount]);
+  const childrenToShow = useMemo(
+    () => (childCount > 2 && !expanded ? children?.slice(0, 2) : children),
+    [childCount, children, expanded],
+  );
 
   return (
-    <section {...classes('')}>
-      <SectionHeading headingLevel={headingLevel} className={classes('component-title').className}>
-        {messages.title}
-      </SectionHeading>
-      <div {...classes('articles')} dangerouslySetInnerHTML={dangerouslySetInnerHTML}>
-        {clonedChildren}
-      </div>
-      {childrenCount > 2 && (
-        <ButtonV2
-          data-type="related-article-button"
-          data-showmore={messages.showMore}
-          data-showless={messages.showLess}
-          variant="outline"
-        >
-          {messages.showMore}
+    <section {...classes('')} {...rest}>
+      <HeadingWrapper>
+        <SectionHeading headingLevel={headingLevel} className={classes('component-title').className}>
+          {t('related.title')}
+        </SectionHeading>
+        {headingButtons}
+      </HeadingWrapper>
+      <div {...classes('articles')}>{childrenToShow}</div>
+      {childCount > 2 ? (
+        <ButtonV2 onClick={() => setExpanded((p) => !p)} variant="outline">
+          {t(`related.show${expanded ? 'Less' : 'More'}`)}
         </ButtonV2>
-      )}
+      ) : null}
     </section>
   );
 };
-
-export default RelatedArticleList;

package/src/RelatedArticleList/index.ts

@@ -6,9 +6,8 @@
  *
  */
 
-import RelatedArticleList, { RelatedArticle } from './RelatedArticleList';
-import { RelatedArticleListV2 } from './RelatedArticleV2';
+import { RelatedArticle, RelatedArticleList } from './RelatedArticleList';
 
-export { RelatedArticle, RelatedArticleListV2 };
+export { RelatedArticle };
 
 export default RelatedArticleList;

package/src/Search/index.ts

@@ -11,6 +11,5 @@ import SearchField from './SearchField';
 import { SearchResultList, SearchResultItem } from './SearchResult';
 
 import ActiveFilters from './ActiveFilters';
-export { default as ToggleSearchButton } from './ToggleSearchButton';
 
 export { SearchField, SearchResultItem, SearchResultList, ActiveFilters };

package/src/i18n/i18n.ts

@@ -21,13 +21,14 @@ const DETECTION_OPTIONS = {
   lookupLocalStorage: 'i18nextLng',
 };
 
+export const supportedTranslationLanguages = ['nb', 'nn', 'en', 'se', 'sma'] as const;
 const i18nInstance = i18n.use(initReactI18next).use(LanguageDetector);
 
 i18nInstance.init({
   compatibilityJSON: 'v3',
   detection: DETECTION_OPTIONS,
   fallbackLng: 'nb',
-  supportedLngs: ['nb', 'nn', 'en', 'se', 'sma'],
+  supportedLngs: supportedTranslationLanguages,
   resources: {
     en: {
       translation: messagesEN,

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';
@@ -216,7 +213,7 @@ export { BlogPostV2 } from './BlogPost';
 export { ProgrammeCard } from './ProgrammeCard';
 export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
-export type { HeartButtonType } from './Embed';
+export type { HeartButtonType, RenderContext } from './Embed';
 export { CampaignBlock } from './CampaignBlock';
 export { Grid, GridParallaxItem } from './Grid';
 export type { GridType } from './Grid';

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;