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

package/lib/KeyFigure/KeyFigure.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-var _jsx2 = require("@ndla/styled-system/jsx");
-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 ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "xsmall",
-    "&:not(:has(> img))": {
-      paddingBlock: "xxlarge"
-    }
-  }
-});
-const StyledImage = (0, _jsx2.styled)("img", {
-  base: {
-    height: "surface.3xsmall",
-    width: "surface.3xsmall",
-    borderRadius: "xsmall"
-  }
-});
-const TitleWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    textStyle: "heading.large",
-    textAlign: "center"
-  }
-});
-const SubTitleWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    textStyle: "title.medium",
-    textAlign: "center"
-  }
-});
-const KeyFigure = _ref => {
-  let {
-    image,
-    title,
-    subtitle
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-    "data-embed-type": "key-figure",
-    children: [!!image && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
-      src: `${image?.src}?width=150`,
-      width: 150,
-      height: 150,
-      alt: image?.alt
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TitleWrapper, {
-      children: (0, _htmlReactParser.default)(title)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SubTitleWrapper, {
-      children: (0, _htmlReactParser.default)(subtitle)
-    })]
-  });
-};
-var _default = exports.default = KeyFigure;

package/lib/KeyFigure/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "KeyFigure", {
-  enumerable: true,
-  get: function () {
-    return _KeyFigure.default;
-  }
-});
-var _KeyFigure = _interopRequireDefault(require("./KeyFigure"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/LicenseByline/EmbedByline.js

@@ -1,220 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LicenseContainerContent = exports.EmbedByline = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _icons = require("@ndla/icons");
-var _licenses = require("@ndla/licenses");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _LicenseLink = require("./LicenseLink");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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 BylineWrapper = (0, _jsx2.styled)("figcaption", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    paddingBlock: "xsmall",
-    textStyle: "label.medium",
-    color: "text.subtle"
-  }
-});
-const ErrorBylineWrapper = (0, _jsx2.styled)(BylineWrapper, {
-  base: {
-    border: "1px solid",
-    borderColor: "stroke.error",
-    borderRadius: "xsmall",
-    background: "surface.dangerSubtle",
-    paddingInline: "medium",
-    paddingBlock: "medium"
-  }
-});
-const StyledText = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    fontStyle: "italic"
-  }
-});
-const ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall",
-    alignItems: "center",
-    textStyle: "label.medium"
-  }
-});
-const BaseDescription = (0, _jsx2.styled)("div", {
-  base: {
-    display: "inline-flex",
-    whiteSpace: "pre-wrap"
-  }
-});
-const EmbedByline = _ref => {
-  let {
-    type,
-    description,
-    children,
-    visibleAlt,
-    hideCopyright,
-    ...props
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  if (props.error) {
-    const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorBylineWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AlertLine, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseDescription, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: t("embed.embedError", {
-              type: typeString
-            })
-          })
-        })]
-      })
-    });
-  }
-  const {
-    copyright
-  } = props;
-  const hideByline = hideCopyright && !description;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [!hideByline && /*#__PURE__*/(0, _jsxRuntime.jsx)(BylineWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [!!hideCopyright && description, !hideCopyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(LicenseContainerContent, {
-          type: type,
-          copyright: copyright,
-          children: description
-        }), children]
-      })
-    }), visibleAlt ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
-      color: "text.subtle",
-      textStyle: "label.medium",
-      asChild: true,
-      consumeCss: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: `Alt: ${visibleAlt}`
-      })
-    }) : null]
-  });
-};
-exports.EmbedByline = EmbedByline;
-const StyledDescription = (0, _jsx2.styled)(BaseDescription, {
-  base: {
-    mobileWideDown: {
-      display: "grid",
-      gridTemplateColumns: "1fr auto",
-      alignItems: "center",
-      overflow: "hidden",
-      _open: {
-        display: "inline"
-      }
-    }
-  }
-});
-const TextContent = (0, _jsx2.styled)("span", {
-  base: {
-    mobileWideDown: {
-      whiteSpace: "nowrap",
-      maxHeight: "large",
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      transitionProperty: "max-height",
-      transitionDuration: "slow",
-      transitionTimingFunction: "ease-in",
-      marginInlineEnd: "4xsmall",
-      _open: {
-        whiteSpace: "pre-wrap",
-        maxHeight: "none"
-      }
-    }
-  }
-});
-const StyledButton = (0, _jsx2.styled)(_primitives.Button, {
-  base: {
-    mobileWide: {
-      display: "none"
-    }
-  }
-});
-const LicenseDescription = _ref2 => {
-  let {
-    children,
-    isOpen,
-    setIsOpen
-  } = _ref2;
-  const open = isOpen ? {
-    "data-open": ""
-  } : {};
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const handleToggle = () => {
-    setIsOpen(!isOpen);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDescription, {
-      ...open,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextContent, {
-        ...open,
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
-        variant: "link",
-        size: "small",
-        onClick: handleToggle,
-        children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
-      })]
-    })
-  });
-};
-const LicenseContainerContent = _ref3 => {
-  let {
-    children,
-    copyright,
-    type
-  } = _ref3;
-  const {
-    t,
-    i18n
-  } = (0, _reactI18next.useTranslation)();
-  const license = copyright ? (0, _licenses.getLicenseByAbbreviation)(copyright.license?.license ?? "", i18n.language) : undefined;
-  const authors = (0, _licenses.getLicenseCredits)(copyright);
-  const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: captionAuthors.map(author => author.name).join(", ")
-    }), license ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [" / ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
-        license: license,
-        hideLink: !isOpen && !!children
-      })]
-    }) : null]
-  });
-  if (children) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LicenseDescription, {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen,
-      children: content
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-    textStyle: "label.medium",
-    asChild: true,
-    consumeCss: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: content
-    })
-  });
-};
-exports.LicenseContainerContent = LicenseContainerContent;

