@ndla/ui 55.0.12-alpha.0 → 55.0.13-alpha.0

package/lib/SnackBar/SnackbarProvider.js

@@ -67,7 +67,7 @@ const SnackbarProvider = _ref => {
 exports.SnackbarProvider = SnackbarProvider;
 const snackbarInAnimation = (0, _react2.keyframes)({
   "0%": {
-    transform: "translateY(".concat(_core.spacing.medium, ")"),
+    transform: `translateY(${_core.spacing.medium})`,
     opacity: 0
   },
   "100%": {
@@ -79,7 +79,7 @@ const snackbarOutAnimation = (0, _react2.keyframes)({
     opacity: 1
   },
   "100%": {
-    transform: "translateY(".concat(_core.spacing.medium, ")"),
+    transform: `translateY(${_core.spacing.medium})`,
     opacity: 0
   }
 });
@@ -119,15 +119,12 @@ const SnackbarContainer = _ref4 => {
   return (0, _jsxRuntime.jsx)(StyledSnackList, {
     "aria-live": "polite",
     role: "region",
-    children: snacks.map(snack => {
-      var _snack$render, _snack$render2;
-      return (0, _jsxRuntime.jsx)(BaseSnack, {
-        ...snack,
-        children: (_snack$render = (_snack$render2 = snack.render) === null || _snack$render2 === void 0 ? void 0 : _snack$render2.call(snack, snack.id)) !== null && _snack$render !== void 0 ? _snack$render : (0, _jsxRuntime.jsx)(_DefaultSnackbar.default, {
-          ...snack
-        })
-      }, snack.id);
-    })
+    children: snacks.map(snack => (0, _jsxRuntime.jsx)(BaseSnack, {
+      ...snack,
+      children: snack.render?.(snack.id) ?? (0, _jsxRuntime.jsx)(_DefaultSnackbar.default, {
+        ...snack
+      })
+    }, snack.id))
   });
 };
 var _default = exports.default = SnackbarProvider;

package/lib/TagSelector/TagSelector.js

@@ -32,7 +32,7 @@ const styles = {
   dropdownIndicator: () => ({}),
   placeholder: provided => ({
     ...provided,
-    padding: "0 ".concat(_core.spacing.small),
+    padding: `0 ${_core.spacing.small}`,
     color: _core.colors.brand.primary,
     margin: 0
   }),

package/lib/TagSelector/ariaMessages.js

@@ -23,9 +23,9 @@ const createAriaMessages = t => ({
     } = props;
     switch (context) {
       case "menu":
-        return "".concat(t("tagSelector.aria.guidance.menu.updown")).concat(isDisabled ? "" : ", ".concat(t("tagSelector.aria.guidance.menu.enter")), ", ").concat(t("tagSelector.aria.guidance.menu.escape")).concat(tabSelectsValue ? ", ".concat(t("tagSelector.aria.guidance.menu.tab")) : "", ".");
+        return `${t("tagSelector.aria.guidance.menu.updown")}${isDisabled ? "" : `, ${t("tagSelector.aria.guidance.menu.enter")}`}, ${t("tagSelector.aria.guidance.menu.escape")}${tabSelectsValue ? `, ${t("tagSelector.aria.guidance.menu.tab")}` : ""}.`;
       case "input":
-        return "".concat(props["aria-label"] || t("tagSelector.aria.guidance.input.select"), " ").concat(t("tagSelector.aria.guidance.input.focused"), " ").concat(isSearchable ? ", ".concat(t("tagSelector.aria.guidance.input.refine")) : "", ", ").concat(t("tagSelector.aria.guidance.input.down"), ", ").concat(isMulti ? " ".concat(t("tagSelector.aria.guidance.input.left")) : "", ", ").concat(t("tagSelector.aria.guidance.input.space"));
+        return `${props["aria-label"] || t("tagSelector.aria.guidance.input.select")} ${t("tagSelector.aria.guidance.input.focused")} ${isSearchable ? `, ${t("tagSelector.aria.guidance.input.refine")}` : ""}, ${t("tagSelector.aria.guidance.input.down")}, ${isMulti ? ` ${t("tagSelector.aria.guidance.input.left")}` : ""}, ${t("tagSelector.aria.guidance.input.space")}`;
       case "value":
         return t("tagSelector.aria.guidance.value");
       default:
@@ -72,7 +72,7 @@ const createAriaMessages = t => ({
       isDisabled,
       isSelected
     } = props;
-    const getArrayIndex = (arr, item) => arr && arr.length ? "".concat(arr.indexOf(item) + 1, " ").concat(t("tagSelector.aria.onFocus.of"), " ").concat(arr.length) : "";
+    const getArrayIndex = (arr, item) => arr && arr.length ? `${arr.indexOf(item) + 1} ${t("tagSelector.aria.onFocus.of")} ${arr.length}` : "";
     if (context === "value" && selectValue) {
       return t("tagSelector.aria.onFocus.value", {
         label,
@@ -80,8 +80,8 @@ const createAriaMessages = t => ({
       });
     }
     if (context === "menu") {
-      const disabled = isDisabled ? " ".concat(t("tagSelector.aria.disabled")) : "";
-      const status = "".concat(isSelected ? t("tagSelector.aria.selected") : t("tagSelector.aria.focused")).concat(disabled);
+      const disabled = isDisabled ? ` ${t("tagSelector.aria.disabled")}` : "";
+      const status = `${isSelected ? t("tagSelector.aria.selected") : t("tagSelector.aria.focused")}${disabled}`;
       return t("tagSelector.aria.onFocus.menu", {
         label,
         status,
@@ -95,7 +95,7 @@ const createAriaMessages = t => ({
       inputValue,
       resultsMessage
     } = props;
-    return "".concat(resultsMessage).concat(inputValue ? " ".concat(t("tagSelector.aria.onFilter"), " ") + inputValue : "", ".");
+    return `${resultsMessage}${inputValue ? ` ${t("tagSelector.aria.onFilter")} ` + inputValue : ""}.`;
   }
 });
 exports.createAriaMessages = createAriaMessages;

package/lib/TreeStructure/AddFolderButton.js

@@ -56,7 +56,7 @@ const AddFolderButton = _ref => {
   } = (0, _reactI18next.useTranslation)();
   const ref = (0, _react.useRef)(null);
   const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
-    folderName: focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.name
+    folderName: focusedFolder?.name
   }) : t("treeStructure.maxFoldersAlreadyAdded");
   return (0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
     tooltip: tooltip,
@@ -67,20 +67,18 @@ const AddFolderButton = _ref => {
       disabled: loading || !canAddFolder,
       "aria-label": tooltip,
       onMouseDown: e => {
-        var _ref$current;
         e.preventDefault();
         e.stopPropagation();
-        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+        ref.current?.focus();
       },
       onMouseUp: e => {
-        var _ref$current2;
         e.preventDefault();
         e.stopPropagation();
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.focus();
+        ref.current?.focus();
       },
       onClick: e => {
         e.currentTarget.focus();
-        setNewFolderParentId(focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id);
+        setNewFolderParentId(focusedFolder?.id);
         setShowTree(true);
       },
       children: [(0, _jsxRuntime.jsx)(StyledPlus, {}), " ", t("myNdla.newFolder")]

package/lib/TreeStructure/ComboboxButton.js

@@ -75,11 +75,10 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     "data-open": showTree,
     onMouseDown: e => {
       if (!e.defaultPrevented) {
-        var _innerRef$current;
         e.preventDefault();
         e.stopPropagation();
         onToggleTree(!showTree);
-        (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.focus();
+        innerRef.current?.focus();
       }
     },
     children: [loading && (0, _jsxRuntime.jsx)(_ContentLoader.default, {
@@ -111,11 +110,10 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       shape: "sharp",
       onKeyDown: onKeyDown,
       onClick: () => {
-        var _innerRef$current2;
-        (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 || _innerRef$current2.focus();
+        innerRef.current?.focus();
         onToggleTree(showTree);
       },
-      children: selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.name
+      children: selectedFolder?.name
     }), (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
       disabled: loading,
       "aria-busy": loading,
@@ -126,8 +124,7 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       colorTheme: "greyLighter",
       size: "small",
       onClick: () => {
-        var _innerRef$current3;
-        (_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 || _innerRef$current3.focus();
+        innerRef.current?.focus();
         onToggleTree(!showTree);
       },
       children: showTree ? (0, _jsxRuntime.jsx)(_common.ChevronUp, {}) : (0, _jsxRuntime.jsx)(_common.ChevronDown, {})

package/lib/TreeStructure/FolderItem.js

@@ -108,7 +108,7 @@ const FolderItem = _ref => {
   const levelVariable = (0, _react.useMemo)(() => ({
     "--level": level
   }), [level]);
-  const focused = (focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id) === id;
+  const focused = focusedFolder?.id === id;
   const handleClickFolder = () => {
     if (!selected) {
       setSelectedFolder(folder);
@@ -121,21 +121,19 @@ const FolderItem = _ref => {
     }
   };
   (0, _react.useEffect)(() => {
-    if ((focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id) === id && !isCreatingFolder) {
+    if (focusedFolder?.id === id && !isCreatingFolder) {
       if (type === "navigation") {
-        var _ref$current;
-        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+        ref.current?.focus();
       }
       if (type === "picker") {
-        var _ref$current2;
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.scrollIntoView({
+        ref.current?.scrollIntoView({
           behavior: "smooth",
           block: "start"
         });
       }
     }
   }, [focusedFolder, ref, id, isCreatingFolder, type]);
-  const linkPath = "/minndla/folders/".concat(id);
+  const linkPath = `/minndla/folders/${id}`;
   const containsResource = targetResource && folder.resources.some(resource => resource.resourceId === targetResource.resourceId);
   const emptyFolder = folder.subfolders.length === 0;
   const isMaxDepth = level > maxLevel;
@@ -144,10 +142,10 @@ const FolderItem = _ref => {
   const tabable = selected || focused || !focusedFolder && !folder.parentId && index === 0;
   return type === "navigation" ? (0, _jsxRuntime.jsxs)(FolderNameLink, {
     role: "treeitem",
-    "aria-owns": folder.subfolders.length ? (0, _helperFunctions.treestructureId)(type, "subfolders-".concat(folder.id)) : undefined,
+    "aria-owns": folder.subfolders.length ? (0, _helperFunctions.treestructureId)(type, `subfolders-${folder.id}`) : undefined,
     "aria-expanded": isMaxDepth || emptyFolder ? undefined : isOpen,
     "aria-current": selected ? "page" : undefined,
-    "aria-describedby": containsResource ? "alreadyAdded-".concat(folder.id) : undefined,
+    "aria-describedby": containsResource ? `alreadyAdded-${folder.id}` : undefined,
     ref: ref,
     style: levelVariable,
     onKeyDown: e => {
@@ -168,10 +166,9 @@ const FolderItem = _ref => {
       "data-open": isOpen,
       "data-hide-arrow": hideArrow,
       onClick: e => {
-        var _ref$current3;
         e.stopPropagation();
         e.preventDefault();
-        (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.focus();
+        ref.current?.focus();
         if (isOpen) {
           onCloseFolder(id);
         } else {
@@ -188,9 +185,9 @@ const FolderItem = _ref => {
     id: (0, _helperFunctions.treestructureId)(type, folder.id),
     "aria-expanded": isMaxDepth || emptyFolder ? undefined : isOpen,
     "aria-selected": selected,
-    "data-focused": (focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id) === folder.id,
-    "aria-describedby": containsResource ? "alreadyAdded-".concat(folder.id) : undefined,
-    "aria-label": "".concat(name).concat(folder.status === "shared" ? ", ".concat(t("myNdla.folder.sharing.shared")) : ""),
+    "data-focused": focusedFolder?.id === folder.id,
+    "aria-describedby": containsResource ? `alreadyAdded-${folder.id}` : undefined,
+    "aria-label": `${name}${folder.status === "shared" ? `, ${t("myNdla.folder.sharing.shared")}` : ""}`,
     variant: "ghost",
     shape: "sharp",
     fontWeight: "normal",
@@ -225,7 +222,7 @@ const FolderItem = _ref => {
       children: name
     }), containsResource && (0, _jsxRuntime.jsx)(StyledDone, {
       "aria-label": t("myNdla.alreadyInFolder"),
-      id: "alreadyAdded-".concat(folder.id),
+      id: `alreadyAdded-${folder.id}`,
       title: t("myNdla.alreadyInFolder")
     })]
   });

package/lib/TreeStructure/FolderItems.js

@@ -49,7 +49,7 @@ const FolderItems = _ref => {
     ...rest
   } = _ref;
   return (0, _jsxRuntime.jsxs)(StyledUL, {
-    id: level === 0 && type === "picker" ? (0, _helperFunctions.treestructureId)(type, "popup") : parentFolder ? (0, _helperFunctions.treestructureId)(type, "subfolders-".concat(parentFolder.id)) : undefined,
+    id: level === 0 && type === "picker" ? (0, _helperFunctions.treestructureId)(type, "popup") : parentFolder ? (0, _helperFunctions.treestructureId)(type, `subfolders-${parentFolder.id}`) : undefined,
     tabIndex: -1,
     "aria-labelledby": level === 0 && type === "picker" ? (0, _helperFunctions.treestructureId)(type, "label") : undefined,
     role: level === 0 ? "tree" : "group",
@@ -58,7 +58,7 @@ const FolderItems = _ref => {
         subfolders,
         id
       } = folder;
-      const isOpen = openFolders === null || openFolders === void 0 ? void 0 : openFolders.includes(id);
+      const isOpen = openFolders?.includes(id);
       return (0, _jsxRuntime.jsxs)(StyledLI, {
         tabIndex: -1,
         role: "none",
@@ -86,7 +86,7 @@ const FolderItems = _ref => {
           ...rest,
           children: newFolderParentId === id && (0, _jsxRuntime.jsx)("li", {
             role: "none",
-            children: newFolderInput === null || newFolderInput === void 0 ? void 0 : newFolderInput({
+            children: newFolderInput?.({
               parentId: id,
               onClose: onCancelNewFolder,
               onCreate

package/lib/TreeStructure/TreeStructure.js

@@ -72,7 +72,7 @@ const TreeStructure = _ref => {
     ariaDescribedby
   } = _ref;
   const ref = (0, _react.useRef)(null);
-  const defaultSelectedFolderId = defaultOpenFolders === null || defaultOpenFolders === void 0 ? void 0 : defaultOpenFolders[defaultOpenFolders.length - 1];
+  const defaultSelectedFolderId = defaultOpenFolders?.[defaultOpenFolders.length - 1];
   const [openFolders, setOpenFolders] = (0, _react.useState)(defaultOpenFolders || []);
   const [newFolderParentId, setNewFolderParentId] = (0, _react.useState)();
   const [focusedFolder, _setFocusedFolder] = (0, _react.useState)();
@@ -109,13 +109,12 @@ const TreeStructure = _ref => {
   };
   const setSelectedFolder = folder => {
     _setSelectedFolder(folder);
-    onSelectFolder === null || onSelectFolder === void 0 || onSelectFolder(folder.id);
+    onSelectFolder?.(folder.id);
   };
   const setFocusedFolder = folder => {
-    var _ref$current;
     _setFocusedFolder(folder);
     setNewFolderParentId(undefined);
-    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus({
+    ref.current?.focus({
       preventScroll: true
     });
   };
@@ -126,7 +125,7 @@ const TreeStructure = _ref => {
     const closedFolder = flattenedFolders.find(folder => folder.id === id);
     if (closedFolder) {
       const subFolders = closedFolder.subfolders && (0, _helperFunctions.flattenFolders)(closedFolder.subfolders);
-      if (subFolders.some(folder => folder.id === (selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.id))) {
+      if (subFolders.some(folder => folder.id === selectedFolder?.id)) {
         setFocusedFolder(closedFolder);
       }
     }
@@ -134,24 +133,22 @@ const TreeStructure = _ref => {
   };
   const onNewFolderCreated = (newFolder, parentId) => {
     if (newFolder) {
-      var _ref$current2;
       setSelectedFolder(newFolder);
       setFocusedFolder(newFolder);
       setOpenFolders(uniq(openFolders.concat(parentId)));
-      setNewFolderParentId === null || setNewFolderParentId === void 0 || setNewFolderParentId(undefined);
-      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.focus({
+      setNewFolderParentId?.(undefined);
+      ref.current?.focus({
         preventScroll: true
       });
     }
   };
   const onCancelNewFolder = () => {
-    var _ref$current3;
-    setNewFolderParentId === null || setNewFolderParentId === void 0 || setNewFolderParentId(undefined);
-    (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.focus({
+    setNewFolderParentId?.(undefined);
+    ref.current?.focus({
       preventScroll: true
     });
   };
-  const canAddFolder = selectedFolder && (selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.breadcrumbs.length) < (maxLevel || 1);
+  const canAddFolder = selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
   return (0, _jsxRuntime.jsxs)(StyledTreeStructure, {
     onBlur: e => {
       if (type === "picker" && !e.currentTarget.contains(e.relatedTarget)) {

package/lib/TreeStructure/helperFunctions.js

@@ -35,6 +35,6 @@ const flattenFolders = (folders, openFolders) => {
 };
 exports.flattenFolders = flattenFolders;
 const treestructureId = (type, modifier) => {
-  return "".concat(type, "-treestructure-").concat(modifier);
+  return `${type}-treestructure-${modifier}`;
 };
 exports.treestructureId = treestructureId;

package/lib/ZendeskButton/ZendeskButton.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ *
+ */
+/// <reference types="react" />
+import { ButtonProps } from "@ndla/primitives";
+export interface ZendeskButtonProps extends ButtonProps {
+    widgetKey: string;
+    locale: string;
+}
+declare global {
+    interface Window {
+        zE: (modifier: string, action: string, callback?: (() => void) | string) => void;
+    }
+}
+export declare const ZendeskButton: import("react").ForwardRefExoticComponent<ZendeskButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/ZendeskButton/ZendeskButton.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZendeskButton = void 0;
+var _react = require("react");
+var _primitives = require("@ndla/primitives");
+var _jsxRuntime = require("@emotion/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.
+ *
+ */
+
+// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
+
+const ZendeskButton = exports.ZendeskButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    locale,
+    variant = "secondary",
+    widgetKey,
+    children,
+    ...rest
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const handleClick = () => {
+    if (window && !window.zE) {
+      setLoading(true);
+      // Asynchronously load zendesk scripts for better performance
+      const script = document.createElement("script");
+      script.id = "ze-snippet";
+      script.type = "text/javascript";
+      script.async = true;
+      script.onload = () => {
+        if (window.zE) {
+          window.zE("webWidget", "setLocale", locale);
+          window.zE("webWidget:on", "close", () => {
+            setLoading(false);
+          });
+          window.zE("webWidget", "open");
+        }
+      };
+      script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;
+      document.body.appendChild(script);
+    } else if (window?.zE) {
+      window.zE("webWidget", "open");
+    }
+  };
+  return (0, _jsxRuntime.jsx)(_primitives.Button, {
+    onClick: handleClick,
+    variant: variant,
+    id: "zendeskButton",
+    disabled: loading,
+    ...rest,
+    ref: ref,
+    children: children
+  });
+});

package/lib/i18n/formatNestedMessages.js

@@ -21,7 +21,7 @@ const formatNestedMessages = function (phrases) {
   Object.keys(phrases).forEach(key => {
     const value = phrases[key];
     if ({}.hasOwnProperty.call(phrases, key)) {
-      const keyWithPrefix = prefix ? "".concat(prefix, ".").concat(key) : key;
+      const keyWithPrefix = prefix ? `${prefix}.${key}` : key;
       if (typeof value === "object") {
         formatNestedMessages(value, formattedMessages, keyWithPrefix);
       } else {

package/lib/index.d.ts

@@ -73,3 +73,5 @@ export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
 export type { Article as ArticleType } from "./types";
 export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
+export type { ZendeskButtonProps } from "./ZendeskButton/ZendeskButton";

package/lib/index.js

@@ -669,6 +669,12 @@ Object.defineProperty(exports, "WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH", {
     return _FrontpageArticle.WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH;
   }
 });
+Object.defineProperty(exports, "ZendeskButton", {
+  enumerable: true,
+  get: function () {
+    return _ZendeskButton.ZendeskButton;
+  }
+});
 Object.defineProperty(exports, "codeLanguageOptions", {
   enumerable: true,
   get: function () {
@@ -815,6 +821,7 @@ var _DefinitionList = require("./DefinitionList");
 var _Gloss = require("./Gloss");
 var _LinkBlock = require("./LinkBlock");
 var _CodeBlock = require("./CodeBlock");
+var _ZendeskButton = require("./ZendeskButton/ZendeskButton");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/locale/messages-en.d.ts

@@ -802,6 +802,7 @@ declare const messages: {
             url: string;
             caption: string;
         };
+        valueText: string;
         controls: {
             forward15sec: string;
             rewind15sec: string;

package/lib/locale/messages-en.js

@@ -68,7 +68,7 @@ const messages = {
       onChange: {
         deselect: "tag {{label}}, deselected.",
         clear: "All selected options have been cleared.",
-        initialFocus: "Tags {{labels}}, selected.",
+        initialFocus: `Tags {{labels}}, selected.`,
         selectedDisabled: "Tag {{label}} is disabled. Select another option.",
         selected: "Tag {{label}}, selected."
       },
@@ -89,11 +89,11 @@ const messages = {
   },
   htmlTitles: {
     titleTemplate,
-    welcomePage: "Frontpage".concat(titleTemplate),
+    welcomePage: `Frontpage${titleTemplate}`,
     topicPage: "Topic",
-    subjectsPage: "Choose subjects".concat(titleTemplate),
-    searchPage: "Search".concat(titleTemplate),
-    notFound: "Page not found".concat(titleTemplate)
+    subjectsPage: `Choose subjects${titleTemplate}`,
+    searchPage: `Search${titleTemplate}`,
+    notFound: `Page not found${titleTemplate}`
   },
   askNDLA: "Ask NDLA",
   articlePage: {
@@ -731,7 +731,7 @@ const messages = {
     previousArrow: "Go to previous step"
   },
   dropdown: {
-    numberHits: "Search returned {{hits}} hits",
+    numberHits: `Search returned {{hits}} hits`,
     searching: "Searching...",
     create: "Create new",
     isSelectedItem: "Added",
@@ -819,6 +819,7 @@ const messages = {
       url: "Error loading the audio.",
       caption: "Sorry, an error occurred while loading the audio."
     },
+    valueText: "{{start}} of {{end}}",
     controls: {
       forward15sec: "Forward 15 seconds",
       rewind15sec: "Rewind 15 seconds",
@@ -1376,9 +1377,9 @@ const messages = {
   embed: {
     conceptListError: "Failed to show concept list",
     linkError: "Failed to show link.",
-    unsupported: "Embed {{type}} not supported.",
+    unsupported: `Embed {{type}} not supported.`,
     goTo: "Go to {{type}}",
-    embedError: "An error occurred while loading the {{type}}. Try reloading the page.",
+    embedError: `An error occurred while loading the {{type}}. Try reloading the page.`,
     type: {
       image: "Image",
       video: "Video",

package/lib/locale/messages-nb.d.ts

@@ -802,6 +802,7 @@ declare const messages: {
             url: string;
             caption: string;
         };
+        valueText: string;
         controls: {
             forward15sec: string;
             rewind15sec: string;

package/lib/locale/messages-nb.js

@@ -68,7 +68,7 @@ const messages = {
       onChange: {
         deselect: "emneknagg {{label}}, fjernet.",
         clear: "Alle valgte emneknagger fjernet.",
-        initialFocus: "Emneknagger {{labels}}, valgt.",
+        initialFocus: `Emneknagger {{labels}}, valgt.`,
         selectedDisabled: "Emneknagg {{label}} kan ikke velges. Velg et annet alternativ.",
         selected: "Emneknagg {{label}},  valgt."
       },
@@ -89,11 +89,11 @@ const messages = {
   },
   htmlTitles: {
     titleTemplate,
-    welcomePage: "Forsiden".concat(titleTemplate),
+    welcomePage: `Forsiden${titleTemplate}`,
     topicPage: "Emne",
-    subjectsPage: "Velg fag".concat(titleTemplate),
-    searchPage: "S\xF8k".concat(titleTemplate),
-    notFound: "Siden finnes ikke".concat(titleTemplate)
+    subjectsPage: `Velg fag${titleTemplate}`,
+    searchPage: `Søk${titleTemplate}`,
+    notFound: `Siden finnes ikke${titleTemplate}`
   },
   askNDLA: "Spør NDLA",
   articlePage: {
@@ -731,7 +731,7 @@ const messages = {
     previousArrow: "Gå til forrige steg"
   },
   dropdown: {
-    numberHits: "S\xF8ket gav {{hits}} treff",
+    numberHits: `Søket gav {{hits}} treff`,
     searching: "Søker...",
     create: "Opprett ny",
     isSelectedItem: "Lagt til",
@@ -819,6 +819,7 @@ const messages = {
       url: "Feil ved lasting av lydfil.",
       caption: "Beklager, en feil oppstod ved lasting av lydfil."
     },
+    valueText: "{{start}} av {{end}}",
     controls: {
       forward15sec: "Spol 15 sekunder fram",
       rewind15sec: "Spol 15 sekunder tilbake",
@@ -1376,9 +1377,9 @@ const messages = {
   embed: {
     conceptListError: "Klarte ikke å vise forklaringsliste",
     linkError: "Klarte ikke å vise lenke.",
-    unsupported: "Embed {{type}} er ikke st\xF8ttet.",
+    unsupported: `Embed {{type}} er ikke støttet.`,
     goTo: "Gå til {{type}}",
-    embedError: "Beklager, en feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn siden p\xE5 nytt.",
+    embedError: `Beklager, en feil oppstod ved lasting av {{type}}. Prøv å laste inn siden på nytt.`,
     type: {
       image: "Bilde",
       video: "Video",

package/lib/locale/messages-nn.d.ts

@@ -802,6 +802,7 @@ declare const messages: {
             url: string;
             caption: string;
         };
+        valueText: string;
         controls: {
             forward15sec: string;
             rewind15sec: string;