@ndla/ui 45.0.16 → 46.0.0

package/lib/Notion/NotionVisualElement.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { Copyright } from '../types';
-export type NotionVisualElementType = {
-    element?: ReactNode;
-    type?: 'video' | 'image' | 'h5p' | 'iframe';
-    resource?: string;
-    title?: string;
-    url?: string;
-    copyright?: Partial<Copyright>;
-    image?: {
-        src: string;
-        alt?: string;
-    };
-    licenseButtons?: ReactNode;
-};
-interface Props {
-    visualElement: NotionVisualElementType;
-    id: string;
-    figureId: string;
-}
-declare const NotionVisualElement: ({ visualElement, id, figureId }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default NotionVisualElement;

package/lib/Notion/NotionVisualElement.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _FigureNotion = _interopRequireDefault(require("./FigureNotion"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) 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. *
-                                                                                                                                                                                                                                                                                           */
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1xdnj1g-StyledIframe",
-  styles: "min-height:400px;label:StyledIframe;"
-} : {
-  name: "1xdnj1g-StyledIframe",
-  styles: "min-height:400px;label:StyledIframe;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVXIiwiZmlsZSI6Ik5vdGlvblZpc3VhbEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBGaWd1cmVOb3Rpb24gZnJvbSAnLi9GaWd1cmVOb3Rpb24nO1xuXG5jb25zdCBTdHlsZWRJZnJhbWUgPSBzdHlsZWQuaWZyYW1lPHsgdHlwZTogc3RyaW5nIH0+YFxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy50eXBlID09PSAndmlkZW8nXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MDBweDtcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlID0ge1xuICBlbGVtZW50PzogUmVhY3ROb2RlO1xuICB0eXBlPzogJ3ZpZGVvJyB8ICdpbWFnZScgfCAnaDVwJyB8ICdpZnJhbWUnO1xuICByZXNvdXJjZT86IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHVybD86IHN0cmluZztcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG4gIH07XG4gIGxpY2Vuc2VCdXR0b25zPzogUmVhY3ROb2RlO1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDogTm90aW9uVmlzdWFsRWxlbWVudFR5cGU7XG4gIGlkOiBzdHJpbmc7XG4gIGZpZ3VyZUlkOiBzdHJpbmc7XG59XG5jb25zdCBzdXBwb3J0ZWRFbWJlZFR5cGVzID0gWydicmlnaHRjb3ZlJywgJ2g1cCcsICdpZnJhbWUnLCAnZXh0ZXJuYWwnLCAnaW1hZ2UnXTtcblxuY29uc3QgZ2V0VHlwZSA9IChyZXNvdXJjZTogc3RyaW5nKSA9PiB7XG4gIGlmIChyZXNvdXJjZSA9PT0gJ2JyaWdodGNvdmUnKSB7XG4gICAgcmV0dXJuICd2aWRlbyc7XG4gIH1cbiAgaWYgKHJlc291cmNlID09PSAnaW1hZ2UnIHx8IHJlc291cmNlID09PSAnaDVwJykge1xuICAgIHJldHVybiByZXNvdXJjZTtcbiAgfVxuICByZXR1cm4gJ290aGVyJztcbn07XG5cbmNvbnN0IE5vdGlvblZpc3VhbEVsZW1lbnQgPSAoeyB2aXN1YWxFbGVtZW50LCBpZCwgZmlndXJlSWQgfTogUHJvcHMpID0+IHtcbiAgaWYgKCF2aXN1YWxFbGVtZW50LnJlc291cmNlIHx8ICFzdXBwb3J0ZWRFbWJlZFR5cGVzLmluY2x1ZGVzKHZpc3VhbEVsZW1lbnQucmVzb3VyY2UpKSB7XG4gICAgcmV0dXJuIDxwPkVtYmVkIHR5cGUgaXMgbm90IHN1cHBvcnRlZCE8L3A+O1xuICB9XG5cbiAgY29uc3QgdHlwZSA9IGdldFR5cGUodmlzdWFsRWxlbWVudC5yZXNvdXJjZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlTm90aW9uXG4gICAgICByZXNpemVJZnJhbWVcbiAgICAgIGlkPXtpZH1cbiAgICAgIGZpZ3VyZUlkPXtmaWd1cmVJZH1cbiAgICAgIHRpdGxlPXt2aXN1YWxFbGVtZW50LnRpdGxlID8/ICcnfVxuICAgICAgY29weXJpZ2h0PXt2aXN1YWxFbGVtZW50LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e3Zpc3VhbEVsZW1lbnQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgbGljZW5zZUJ1dHRvbnM9e3Zpc3VhbEVsZW1lbnQubGljZW5zZUJ1dHRvbnN9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgID5cbiAgICAgIHt2aXN1YWxFbGVtZW50LmltYWdlPy5zcmMgPyAoXG4gICAgICAgIDxpbWcgc3JjPXt2aXN1YWxFbGVtZW50LmltYWdlPy5zcmN9IGFsdD17dmlzdWFsRWxlbWVudC5pbWFnZS5hbHR9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSWZyYW1lIGFsbG93RnVsbFNjcmVlbiB0eXBlPXt0eXBlfSBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfSB0aXRsZT17dmlzdWFsRWxlbWVudC50aXRsZX0gLz5cbiAgICAgICl9XG4gICAgPC9GaWd1cmVOb3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb25WaXN1YWxFbGVtZW50O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var StyledIframe = /*#__PURE__*/(0, _base.default)("iframe", {
-  target: "e1hql2mu0",
-  label: "StyledIframe"
-})(function (props) {
-  return props.type === 'video' ? _ref : '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvRCIsImZpbGUiOiJOb3Rpb25WaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb3B5cmlnaHQgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcblxuY29uc3QgU3R5bGVkSWZyYW1lID0gc3R5bGVkLmlmcmFtZTx7IHR5cGU6IHN0cmluZyB9PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMudHlwZSA9PT0gJ3ZpZGVvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogNDAwcHg7XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSA9IHtcbiAgZWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgdHlwZT86ICd2aWRlbycgfCAnaW1hZ2UnIHwgJ2g1cCcgfCAnaWZyYW1lJztcbiAgcmVzb3VyY2U/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgaW1hZ2U/OiB7XG4gICAgc3JjOiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICBsaWNlbnNlQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHZpc3VhbEVsZW1lbnQ6IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBpZDogc3RyaW5nO1xuICBmaWd1cmVJZDogc3RyaW5nO1xufVxuY29uc3Qgc3VwcG9ydGVkRW1iZWRUeXBlcyA9IFsnYnJpZ2h0Y292ZScsICdoNXAnLCAnaWZyYW1lJywgJ2V4dGVybmFsJywgJ2ltYWdlJ107XG5cbmNvbnN0IGdldFR5cGUgPSAocmVzb3VyY2U6IHN0cmluZykgPT4ge1xuICBpZiAocmVzb3VyY2UgPT09ICdicmlnaHRjb3ZlJykge1xuICAgIHJldHVybiAndmlkZW8nO1xuICB9XG4gIGlmIChyZXNvdXJjZSA9PT0gJ2ltYWdlJyB8fCByZXNvdXJjZSA9PT0gJ2g1cCcpIHtcbiAgICByZXR1cm4gcmVzb3VyY2U7XG4gIH1cbiAgcmV0dXJuICdvdGhlcic7XG59O1xuXG5jb25zdCBOb3Rpb25WaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCwgaWQsIGZpZ3VyZUlkIH06IFByb3BzKSA9PiB7XG4gIGlmICghdmlzdWFsRWxlbWVudC5yZXNvdXJjZSB8fCAhc3VwcG9ydGVkRW1iZWRUeXBlcy5pbmNsdWRlcyh2aXN1YWxFbGVtZW50LnJlc291cmNlKSkge1xuICAgIHJldHVybiA8cD5FbWJlZCB0eXBlIGlzIG5vdCBzdXBwb3J0ZWQhPC9wPjtcbiAgfVxuXG4gIGNvbnN0IHR5cGUgPSBnZXRUeXBlKHZpc3VhbEVsZW1lbnQucmVzb3VyY2UpO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17aWR9XG4gICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICB0aXRsZT17dmlzdWFsRWxlbWVudC50aXRsZSA/PyAnJ31cbiAgICAgIGNvcHlyaWdodD17dmlzdWFsRWxlbWVudC5jb3B5cmlnaHR9XG4gICAgICBsaWNlbnNlU3RyaW5nPXt2aXN1YWxFbGVtZW50LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgIGxpY2Vuc2VCdXR0b25zPXt2aXN1YWxFbGVtZW50LmxpY2Vuc2VCdXR0b25zfVxuICAgICAgdHlwZT17dHlwZX1cbiAgICA+XG4gICAgICB7dmlzdWFsRWxlbWVudC5pbWFnZT8uc3JjID8gKFxuICAgICAgICA8aW1nIHNyYz17dmlzdWFsRWxlbWVudC5pbWFnZT8uc3JjfSBhbHQ9e3Zpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElmcmFtZSBhbGxvd0Z1bGxTY3JlZW4gdHlwZT17dHlwZX0gc3JjPXt2aXN1YWxFbGVtZW50LnVybH0gdGl0bGU9e3Zpc3VhbEVsZW1lbnQudGl0bGV9IC8+XG4gICAgICApfVxuICAgIDwvRmlndXJlTm90aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uVmlzdWFsRWxlbWVudDtcbiJdfQ== */"));
-var supportedEmbedTypes = ['brightcove', 'h5p', 'iframe', 'external', 'image'];
-var getType = function getType(resource) {
-  if (resource === 'brightcove') {
-    return 'video';
-  }
-  if (resource === 'image' || resource === 'h5p') {
-    return resource;
-  }
-  return 'other';
-};
-var NotionVisualElement = function NotionVisualElement(_ref2) {
-  var _visualElement$title, _visualElement$copyri, _visualElement$copyri2, _visualElement$copyri3, _visualElement$image, _visualElement$image2;
-  var visualElement = _ref2.visualElement,
-    id = _ref2.id,
-    figureId = _ref2.figureId;
-  if (!visualElement.resource || !supportedEmbedTypes.includes(visualElement.resource)) {
-    return (0, _jsxRuntime.jsx)("p", {
-      children: "Embed type is not supported!"
-    });
-  }
-  var type = getType(visualElement.resource);
-  return (0, _jsxRuntime.jsx)(_FigureNotion.default, {
-    resizeIframe: true,
-    id: id,
-    figureId: figureId,
-    title: (_visualElement$title = visualElement.title) !== null && _visualElement$title !== void 0 ? _visualElement$title : '',
-    copyright: visualElement.copyright,
-    licenseString: (_visualElement$copyri = (_visualElement$copyri2 = visualElement.copyright) === null || _visualElement$copyri2 === void 0 ? void 0 : (_visualElement$copyri3 = _visualElement$copyri2.license) === null || _visualElement$copyri3 === void 0 ? void 0 : _visualElement$copyri3.license) !== null && _visualElement$copyri !== void 0 ? _visualElement$copyri : '',
-    licenseButtons: visualElement.licenseButtons,
-    type: type,
-    children: (_visualElement$image = visualElement.image) !== null && _visualElement$image !== void 0 && _visualElement$image.src ? (0, _jsxRuntime.jsx)("img", {
-      src: (_visualElement$image2 = visualElement.image) === null || _visualElement$image2 === void 0 ? void 0 : _visualElement$image2.src,
-      alt: visualElement.image.alt
-    }) : (0, _jsxRuntime.jsx)(StyledIframe, {
-      allowFullScreen: true,
-      type: type,
-      src: visualElement.url,
-      title: visualElement.title
-    })
-  });
-};
-var _default = NotionVisualElement;
-exports.default = _default;

package/lib/utils/createUniversalPortal.d.ts

@@ -1,9 +0,0 @@
-/**
- * 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 { ReactNode } from 'react';
-export declare function createUniversalPortal(children: ReactNode, selector: string): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/utils/createUniversalPortal.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createUniversalPortal = createUniversalPortal;
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 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.
- *
- */
-
-// N.B This helper is intended to be used in https://github.com/ndlano/article-converter. It is not a general soultion for using portals in SSR applications.
-
-function canUseDOM() {
-  return !!(typeof window !== 'undefined' && window.document && !window.document.hidden); // window.document.hidden === jsdom check
-}
-
-function createUniversalPortal(children, selector) {
-  if (!canUseDOM()) {
-    return (0, _jsxRuntime.jsx)("div", {
-      "data-react-universal-portal": true,
-      children: children
-    });
-  }
-  return /*#__PURE__*/_reactDom.default.createPortal(children, document.querySelector(selector));
-}

package/src/Animation/Fade.tsx

@@ -1,46 +0,0 @@
-/**
- * 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.
- *
- */
-
-import { ReactNode, useMemo } from 'react';
-import { AnimatePresence, LazyMotion, m, domAnimation } from 'framer-motion';
-import uniqueId from 'lodash/uniqueId';
-
-interface Props {
-  children: ReactNode;
-  delay?: number;
-  timeout?: number;
-  exitDelay?: number;
-  show: boolean;
-}
-
-const animations = (duration: number, delayIn: number, delayOut: number) => ({
-  open: { opacity: 1, transition: { delay: delayIn / 1000, ease: 'easeInOut', duration: duration / 1000 } },
-  closed: { opacity: 0, transition: { delay: delayOut / 1000, ease: 'easeInOut', duration: duration / 1000 } },
-});
-
-const defaultTimeout = 300;
-
-const Fade = ({ show, delay = 0, timeout = defaultTimeout, exitDelay = 0, children }: Props) => {
-  const id = useMemo(() => uniqueId(), []);
-
-  const variants = useMemo(() => animations(timeout, delay, exitDelay), [timeout, delay, exitDelay]);
-
-  return (
-    <LazyMotion features={domAnimation}>
-      <AnimatePresence>
-        {show && (
-          <m.div key={id} initial="closed" animate="open" exit="closed" variants={variants}>
-            {children}
-          </m.div>
-        )}
-      </AnimatePresence>
-    </LazyMotion>
-  );
-};
-
-export default Fade;

package/src/Animation/index.ts

@@ -1 +0,0 @@
-export { default as Fade } from './Fade';

package/src/AudioPlayer/initAudioPlayers.tsx

@@ -1,57 +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 shave from 'shave';
-import Controls from './Controls';
-import SpeechControl from './SpeechControl';
-import { Locale } from '../types';
-
-export const truncateDescription = (el: HTMLElement, readMoreLabel: string | null) => {
-  shave(el, 90, {
-    character: `... <a href="#" onclick="(function(e){e.preventDefault(); const parentNode = e.target.parentNode; parentNode.nextSibling.style.display = 'inline'; parentNode.remove();return false;})(arguments[0]);return false;">${readMoreLabel}</a>`,
-  });
-};
-
-const forEachElement = (selector: string, callback: Function) => {
-  const nodeList = document.querySelectorAll(selector);
-  for (let i = 0; i < nodeList.length; i += 1) {
-    callback(nodeList[i], i);
-  }
-};
-
-const initAudioPlayers = (locale: Locale) => {
-  forEachElement('[data-audio-player]', (el: HTMLElement) => {
-    const src = el.getAttribute('data-src');
-    const title = el.getAttribute('data-title');
-    const speech = el.getAttribute('data-speech');
-    if (src && title) {
-      if (speech) {
-        // eslint-disable-next-line react/no-deprecated
-        ReactDOM.hydrate(<SpeechControl src={src} title={title} />, el);
-      } else {
-        // eslint-disable-next-line react/no-deprecated
-        ReactDOM.hydrate(<Controls src={src} title={title} />, el);
-      }
-    }
-  });
-
-  forEachElement('[data-audio-player-description]', (el: HTMLElement) => {
-    const readMoreLabel = el.getAttribute('data-read-more-text');
-    truncateDescription(el, readMoreLabel);
-  });
-
-  forEachElement('[data-audio-text-button-id]', (el: HTMLElement) => {
-    const id = el.getAttribute('data-audio-text-button-id');
-    if (id) {
-      el.onclick = () => document?.getElementById(id)?.toggleAttribute('hidden');
-    }
-  });
-};
-
-export default initAudioPlayers;

package/src/Dialog/Dialog.tsx

@@ -1,80 +0,0 @@
-/**
- * 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.
- *
- */
-
-// N.B These component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-
-import { ReactNode } from 'react';
-import BEMHelper from 'react-bem-helper';
-import { createUniversalPortal } from '../utils/createUniversalPortal';
-
-const classes = new BEMHelper({
-  name: 'dialog',
-  prefix: 'c-',
-});
-
-interface Props {
-  id: string;
-  labelledby?: string;
-  label?: string;
-  hidden?: boolean;
-  children?: ReactNode;
-  messages?: {
-    close: string;
-  };
-  modifier?: string | string[];
-  disablePortal?: boolean;
-  onClose?: () => void;
-}
-
-export const Dialog = ({
-  children,
-  messages = { close: 'Lukk' },
-  id,
-  labelledby,
-  label,
-  modifier,
-  disablePortal = false,
-  hidden = true,
-  onClose,
-  ...rest
-}: Props) => {
-  const content = (
-    <div
-      {...classes('', modifier)}
-      data-dialog-id={id}
-      role="dialog"
-      aria-hidden={hidden}
-      aria-labelledby={labelledby}
-      aria-label={label}
-      {...rest}
-    >
-      <div {...classes('content')}>
-        <button
-          {...classes('close')}
-          type="button"
-          onClick={() => {
-            if (onClose) {
-              onClose();
-            }
-          }}
-        >
-          {messages.close}
-        </button>
-        {children}
-      </div>
-      <div className="o-backdrop" />
-    </div>
-  );
-
-  if (disablePortal) {
-    return content;
-  }
-
-  return createUniversalPortal(content, 'body');
-};

package/src/Dialog/component.dialog.scss

@@ -1,144 +0,0 @@
-.c-dialog {
-  text-align: left;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: none;
-  overflow: auto;
-  z-index: 9500;
-  align-items: center;
-  justify-content: center;
-  font-family: $font;
-  .o-backdrop {
-    display: none;
-    z-index: 1;
-  }
-  &:not(&--large, &--fullscreen) {
-    h1 {
-      @include font-size(22px, 26px);
-    }
-  }
-  &--small-heading {
-    h1 {
-      @include font-size(22px, 26px);
-    }
-  }
-
-  &--active {
-    display: flex;
-    .o-backdrop {
-      display: block;
-      animation-name: fadeIn;
-      animation-duration: 0.8s;
-    }
-  }
-
-  &__content {
-    overflow: hidden;
-    height: 0;
-    visibility: hidden;
-    position: relative;
-    z-index: 2;
-    color: $primary-color;
-    @include mq(tablet) {
-      min-width: 20rem;
-    }
-    @include font-size(18px, 1.33);
-  }
-
-  &--active &__content {
-    background-color: $brand-color--lighter;
-    box-shadow: 0 0 30px rgba($black, 0.2);
-    padding: $spacing--large $spacing;
-    @include mq($until: tablet) {
-      padding-left: 20px;
-      padding-right: 20px;
-    }
-    animation-name: zoomIn;
-    animation-duration: 0.3s;
-    overflow: auto;
-    height: 100vh;
-    width: 100vw;
-    -webkit-overflow-scrolling: touch;
-
-    @include mq(tablet) {
-      width: 90%;
-      max-height: 85vh;
-      // margin: 0 auto;
-      padding: $spacing--medium;
-      max-width: 613px;
-      min-width: 613px;
-      width: auto;
-      opacity: 1;
-      animation-name: fadeInBottomFixed;
-      height: auto;
-    }
-    visibility: visible;
-  }
-
-  &--active &__close {
-    display: block;
-    float: right;
-    position: relative;
-    z-index: 3;
-    background: transparent;
-    border: none;
-    color: $brand-color;
-    @include font-size(18px, 1.33);
-    font-weight: $font-weight-normal;
-    padding: 0;
-    box-shadow: $link;
-    height: 25px;
-    @include mq($until: tablet) {
-      + * {
-        margin-top: $spacing--large;
-      }
-    }
-    cursor: pointer;
-    &:hover {
-      box-shadow: $link--hover;
-    }
-  }
-
-  &--large &__content {
-    max-width: 970px;
-    width: 970px;
-    @include mq($until: 970px) {
-      max-height: 100vh;
-      min-height: 100vh;
-    }
-  }
-
-  &--medium &__content {
-    max-width: 790px;
-    width: 790px;
-    @include mq($until: 790px) {
-      max-height: 100vh;
-      min-height: 100vh;
-    }
-  }
-
-  &--fullscreen &__content {
-    @include mq(tablet) {
-      height: 100vh;
-      width: 90vw;
-      max-width: 90vw;
-      .c-figure-license__img {
-        max-height: 85vh;
-        max-height: 85vh;
-        width: auto;
-        margin: auto;
-      }
-    }
-  }
-}
-/*
-  Hack for fixing top padding on devices
-  where had to add position fixed to <html />
-  to prevent scrolling on background
-*/
-html.scrollFix .c-dialog--active .c-dialog__content {
-  padding-top: $spacing--large;
-}

package/src/Dialog/index.ts

@@ -1,13 +0,0 @@
-/**
- * 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.
- *
- */
-
-import { Dialog } from './Dialog';
-
-export { Dialog };
-
-export default Dialog;

package/src/Figure/FigureLicense.tsx

@@ -1,75 +0,0 @@
-/**
- * Copyright (c) 2018-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-// N.B This component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-
-import { ReactNode } from 'react';
-import BEMHelper from 'react-bem-helper';
-import { uuid } from '@ndla/util';
-import { LicenseDescription } from '@ndla/notion';
-import { FigureLicense } from './Figure';
-import { Contributor } from '../types';
-
-export const classLicenses = new BEMHelper({
-  name: 'figure-license',
-  prefix: 'c-',
-});
-
-interface FigureLicenseCtaProps {
-  children?: ReactNode;
-  origin?: string;
-  authors?: Contributor[];
-  messages: {
-    source: string;
-    title: string;
-  };
-  title?: string;
-}
-
-export const FigureLicenseCta = ({ children, messages, authors, origin, title }: FigureLicenseCtaProps) => (
-  <div {...classLicenses('cta-wrapper')}>
-    <ul {...classLicenses('list')}>
-      {title && <li {...classLicenses('item')}>{`${messages.title}: ${title}`}</li>}
-      {authors?.map((author) => (
-        <li key={uuid()} {...classLicenses('item')}>{`${author.type}: ${author.name}`}</li>
-      ))}
-      {origin && (
-        <li {...classLicenses('item')}>
-          {messages.source}:{' '}
-          {origin.startsWith('http') ? (
-            <a href={origin} target="_blank" rel="noopener noreferrer">
-              {origin}
-            </a>
-          ) : (
-            origin
-          )}
-        </li>
-      )}
-    </ul>
-    <div {...classLicenses('cta-block')}>{children}</div>
-  </div>
-);
-
-interface Props {
-  messages: {
-    modelPremission?: string;
-    learnAboutLicenses: string;
-  };
-  license: FigureLicense;
-  locale: string;
-}
-
-export const FigureLicenseByline = ({ messages, license, locale }: Props) => (
-  <>
-    <LicenseDescription key="byline" highlightCC locale={locale} messages={messages} licenseRights={license.rights} />
-    <a key="link" {...classLicenses('link')} target="_blank" rel="noopener noreferrer" href={license.url}>
-      {license.linkText}
-    </a>
-  </>
-);

package/src/Figure/FigureLicenseDialog.tsx

@@ -1,51 +0,0 @@
-/**
- * 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.
- *
- */
-
-// N.B This component is used to render static markup serverside
-// Any interactivty is added by scripts located in the ndla-article-scripts package
-
-import { ReactNode } from 'react';
-import Dialog from '../Dialog';
-import { classLicenses, FigureLicenseByline, FigureLicenseCta } from './FigureLicense';
-import { FigureLicense } from './Figure';
-import { Contributor } from '../types';
-
-export const FigureLicenseDialog = ({ children, messages, id, authors, origin, title, locale, license }: Props) => {
-  const headingLabelId = `heading-${id}`;
-  return (
-    <Dialog id={id} labelledby={headingLabelId} messages={messages}>
-      <div {...classLicenses()}>
-        <h1 id={headingLabelId} {...classLicenses('title')}>
-          {messages.rulesForUse}
-        </h1>
-        <FigureLicenseByline license={license} messages={messages} locale={locale} />
-        <FigureLicenseCta authors={authors} title={title} origin={origin} messages={messages}>
-          {children}
-        </FigureLicenseCta>
-      </div>
-    </Dialog>
-  );
-};
-
-interface Props {
-  id: string;
-  children?: ReactNode;
-  origin?: string;
-  authors?: Contributor[];
-  messages: {
-    modelPremission?: string;
-    close: string;
-    rulesForUse: string;
-    source: string;
-    learnAboutLicenses: string;
-    title: string;
-  };
-  title?: string;
-  license: FigureLicense;
-  locale: string;
-}