package/lib/LicenseByline/LicenseLink.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LicenseLink = void 0;
-var _react = require("react");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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 StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
-  base: {
-    color: "text.link",
-    textDecoration: "underline",
-    whiteSpace: "nowrap",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusWithin: {
-      textDecoration: "none"
-    },
-    mobileWideDown: {
-      _disabled: {
-        display: "none"
-      }
-    }
-  }
-});
-const LicenseLink = exports.LicenseLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    license,
-    hideLink,
-    ...rest
-  } = _ref;
-  const disabled = hideLink ? {
-    "data-disabled": ""
-  } : {};
-  if (license.abbreviation === "unknown") {
-    return null;
-  }
-  if (license.url?.length) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLink, {
-      to: license.url,
-      rel: "license",
-      ...disabled,
-      ...rest,
-      ref: ref,
-      children: license.abbreviation
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    children: license.abbreviation
-  });
-});

package/lib/LicenseByline/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EmbedByline", {
-  enumerable: true,
-  get: function () {
-    return _EmbedByline.EmbedByline;
-  }
-});
-Object.defineProperty(exports, "LicenseLink", {
-  enumerable: true,
-  get: function () {
-    return _LicenseLink.LicenseLink;
-  }
-});
-var _EmbedByline = require("./EmbedByline");
-var _LicenseLink = require("./LicenseLink");

