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

package/lib/Breadcrumb/Breadcrumb.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactI18next = require("react-i18next");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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 StyledList = (0, _jsx2.styled)("ol", {
-  base: {
-    display: "flex",
-    flexWrap: "wrap",
-    alignItems: "center",
-    listStyle: "none",
-    gap: "xxsmall",
-    mobileDown: {
-      alignItems: "flex-start",
-      justifyContent: "center",
-      flexDirection: "column"
-    }
-  }
-});
-const Breadcrumb = _ref => {
-  let {
-    items,
-    renderItem,
-    renderSeparator,
-    collapseFirst,
-    collapseLast = true
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    "aria-label": t("breadcrumb.breadcrumb"),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
-      children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbItem.default, {
-        renderItem: renderItem,
-        renderSeparator: renderSeparator,
-        ref: element => {
-          if (element === null || !collapseFirst && index === 0 || !collapseLast && index === items.length - 1) {
-            if (element) {
-              element.setMaxWidth("none");
-            }
-          }
-        },
-        totalCount: items.length,
-        item: {
-          ...item,
-          index
-        }
-      }, typeof item.to === "string" ? item.to : item.to.pathname))
-    })
-  });
-};
-var _default = exports.default = Breadcrumb;

package/lib/Breadcrumb/BreadcrumbItem.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _icons = require("@ndla/icons");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-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 StyledListItem = (0, _jsx2.styled)("li", {
-  base: {
-    display: "flex",
-    color: "inherit",
-    gap: "3xsmall",
-    alignItems: "flex-end",
-    tabletDown: {
-      display: "block"
-    },
-    "& a": {
-      _visited: {
-        color: "inherit"
-      }
-    }
-  }
-});
-const BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    renderItem,
-    renderSeparator,
-    item,
-    totalCount
-  } = _ref;
-  const liRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    setMaxWidth: maxWidth => {
-      liRef.current.children[0].style.maxWidth = maxWidth;
-    }
-  }));
-  const {
-    to,
-    name,
-    index
-  } = item;
-  const isLast = index === totalCount - 1;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledListItem, {
-    ref: liRef,
-    "aria-current": isLast ? "page" : undefined,
-    children: [renderItem ? renderItem(item, totalCount) : isLast ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: name
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
-      to: to,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: name
-      })
-    }), renderSeparator ? renderSeparator(item, totalCount) : !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightShortLine, {})]
-  });
-});
-var _default = exports.default = BreadcrumbItem;

package/lib/Breadcrumb/HomeBreadcrumb.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _icons = require("@ndla/icons");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2022-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: "inherit",
-    textDecoration: "underline",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusVisible: {
-      textDecoration: "none"
-    }
-  }
-});
-const StyledArrowRight = (0, _jsx2.styled)(_icons.ArrowRightShortLine, {
-  base: {
-    tabletDown: {
-      display: "none"
-    }
-  }
-});
-const IconSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
-  base: {
-    color: "inherit"
-  }
-});
-const HomeBreadcrumb = _ref => {
-  let {
-    items
-  } = _ref;
-  const renderItem = (item, totalCount) => {
-    if (item.index === totalCount - 1) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: item.name
-      });
-    }
-    if (item.index === 0 && typeof item.name === "string") {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconSafeLink, {
-        "aria-label": item.name,
-        to: item.to,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.HomeLine, {
-          title: item.name
-        })
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLink, {
-      to: item.to,
-      children: item.name
-    });
-  };
-  const renderSeparator = (item, totalCount) => {
-    if (item.index === totalCount - 1) {
-      return null;
-    }
-    if (item.index === 0) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledArrowRight, {});
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightShortLine, {});
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Breadcrumb.default, {
-    items: items,
-    renderItem: renderItem,
-    renderSeparator: renderSeparator
-  });
-};
-var _default = exports.default = HomeBreadcrumb;

package/lib/Breadcrumb/index.js

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

package/lib/CampaignBlock/CampaignBlock.js

