@ndla/ui 56.0.121-alpha.0 → 56.0.122-alpha.0

package/lib/Article/Article.js

@@ -1,207 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArticleWrapper = exports.ArticleTitle = exports.ArticleHeader = exports.ArticleHGroup = exports.ArticleFooter = exports.ArticleContent = exports.Article = void 0;
-var _react = require("react");
-var _react2 = require("@ark-ui/react");
-var _primitives = require("@ndla/primitives");
-var _css = require("@ndla/styled-system/css");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _ArticleByline = require("./ArticleByline");
-var _ContentTypeBadge = require("../ContentTypeBadge/ContentTypeBadge");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- *
- */
-
-const StyledArticleContent = (0, _jsx2.styled)(_react2.ark.section, {}, {
-  baseComponent: true
-});
-const ArticleContent = exports.ArticleContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    className,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledArticleContent, {
-    className: (0, _css.cx)("ndla-article", className),
-    ...props,
-    ref: ref
-  });
-});
-const StyledArticleWrapper = (0, _jsx2.styled)(_react2.ark.article, {
-  base: {
-    background: "background.default",
-    display: "flex",
-    flexDirection: "column",
-    color: "text.default",
-    alignItems: "center",
-    width: "100%",
-    overflowWrap: "break-word",
-    position: "relative",
-    "& mjx-stretchy-v > mjx-ext > mjx-c": {
-      transform: "scaleY(100) translateY(0.075em)"
-    },
-    _after: {
-      content: "",
-      display: "table",
-      clear: "both"
-    }
-  }
-}, {
-  baseComponent: true
-});
-const ArticleWrapper = exports.ArticleWrapper = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledArticleWrapper, {
-  "data-ndla-article": "",
-  ref: ref,
-  ...props
-}));
-const ArticleHGroup = exports.ArticleHGroup = (0, _jsx2.styled)(_react2.ark.hgroup, {
-  base: {
-    display: "flex",
-    width: "100%",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    "& h1": {
-      overflowWrap: "anywhere"
-    }
-  }
-}, {
-  baseComponent: true
-});
-const ArticleHeader = exports.ArticleHeader = (0, _jsx2.styled)(_react2.ark.header, {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    alignItems: "flex-start",
-    width: "100%",
-    paddingBlockStart: "xxlarge",
-    overflowWrap: "anywhere"
-  }
-}, {
-  baseComponent: true
-});
-const ArticleFooter = exports.ArticleFooter = (0, _jsx2.styled)(_react2.ark.footer, {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xxlarge",
-    width: "100%",
-    "& > :is(:last-child)": {
-      paddingBlockEnd: "5xlarge"
-    }
-  }
-}, {
-  baseComponent: true
-});
-const StyledStack = (0, _jsx2.styled)(_jsx2.Stack, {
-  base: {
-    width: "100%",
-    minHeight: "xxlarge"
-  }
-});
-const StyledWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "small",
-    flexWrap: "wrap",
-    alignItems: "center"
-  }
-});
-const ArticleTitle = _ref2 => {
-  let {
-    contentType,
-    heartButton,
-    title,
-    lang,
-    id,
-    introduction,
-    contentTypeLabel,
-    competenceGoals,
-    disclaimer
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleHeader, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleHGroup, {
-      children: [(!!contentType || !!heartButton) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledStack, {
-        justify: "space-between",
-        align: "center",
-        direction: "row",
-        gap: "small",
-        children: [!!contentType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentTypeBadge.ContentTypeBadge, {
-          contentType: contentType,
-          children: contentTypeLabel
-        }), heartButton]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
-        textStyle: "heading.medium",
-        id: id,
-        lang: lang,
-        property: "dct:title",
-        children: title
-      })]
-    }), !!introduction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-      lang: lang,
-      textStyle: "body.xlarge",
-      asChild: true,
-      consumeCss: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: introduction
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledWrapper, {
-      children: [competenceGoals, disclaimer]
-    })]
-  });
-};
-exports.ArticleTitle = ArticleTitle;
-const Article = _ref3 => {
-  let {
-    article,
-    contentType,
-    licenseBox,
-    children,
-    competenceGoals,
-    contentTypeLabel,
-    id,
-    heartButton,
-    lang,
-    disclaimer
-  } = _ref3;
-  const {
-    title,
-    introduction,
-    published,
-    content,
-    footNotes,
-    copyright
-  } = article;
-  const authors = copyright?.creators.length || copyright?.rightsholders.length ? copyright.creators : copyright?.processors;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleTitle, {
-      id: id,
-      contentType: contentType,
-      heartButton: heartButton,
-      title: title,
-      introduction: introduction,
-      competenceGoals: competenceGoals,
-      lang: lang,
-      contentTypeLabel: contentTypeLabel,
-      disclaimer: disclaimer
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleContent, {
-      children: content
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ArticleFooter, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleByline.ArticleByline, {
-        footnotes: footNotes,
-        authors: authors,
-        suppliers: copyright?.rightsholders,
-        published: published,
-        licenseBox: licenseBox
-      }), children]
-    })]
-  });
-};
-exports.Article = Article;