package/lib/LinkBlock/LinkBlock.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-var _react = require("react");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _relativeUrl = require("../utils/relativeUrl");
-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 InfoWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xsmall"
-  }
-});
-const StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
-  base: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    background: "surface.default",
-    padding: "medium",
-    border: "1px solid",
-    borderColor: "stroke.subtle",
-    borderRadius: "xsmall",
-    "& h3": {
-      textDecoration: "underline"
-    },
-    "& [data-forward]": {
-      transitionProperty: "width, height",
-      transitionTimingFunction: "ease-in-out",
-      transitionDuration: "fast"
-    },
-    _hover: {
-      "& h3": {
-        textDecoration: "none"
-      },
-      "& [data-forward]": {
-        width: "large",
-        height: "large"
-      }
-    }
-  }
-});
-const StyledDateContainer = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    gap: "xxsmall"
-  }
-});
-const StyledCalendarEd = (0, _jsx2.styled)(_icons.CalendarLine, {
-  base: {
-    color: "icon.strong"
-  }
-});
-const LinkBlock = _ref => {
-  let {
-    title,
-    articleLanguage,
-    date,
-    url,
-    path
-  } = _ref;
-  const href = (0, _relativeUrl.getPossiblyRelativeUrl)(url, path);
-  const formattedDate = (0, _react.useMemo)(() => {
-    if (!date) return null;
-    return new Intl.DateTimeFormat(articleLanguage, {
-      timeZone: "CET",
-      day: "2-digit",
-      month: "long",
-      year: "numeric"
-    }).format(new Date(date));
-  }, [date, articleLanguage]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSafeLink, {
-    to: href,
-    "data-embed-type": "link-block",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InfoWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
-        asChild: true,
-        consumeCss: true,
-        textStyle: "title.medium",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-          "data-heading": true,
-          children: (0, _htmlReactParser.default)(title)
-        })
-      }), !!date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDateContainer, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCalendarEd, {}), formattedDate]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightLine, {
-      "data-forward": true
-    })]
-  });
-};
-var _default = exports.default = LinkBlock;

package/lib/LinkBlock/LinkBlockSection.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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 StyledList = (0, _jsx2.styled)("ul", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xsmall",
-    listStyle: "none"
-  }
-});
-const LinkBlockSection = _ref => {
-  let {
-    children,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    ...rest,
-    "data-embed-type": "link-block-list",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
-      children: _react.Children.map(children, child => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-        children: child
-      }))
-    })
-  });
-};
-var _default = exports.default = LinkBlockSection;

package/lib/LinkBlock/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LinkBlock", {
-  enumerable: true,
-  get: function () {
-    return _LinkBlock.default;
-  }
-});
-Object.defineProperty(exports, "LinkBlockSection", {
-  enumerable: true,
-  get: function () {
-    return _LinkBlockSection.default;
-  }
-});
-var _LinkBlock = _interopRequireDefault(require("./LinkBlock"));
-var _LinkBlockSection = _interopRequireDefault(require("./LinkBlockSection"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/Pitch/Pitch.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pitch = void 0;
-var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-var _primitives = require("@ndla/primitives");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _patterns = require("@ndla/styled-system/patterns");
-var _relativeUrl = require("../utils/relativeUrl");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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 StyledCardHeading = (0, _jsx2.styled)(_primitives.CardHeading, {
-  base: {
-    paddingBlockStart: "medium"
-  }
-});
-const StyledText = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    paddingBlockEnd: "medium"
-  }
-});
-const StyledCardRoot = (0, _jsx2.styled)(_primitives.CardRoot, {
-  base: {
-    border: "0",
-    display: "flex",
-    flexDirection: "column",
-    gap: "small"
-  }
-});
-const StyledCardImage = (0, _jsx2.styled)(_primitives.CardImage, {
-  base: {
-    aspectRatio: "16/9",
-    height: "unset"
-  }
-});
-const Pitch = _ref => {
-  let {
-    title,
-    url,
-    metaImage,
-    path,
-    description
-  } = _ref;
-  const href = (0, _relativeUrl.getPossiblyRelativeUrl)(url, path);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCardRoot, {
-    variant: "subtle",
-    "data-embed-type": "pitch",
-    asChild: true,
-    consumeCss: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCardHeading, {
-        textStyle: "heading.small",
-        asChild: true,
-        consumeCss: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
-          to: href,
-          unstyled: true,
-          css: _patterns.linkOverlay.raw(),
-          children: (0, _htmlReactParser.default)(title)
-        })
-      }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
-        textStyle: "body.xlarge",
-        asChild: true,
-        consumeCss: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: (0, _htmlReactParser.default)(description)
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCardImage, {
-        variant: "rounded",
-        src: metaImage.url,
-        alt: metaImage.alt,
-        sizes: "480px",
-        fallbackWidth: 300,
-        width: 550,
-        height: 310
-      })]
-    })
-  });
-};
-exports.Pitch = Pitch;

package/lib/Pitch/index.js

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