@@ -1,187 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-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 Wrapper = (0, _jsx2.styled)("div", {
-  base: {
-    width: "100%",
-    height: "100%",
-    containerType: "inline-size"
-  }
-});
-const Container = (0, _jsx2.styled)("div", {
-  base: {
-    display: "grid",
-    gridTemplateColumns: "1fr",
-    border: "1px solid",
-    borderColor: "stroke.default",
-    backgroundColor: "background.default",
-    borderRadius: "xsmall",
-    boxShadow: "full",
-    overflow: "hidden"
-  },
-  variants: {
-    imageSide: {
-      left: {
-        "@/tablet": {
-          gridTemplateColumns: "minmax(230px, 455px) auto" //required for campaign block in myNdla
-        },
-        "@supports not (container-type: inline-size)": {
-          tabletWide: {
-            gridTemplateColumns: "minmax(230px, 455px) auto"
-          }
-        }
-      },
-      right: {
-        "@/tablet": {
-          gridTemplateColumns: "auto minmax(230px, 455px)" //required for campaign block in myNdla
-        },
-        "@supports not (container-type: inline-size)": {
-          tabletWide: {
-            gridTemplateColumns: "auto minmax(230px, 455px)"
-          }
-        }
-      }
-    },
-    background: {
-      neutral: {},
-      brand1: {
-        backgroundColor: "surface.brand.1"
-      },
-      brand3: {
-        backgroundColor: "surface.brand.3"
-      }
-    }
-  },
-  defaultVariants: {
-    imageSide: "left",
-    background: "neutral"
-  }
-});
-const StyledImg = (0, _jsx2.styled)("img", {
-  base: {
-    objectFit: "cover",
-    width: "100%",
-    height: "215px",
-    "@/tablet": {
-      height: "340px"
-    },
-    "@supports not (container-type: inline-size)": {
-      tablet: {
-        height: "265px"
-      },
-      tabletWide: {
-        height: "340px"
-      }
-    },
-    backgroundColor: "background.default"
-  }
-});
-const ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    paddingBlock: "medium",
-    paddingInline: "medium",
-    position: "relative"
-  }
-});
-const StyledText = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    tablet: {
-      display: "block",
-      overflow: "hidden",
-      position: "relative",
-      lineClamp: 4,
-      boxOrient: "vertical"
-    }
-  }
-});
-const StyledSafeLinkButton = (0, _jsx2.styled)(_safelink.SafeLinkButton, {
-  base: {
-    boxShadow: "full",
-    border: "1px solid",
-    borderColor: "stroke.default"
-  }
-});
-const LinkButton = _ref => {
-  let {
-    url,
-    children,
-    path
-  } = _ref;
-  if (url) return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLinkButton, {
-    to: (0, _relativeUrl.getPossiblyRelativeUrl)(url, path),
-    variant: "secondary",
-    rel: "noopener noreferrer",
-    children: children
-  });
-  return children;
-};
-const CampaignBlock = _ref2 => {
-  let {
-    title,
-    image,
-    imageSide = "left",
-    description,
-    headingLevel: InternalHeading = "h2",
-    url,
-    path,
-    className,
-    background
-  } = _ref2;
-  const imageComponent = image && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
-    src: `${image.src}?width=455`,
-    height: 340,
-    width: 455,
-    alt: image.alt
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-      className: className,
-      "data-embed-type": "campaign-block",
-      imageSide: imageSide,
-      background: background,
-      children: [imageSide === "left" && imageComponent, /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-          asChild: true,
-          consumeCss: true,
-          textStyle: "heading.small",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalHeading, {
-            children: (0, _htmlReactParser.default)(title)
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
-          textStyle: "body.xlarge",
-          children: (0, _htmlReactParser.default)(description)
-        }), !!url?.url && /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkButton, {
-          url: url.url,
-          path: path,
-          children: [(0, _htmlReactParser.default)(url.text ?? ""), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightLine, {})]
-        })]
-      }), imageSide !== "left" && imageComponent]
-    })
-  });
-};
-var _default = exports.default = CampaignBlock;

package/lib/CampaignBlock/index.js

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