package/lib/Article/ArticleByline.js

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArticleBylineAccordionItem = exports.ArticleByline = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _reactRouter = require("react-router");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _ArticleFootNotes = require("./ArticleFootNotes");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2020-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const Wrapper = (0, _jsx2.styled)("div", {
-  base: {
-    // TODO: Figure out if we want to remove this margin. It's only here to add some gap between the article content and the byline.
-    marginBlockStart: "medium",
-    paddingBlockStart: "xsmall",
-    borderTop: "1px solid",
-    borderColor: "stroke.subtle"
-  }
-});
-const TextWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "3xsmall",
-    width: "100%",
-    justifyContent: "space-between",
-    paddingBlock: "xsmall",
-    textStyle: "body.medium",
-    '& [data-contributors="false"]': {
-      marginInlineStart: "auto"
-    }
-  },
-  variants: {
-    learningpath: {
-      true: {},
-      false: {
-        tabletWide: {
-          flexDirection: "row"
-        }
-      }
-    }
-  }
-});
-const renderContributors = (contributors, t) => {
-  const contributorsArray = contributors.map((contributor, index) => {
-    if (index < 1) return contributor.name;
-    const sep = index === contributors.length - 1 ? ` ${t("article.conjunction")} ` : ", ";
-    return `${sep}${contributor.name}`;
-  });
-  return contributorsArray.join("");
-};
-const getSuppliersText = (suppliers, t) => {
-  if (suppliers.length === 0) {
-    return "";
-  }
-  return suppliers.length > 1 ? t("article.multipleSuppliersLabel", {
-    names: renderContributors(suppliers, t),
-    interpolation: {
-      escapeValue: false
-    }
-  }) : t("article.supplierLabel", {
-    name: renderContributors(suppliers, t),
-    interpolation: {
-      escapeValue: false
-    }
-  });
-};
-const StyledAccordionRoot = (0, _jsx2.styled)(_primitives.AccordionRoot, {
-  base: {
-    paddingBlockStart: "xxlarge"
-  }
-});
-const refRegexp = /note\d/;
-const footnotesAccordionId = "footnotes";
-const ArticleByline = _ref => {
-  let {
-    authors = [],
-    suppliers = [],
-    footnotes,
-    licenseBox,
-    published,
-    displayByline = true,
-    bylineType = "article",
-    bylineSuffix
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const {
-    pathname
-  } = (0, _reactRouter.useLocation)();
-  const [openAccordions, setOpenAccordions] = (0, _react.useState)([]);
-  const accordionItemValue = "rulesForUse";
-  const onHashChange = (0, _react.useCallback)(e => {
-    const hash = e.newURL.split("#")[1];
-    if (hash?.match(refRegexp) && !openAccordions.includes(footnotesAccordionId)) {
-      setOpenAccordions([...openAccordions, footnotesAccordionId]);
-      const el = document.getElementById(`#${hash}`);
-      el?.click();
-      el?.focus();
-    }
-  }, [openAccordions]);
-  (0, _react.useEffect)(() => {
-    setOpenAccordions(prev => prev.filter(state => state !== accordionItemValue));
-  }, [pathname]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener("hashchange", onHashChange);
-    return () => window.removeEventListener("hashchange", onHashChange);
-  }, [onHashChange]);
-  const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
-  const authorLabel = {
-    article: "article.authorsLabel",
-    learningPath: "article.authorsLabelLearningpath",
-    external: "article.authorsLabelExternal"
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [!!displayByline && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
-      learningpath: bylineType === "learningPath",
-      children: [!!showPrimaryContributors && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [authors.length > 0 && `${t(authorLabel[bylineType], {
-          names: renderContributors(authors, t),
-          interpolation: {
-            escapeValue: false
-          }
-        })}. `, getSuppliersText(suppliers, t)]
-      }), published ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        "data-contributors": showPrimaryContributors,
-        children: [t(`${bylineType}.lastUpdated`), " ", published]
-      }) : null, bylineSuffix]
-    }), (!!licenseBox || !!footnotes?.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
-      multiple: true,
-      value: openAccordions,
-      onValueChange: details => setOpenAccordions(details.value),
-      children: [!!licenseBox && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBylineAccordionItem, {
-        value: accordionItemValue,
-        accordionTitle: t("article.useContent"),
-        children: licenseBox
-      }), !!footnotes?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBylineAccordionItem, {
-        value: footnotesAccordionId,
-        accordionTitle: t("article.footnotes"),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleFootNotes.ArticleFootNotes, {
-          footNotes: footnotes
-        })
-      })]
-    })]
-  });
-};
-exports.ArticleByline = ArticleByline;
-const ArticleBylineAccordionItem = exports.ArticleBylineAccordionItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
-  let {
-    value,
-    accordionTitle,
-    children,
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
-    value: value,
-    ref: ref,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
-      asChild: true,
-      consumeCss: true,
-      textStyle: "label.medium",
-      fontWeight: "bold",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
-          children: [accordionTitle, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
-            asChild: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowDownShortLine, {})
-          })]
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
-      children: children
-    })]
-  });
-});

