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

package/lib/ContactBlock/ContactBlock.js

@@ -1,206 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.contactBlockBackgrounds = exports.ContactBlock = void 0;
-var _reactI18next = require("react-i18next");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _EmbedByline = require("../LicenseByline/EmbedByline");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-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 BackgroundVariant = {
-  strong: {
-    _before: {
-      backgroundColor: "surface.brand.3"
-    }
-  },
-  moderate: {
-    _before: {
-      backgroundColor: "surface.brand.3.moderate"
-    }
-  },
-  subtle: {
-    _before: {
-      backgroundColor: "surface.brand.3.subtle"
-    }
-  }
-};
-const contactBlockBackgrounds = exports.contactBlockBackgrounds = Object.keys(BackgroundVariant);
-const StyledWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    minWidth: "surface.xxsmall",
-    padding: "medium",
-    alignItems: "center",
-    justifyContent: "space-between",
-    boxShadow: "full",
-    border: "1px solid",
-    gap: "medium",
-    position: "relative",
-    borderColor: "stroke.default",
-    borderRadius: "xsmall",
-    overflow: "hidden",
-    background: "surface.default",
-    flexDirection: "column-reverse",
-    tablet: {
-      alignItems: "unset",
-      flexDirection: "row"
-    }
-  }
-});
-const EmailLink = (0, _jsx2.styled)("a", {
-  base: {
-    color: "text.default",
-    textDecoration: "underline",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusVisible: {
-      textDecoration: "none"
-    }
-  }
-});
-const HeaderWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    position: "relative",
-    display: "flex",
-    flexDirection: "column",
-    gap: "3xsmall",
-    zIndex: "base",
-    _before: {
-      content: '""',
-      position: "absolute",
-      top: "-60px",
-      left: "-50px",
-      right: "0",
-      bottom: "0",
-      height: "calc(100% + 50px)",
-      width: "surface.3xlarge",
-      transform: "rotate(-4deg)",
-      zIndex: "hide"
-    }
-  },
-  variants: {
-    variant: BackgroundVariant,
-    imageExists: {
-      true: {
-        tabletDown: {
-          _before: {
-            display: "none"
-          }
-        }
-      }
-    }
-  }
-});
-const ImageWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "xxsmall",
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    zIndex: "base",
-    tabletDown: {
-      _before: {
-        content: '""',
-        position: "absolute",
-        top: "-50px",
-        left: "-50px",
-        right: "0",
-        bottom: "0",
-        height: "surface.xxsmall",
-        width: "surface.3xlarge",
-        transform: "rotate(-4deg)",
-        zIndex: "hide"
-      }
-    }
-  },
-  variants: {
-    variant: BackgroundVariant
-  }
-});
-const StyledImage = (0, _jsx2.styled)("img", {
-  base: {
-    borderRadius: "xsmall",
-    width: "surface.xsmall",
-    height: "surface.xsmall",
-    objectFit: "cover"
-  }
-});
-const ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    flex: "1",
-    width: "100%"
-  }
-});
-const StyledDescription = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    fontFamily: "serif"
-  }
-});
-const ContactBlock = _ref => {
-  let {
-    image,
-    jobTitle,
-    description,
-    name,
-    email,
-    embedAlt,
-    lang,
-    backgroundColor = "strong"
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledWrapper, {
-    "data-embed-type": "contact-block",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(HeaderWrapper, {
-        variant: backgroundColor,
-        imageExists: !!image,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-          lang: lang,
-          fontWeight: "bold",
-          textStyle: "heading.small",
-          children: name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-          lang: lang,
-          children: jobTitle
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Text, {
-          children: [`${t("email")}: `, /*#__PURE__*/(0, _jsxRuntime.jsx)(EmailLink, {
-            href: `mailto:${email}`,
-            children: email
-          })]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDescription, {
-        textStyle: "body.large",
-        children: description
-      })]
-    }), !!image && /*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageWrapper, {
-      variant: backgroundColor,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
-        alt: embedAlt !== undefined ? embedAlt : image.alttext.alttext,
-        src: image.image.imageUrl,
-        width: 300,
-        height: 300
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedByline.LicenseContainerContent, {
-        type: "image",
-        copyright: image.copyright
-      })]
-    })]
-  });
-};
-exports.ContactBlock = ContactBlock;

package/lib/ContactBlock/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ContactBlock", {
-  enumerable: true,
-  get: function () {
-    return _ContactBlock.ContactBlock;
-  }
-});
-Object.defineProperty(exports, "contactBlockBackgrounds", {
-  enumerable: true,
-  get: function () {
-    return _ContactBlock.contactBlockBackgrounds;
-  }
-});
-var _ContactBlock = require("./ContactBlock");

package/lib/ContentTypeBadge/ContentTypeBadge.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.contentTypeToBadgeVariantMap = exports.ContentTypeBadge = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _primitives = require("@ndla/primitives");
-var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Copyright (c) 2024-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 contentTypeToBadgeVariantMap = exports.contentTypeToBadgeVariantMap = {
-  [contentTypes.SUBJECT_MATERIAL]: "brand1",
-  [contentTypes.TASKS_AND_ACTIVITIES]: "brand2",
-  [contentTypes.ASSESSMENT_RESOURCES]: "brand2",
-  [contentTypes.SUBJECT]: "neutral",
-  [contentTypes.SOURCE_MATERIAL]: "brand1",
-  [contentTypes.LEARNING_PATH]: "brand3",
-  [contentTypes.TOPIC]: "neutral",
-  [contentTypes.MULTIDISCIPLINARY]: "neutral",
-  [contentTypes.CONCEPT]: "brand1",
-  [contentTypes.EXTERNAL]: "brand2",
-  [contentTypes.IMAGE]: "brand1",
-  [contentTypes.AUDIO]: "brand1",
-  [contentTypes.PODCAST]: "brand1",
-  [contentTypes.VIDEO]: "brand1",
-  [contentTypes.MISSING]: "neutral",
-  [contentTypes.PODCAST_SERIES]: "brand1",
-  [contentTypes.GLOSS]: "brand1",
-  [contentTypes.PROGRAMME]: "neutral",
-  [contentTypes.FRONTPAGE_ARTICLE]: "brand2"
-};
-const ContentTypeBadge = exports.ContentTypeBadge = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    contentType,
-    children,
-    ...props
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Badge, {
-    colorTheme: contentTypeToBadgeVariantMap[contentType ?? "missing"] ?? contentTypeToBadgeVariantMap["missing"],
-    ...props,
-    ref: ref,
-    children: children ?? t(`contentTypes.${contentType}`)
-  });
-});

package/lib/ContentTypeBlockQuote/ContentTypeBlockQuote.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentTypeBlockQuote = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-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 contentTypeToVariantMapping = {
-  "subject-material": "brand1",
-  "source-material": "brand1",
-  concept: "brand1",
-  "tasks-and-activities": "brand2",
-  "assessment-resources": "brand2"
-};
-const ContentTypeBlockQuote = exports.ContentTypeBlockQuote = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    variant,
-    contentType,
-    ...props
-  } = _ref;
-  const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
-  const variantColor = variant === "colored" ? color : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.BlockQuote, {
-    ...props,
-    variant: variantColor,
-    ref: ref
-  });
-});

package/lib/ContentTypeFramedContent/ContentTypeFramedContent.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentTypeFramedContent = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-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 contentTypeToVariantMapping = {
-  "subject-material": "brand1",
-  "source-material": "brand1",
-  concept: "brand1",
-  "tasks-and-activities": "brand2",
-  "assessment-resources": "brand2"
-};
-const ContentTypeFramedContent = exports.ContentTypeFramedContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    variant = "neutral",
-    contentType,
-    ...props
-  } = _ref;
-  const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
-  const variantColor = variant === "colored" ? color : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.FramedContent, {
-    ...props,
-    colorTheme: variantColor,
-    ref: ref
-  });
-});

package/lib/ContentTypeHero/ContentTypeHero.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.contentTypeToHeroMap = exports.ContentTypeHero = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Copyright (c) 2024-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 contentTypeToHeroMap = exports.contentTypeToHeroMap = {
-  [contentTypes.SUBJECT_MATERIAL]: "primary",
-  [contentTypes.TASKS_AND_ACTIVITIES]: "brand2Bold",
-  [contentTypes.ASSESSMENT_RESOURCES]: "brand2",
-  // This will never happen
-  [contentTypes.SUBJECT]: "primary",
-  [contentTypes.SOURCE_MATERIAL]: "brand1",
-  // This will never happen
-  [contentTypes.LEARNING_PATH]: "primary",
-  [contentTypes.TOPIC]: "neutral",
-  [contentTypes.MULTIDISCIPLINARY]: "primary",
-  [contentTypes.CONCEPT]: "brand1Moderate",
-  [contentTypes.EXTERNAL]: "primary",
-  [contentTypes.IMAGE]: "primary",
-  [contentTypes.AUDIO]: "primary",
-  [contentTypes.PODCAST]: "primary",
-  [contentTypes.VIDEO]: "primary",
-  [contentTypes.MISSING]: "neutral",
-  [contentTypes.GLOSS]: "brand1Moderate",
-  // this will never happen
-  [contentTypes.PROGRAMME]: "primary",
-  // this will never happen
-  [contentTypes.PODCAST_SERIES]: "primary",
-  [contentTypes.FRONTPAGE_ARTICLE]: "primary"
-};
-const ContentTypeHero = exports.ContentTypeHero = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    contentType,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Hero, {
-    variant: contentTypeToHeroMap[contentType ?? "missing"] ?? contentTypeToHeroMap["missing"],
-    ...props,
-    ref: ref,
-    children: children
-  });
-});

package/lib/ContentTypeHero/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ContentTypeHero", {
-  enumerable: true,
-  get: function () {
-    return _ContentTypeHero.ContentTypeHero;
-  }
-});
-var _ContentTypeHero = require("./ContentTypeHero");

package/lib/CopyParagraphButton/CopyParagraphButton.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _util = require("@ndla/util");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- *
- */
-
-const ContainerDiv = (0, _jsx2.styled)("div", {
-  base: {
-    position: "relative",
-    _hover: {
-      "& [data-copy-button]": {
-        opacity: "1",
-        cursor: "pointer"
-      }
-    }
-  }
-});
-const StyledIconButton = (0, _jsx2.styled)(_primitives.IconButton, {
-  base: {
-    position: "absolute",
-    left: "-xxlarge",
-    top: "-4xsmall",
-    opacity: "0",
-    cursor: "pointer",
-    "&:focus, &:focus-visible, &:active": {
-      opacity: "1"
-    }
-  }
-});
-const CopyParagraphButton = _ref => {
-  let {
-    children,
-    copyText,
-    lang
-  } = _ref;
-  const [hasCopied, setHasCopied] = (0, _react.useState)(false);
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const sanitizedTitle = (0, _react.useMemo)(() => encodeURIComponent(copyText.replace(/ /g, "-")), [copyText]);
-  (0, _react.useEffect)(() => {
-    if (hasCopied) {
-      setTimeout(() => setHasCopied(false), 3000);
-    }
-  }, [hasCopied]);
-  const onCopyClick = (0, _react.useCallback)(() => {
-    setHasCopied(true);
-    const {
-      location
-    } = window;
-    const newHash = `#${sanitizedTitle}`;
-    const port = location.port ? `:${location.port}` : "";
-    const urlToCopy = `${location.protocol}//${location.hostname}${port}${location.pathname}${location.search}${newHash}`;
-    (0, _util.copyTextToClipboard)(urlToCopy);
-  }, [sanitizedTitle]);
-  const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContainerDiv, {
-    "data-embed-type": "copy-heading",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIconButton, {
-      variant: "clear",
-      "data-copy-button": "",
-      onClick: onCopyClick,
-      title: tooltip,
-      "aria-label": `${tooltip}: ${copyText}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LinkMedium, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-      id: sanitizedTitle,
-      tabIndex: -1,
-      lang: lang,
-      children: children
-    })]
-  });
-};
-var _default = exports.default = CopyParagraphButton;

package/lib/CopyParagraphButton/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CopyParagraphButton", {
-  enumerable: true,
-  get: function () {
-    return _CopyParagraphButton.default;
-  }
-});
-exports.default = void 0;
-var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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.
- *
- */
-var _default = exports.default = _CopyParagraphButton.default;

package/lib/Embed/AudioEmbed.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFirstNonEmptyLicenseCredits = exports.default = void 0;
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
-var _AudioPlayer = _interopRequireDefault(require("../AudioPlayer"));
-var _LicenseByline = require("../LicenseByline");
-var _licenseAttributes = require("../utils/licenseAttributes");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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.
- *
- */
-
-const StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
-  base: {
-    clear: "both"
-  }
-});
-const getFirstNonEmptyLicenseCredits = authors => Object.values(authors).find(i => i.length > 0) ?? [];
-exports.getFirstNonEmptyLicenseCredits = getFirstNonEmptyLicenseCredits;
-const AudioEmbed = _ref => {
-  let {
-    embed,
-    lang
-  } = _ref;
-  const type = embed.embedData.type === "standard" ? "audio" : "podcast";
-  if (embed.status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
-      type: type
-    });
-  }
-  const {
-    data,
-    embedData
-  } = embed;
-  if (embedData.type === "minimal") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
-      speech: true,
-      src: data.audioFile.url,
-      title: data.title.title
-    });
-  }
-  const subtitle = data.series ? {
-    title: data.series.title.title,
-    url: `/podkast/${data.series.id}`
-  } : undefined;
-  const coverPhoto = data.podcastMeta?.coverPhoto;
-  const img = coverPhoto && {
-    url: coverPhoto.url,
-    alt: coverPhoto.altText
-  };
-  const licenseProps = (0, _licenseAttributes.licenseAttributes)(data.copyright.license.license, lang, embedData.url);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
-    lang: lang,
-    "data-embed-type": type,
-    ...licenseProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
-      description: data.podcastMeta?.introduction ?? "",
-      img: img,
-      src: data.audioFile.url,
-      textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        dangerouslySetInnerHTML: {
-          __html: data.manuscript.manuscript
-        }
-      }) : undefined,
-      title: data.title.title,
-      subtitle: subtitle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
-      error: false,
-      type: data.audioType === "standard" ? "audio" : "podcast",
-      copyright: embed.data.copyright
-    })]
-  });
-};
-var _default = exports.default = AudioEmbed;