package/lib/CodeBlock/CodeBlock.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Codeblock = void 0;
-var _react = require("react");
-var _css = require("@ndla/styled-system/css");
-var _jsx2 = require("@ndla/styled-system/jsx");
-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 Pre = (0, _jsx2.styled)("pre", {});
-const Codeblock = exports.Codeblock = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    highlightedCode,
-    format,
-    className,
-    ...props
-  } = _ref;
-  const codeWithLineNumbers = (0, _react.useMemo)(() => {
-    return highlightedCode.split("\n").map((line, i) => {
-      return `<span class="linenumber">${i + 1}</span>${line}`;
-    }).join("\n");
-  }, [highlightedCode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Pre, {
-    className: (0, _css.cx)("codeblock", `language-${format}`, className),
-    ...props,
-    dangerouslySetInnerHTML: {
-      __html: codeWithLineNumbers
-    },
-    ref: ref
-  });
-});
-var _default = exports.default = Codeblock;

package/lib/CodeBlock/codeLanguageOptions.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.codeLanguageOptions = void 0;
-/**
- * Copyright (c) 2019-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const codeLanguageOptions = exports.codeLanguageOptions = [{
-  title: "Bash",
-  format: "bash"
-}, {
-  title: "C",
-  format: "c"
-}, {
-  title: "CSharp",
-  format: "csharp"
-}, {
-  title: "CSS",
-  format: "css"
-}, {
-  title: "Diff",
-  format: "diff"
-}, {
-  title: "HTML",
-  format: "markup"
-}, {
-  title: "Ini",
-  format: "ini"
-}, {
-  title: "Java",
-  format: "java"
-}, {
-  title: "Javascript",
-  format: "js"
-}, {
-  title: "JSON",
-  format: "json"
-}, {
-  title: "JSX",
-  format: "jsx"
-}, {
-  title: "Kotlin",
-  format: "kotlin"
-}, {
-  title: "LUA",
-  format: "lua"
-}, {
-  title: "Markdown",
-  format: "markdown"
-}, {
-  title: "Matlab",
-  format: "matlab"
-}, {
-  title: "NSIS",
-  format: "nsis"
-}, {
-  title: "PHP",
-  format: "php"
-}, {
-  title: "Powershell",
-  format: "powershell"
-}, {
-  title: "Python",
-  format: "python"
-}, {
-  title: "Ruby",
-  format: "ruby"
-}, {
-  title: "Rust",
-  format: "rust"
-}, {
-  title: "SQL",
-  format: "sql"
-}, {
-  title: "Text",
-  format: "text"
-}, {
-  title: "VHDL",
-  format: "vhdl"
-}, {
-  title: "XML",
-  format: "xml"
-}];

package/lib/CodeBlock/index.js

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

package/lib/Concept/Concept.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Concept = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _Embed = require("../Embed");
-var _EmbedByline = require("../LicenseByline/EmbedByline");
-var _licenseAttributes = require("../utils/licenseAttributes");
-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 StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium"
-  }
-});
-const ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    textStyle: "body.large",
-    display: "inline",
-    "& p": {
-      display: "inline"
-    }
-  }
-});
-const Concept = exports.Concept = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    copyright,
-    visualElement,
-    lang,
-    children,
-    title,
-    source,
-    previewAlt,
-    ...rest
-  } = _ref;
-  const licenseProps = (0, _licenseAttributes.licenseAttributes)(copyright?.license?.license, lang, source);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
-    ref: ref,
-    ...rest,
-    ...licenseProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-      lang: lang,
-      children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-          children: title
-        }), ` – `]
-      }), children]
-    }), visualElement?.resource === "image" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Embed.ImageEmbed, {
-      embed: visualElement,
-      lang: lang,
-      previewAlt: previewAlt
-    }) : visualElement?.resource === "brightcove" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Embed.BrightcoveEmbed, {
-      embed: visualElement
-    }) : visualElement?.resource === "h5p" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Embed.H5pEmbed, {
-      embed: visualElement
-    }) : visualElement?.resource === "iframe" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Embed.IframeEmbed, {
-      embed: visualElement
-    }) : visualElement?.resource === "external" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Embed.ExternalEmbed, {
-      embed: visualElement
-    }) : null, !!copyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedByline.EmbedByline, {
-      copyright: copyright,
-      type: "concept"
-    })]
-  });
-});