package/lib/Article/ArticleFootNotes.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArticleFootNotes = void 0;
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- *
- */
-
-const citeDetailString = description => description ? `${description}. ` : "";
-const StyledCite = (0, _jsx2.styled)("cite", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    gap: "xsmall"
-  }
-});
-const FootNote = _ref => {
-  let {
-    footNote
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-      id: `note${footNote.ref}`,
-      asChild: true,
-      consumeCss: true,
-      textStyle: "body.medium",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCite, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-          href: `#ref${footNote.ref}`,
-          target: "_self",
-          children: footNote.ref
-        }), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
-          href: footNote.url,
-          children: [footNote.url, "."]
-        }) : null]
-      })
-    })
-  });
-};
-const FootnoteList = (0, _jsx2.styled)("ol", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    listStyle: "none"
-  }
-});
-const ArticleFootNotes = _ref2 => {
-  let {
-    footNotes
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FootnoteList, {
-    children: footNotes.map(footNote => /*#__PURE__*/(0, _jsxRuntime.jsx)(FootNote, {
-      footNote: footNote
-    }, footNote.ref))
-  });
-};
-exports.ArticleFootNotes = ArticleFootNotes;

package/lib/Article/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Article", {
-  enumerable: true,
-  get: function () {
-    return _Article.Article;
-  }
-});
-Object.defineProperty(exports, "ArticleByline", {
-  enumerable: true,
-  get: function () {
-    return _ArticleByline.ArticleByline;
-  }
-});
-Object.defineProperty(exports, "ArticleBylineAccordionItem", {
-  enumerable: true,
-  get: function () {
-    return _ArticleByline.ArticleBylineAccordionItem;
-  }
-});
-Object.defineProperty(exports, "ArticleContent", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleContent;
-  }
-});
-Object.defineProperty(exports, "ArticleFootNotes", {
-  enumerable: true,
-  get: function () {
-    return _ArticleFootNotes.ArticleFootNotes;
-  }
-});
-Object.defineProperty(exports, "ArticleFooter", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleFooter;
-  }
-});
-Object.defineProperty(exports, "ArticleHGroup", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleHGroup;
-  }
-});
-Object.defineProperty(exports, "ArticleHeader", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleHeader;
-  }
-});
-Object.defineProperty(exports, "ArticleTitle", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleTitle;
-  }
-});
-Object.defineProperty(exports, "ArticleWrapper", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleWrapper;
-  }
-});
-var _Article = require("./Article");
-var _ArticleByline = require("./ArticleByline");
-var _ArticleFootNotes = require("./ArticleFootNotes");