@ndla/ui 55.0.16-alpha.0 → 55.0.17-alpha.0

package/lib/ProgrammeCard/ProgrammeCard.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _core = require("@ndla/core");
 var _safelink = require("@ndla/safelink");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -38,19 +38,19 @@ const ProgrammeCard = _ref => {
     wideImage,
     url
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(StyledCardContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCardContainer, {
     to: url,
-    children: [narrowImage && (0, _jsxRuntime.jsx)(StyledImg, {
+    children: [narrowImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
       height: 280,
       width: 250,
       src: narrowImage.src,
       alt: narrowImage.alt
-    }), wideImage && (0, _jsxRuntime.jsx)(StyledImg, {
+    }), wideImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
       height: 330,
       width: 120,
       src: wideImage.src,
       alt: wideImage.alt
-    }), (0, _jsxRuntime.jsx)(StyledTitle, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTitle, {
       children: title.title
     })]
   });

package/lib/RelatedArticleList/RelatedArticleList.js

@@ -12,7 +12,7 @@ var _jsx2 = require("@ndla/styled-system/jsx");
 var _patterns = require("@ndla/styled-system/patterns");
 var _ContentTypeBadgeNew = require("../ContentTypeBadge/ContentTypeBadgeNew");
 var _ContentType = require("../model/ContentType");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -30,15 +30,15 @@ const RelatedArticle = _ref => {
     target = "",
     type = _ContentType.contentTypes.SUBJECT_MATERIAL
   } = _ref;
-  return (0, _jsxRuntime.jsx)(_primitives.CardRoot, {
-    children: (0, _jsxRuntime.jsxs)(_primitives.CardContent, {
-      children: [(0, _jsxRuntime.jsx)(_ContentTypeBadgeNew.ContentTypeBadge, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.CardRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.CardContent, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentTypeBadgeNew.ContentTypeBadge, {
         contentType: type
-      }), (0, _jsxRuntime.jsx)(_primitives.CardHeading, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.CardHeading, {
         asChild: true,
         consumeCss: true,
-        children: (0, _jsxRuntime.jsx)("span", {
-          children: (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
             unstyled: true,
             to: to,
             target: target,
@@ -47,11 +47,11 @@ const RelatedArticle = _ref => {
             children: title
           })
         })
-      }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
         dangerouslySetInnerHTML: {
           __html: introduction
         }
-      }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
         color: "text.subtle",
         textStyle: "label.small",
         children: linkInfo
@@ -107,21 +107,21 @@ const RelatedArticleList = _ref2 => {
   } = (0, _reactI18next.useTranslation)();
   const childCount = (0, _react.useMemo)(() => articleCount ?? _react.Children.count(children), [children, articleCount]);
   const childrenToShow = (0, _react.useMemo)(() => childCount > 2 && !expanded ? children?.slice(0, 2) : children, [childCount, children, expanded]);
-  return (0, _jsxRuntime.jsxs)(StyledSection, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSection, {
     ...rest,
-    children: [(0, _jsxRuntime.jsxs)(HeadingWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(HeadingWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         asChild: true,
         consumeCss: true,
         textStyle: "title.large",
         fontWeight: "bold",
-        children: (0, _jsxRuntime.jsx)(HeadingElement, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeadingElement, {
           children: t("related.title")
         })
       }), headingButtons]
-    }), (0, _jsxRuntime.jsx)(ArticlesWrapper, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticlesWrapper, {
       children: childrenToShow
-    }), childCount > 2 ? (0, _jsxRuntime.jsx)(StyledButton, {
+    }), childCount > 2 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
       variant: "secondary",
       onClick: () => setExpanded(p => !p),
       children: t(`related.show${expanded ? "Less" : "More"}`)

package/lib/ResourceBox/ResourceBox.js

@@ -9,7 +9,7 @@ var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _tokens = require("@ndla/styled-system/tokens");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2022-present, NDLA.
  *
@@ -74,28 +74,28 @@ const ResourceBox = _ref => {
     url,
     buttonText
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(Container, {
-    children: [(0, _jsxRuntime.jsx)(StyledImage, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
       src: image.src,
       alt: image.alt,
       sizes: `(min-width: ${(0, _tokens.token)("breakpoints.desktop")}) 150px, (max-width: ${(0, _tokens.token)("breakpoints.tablet")} ) 400px, 200px`
-    }), (0, _jsxRuntime.jsxs)(ContentWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         textStyle: "label.large",
         fontWeight: "bold",
         asChild: true,
         consumeCss: true,
-        children: (0, _jsxRuntime.jsx)("h3", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
           children: title
         })
-      }), (0, _jsxRuntime.jsx)(StyledText, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
         textStyle: "body.medium",
         children: caption
-      }), (0, _jsxRuntime.jsxs)(_safelink.SafeLinkButton, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_safelink.SafeLinkButton, {
         to: url,
         target: "_blank",
         variant: "secondary",
-        children: [buttonText, (0, _jsxRuntime.jsx)(_common.Launch, {})]
+        children: [buttonText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Launch, {})]
       })]
     })]
   });

package/lib/SnackBar/DefaultSnackbar.js

@@ -10,7 +10,7 @@ var _button = require("@ndla/button");
 var _core = require("@ndla/core");
 var _action = require("@ndla/icons/action");
 var _SnackbarProvider = require("./SnackbarProvider");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -41,15 +41,15 @@ const DefaultSnack = snack => {
   const {
     closeSnack
   } = (0, _SnackbarProvider.useSnack)();
-  return (0, _jsxRuntime.jsxs)(DefaultSnackContainer, {
-    children: [icon, snack.content, (0, _jsxRuntime.jsx)(ButtonWrapper, {
-      children: closable && (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DefaultSnackContainer, {
+    children: [icon, snack.content, /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
+      children: closable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.IconButtonV2, {
         size: "xsmall",
         variant: "outline",
         colorTheme: "greyLighter",
         onClick: () => closeSnack(snack),
         "aria-label": t("snackbar.close"),
-        children: (0, _jsxRuntime.jsx)(_action.Cross, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Cross, {})
       })
     })]
   });

package/lib/SnackBar/SnackbarProvider.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _core = require("@ndla/core");
 var _DefaultSnackbar = _interopRequireDefault(require("./DefaultSnackbar"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -57,9 +57,9 @@ const SnackbarProvider = _ref => {
     clearSnacks,
     closeSnack
   }), [addSnack, removeSnack, clearSnacks, closeSnack]);
-  return (0, _jsxRuntime.jsxs)(SnackbarContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContext.Provider, {
     value: value,
-    children: [children, (0, _jsxRuntime.jsx)(SnackbarContainer, {
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarContainer, {
       snacks: snacks
     })]
   });
@@ -101,7 +101,7 @@ const BaseSnack = _ref3 => {
     const timeout = setTimeout(() => setExpired(true), duration);
     return () => clearTimeout(timeout);
   }, [duration]);
-  return (0, _jsxRuntime.jsx)(BaseSnackContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseSnackContainer, {
     expired: expired,
     onAnimationEnd: () => expired && removeSnack(id),
     children: children
@@ -116,12 +116,12 @@ const SnackbarContainer = _ref4 => {
   let {
     snacks
   } = _ref4;
-  return (0, _jsxRuntime.jsx)(StyledSnackList, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSnackList, {
     "aria-live": "polite",
     role: "region",
-    children: snacks.map(snack => (0, _jsxRuntime.jsx)(BaseSnack, {
+    children: snacks.map(snack => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseSnack, {
       ...snack,
-      children: snack.render?.(snack.id) ?? (0, _jsxRuntime.jsx)(_DefaultSnackbar.default, {
+      children: snack.render?.(snack.id) ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultSnackbar.default, {
         ...snack
       })
     }, snack.id))

package/lib/TagSelector/TagSelector.js

@@ -9,7 +9,7 @@ var _react2 = require("@ark-ui/react");
 var _action = require("@ndla/icons/action");
 var _primitives = require("@ndla/primitives");
 var _util = require("@ndla/util");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2024-present, NDLA.
  *
@@ -42,7 +42,7 @@ const TagSelectorRoot = _ref => {
       controlRef.current = document.getElementById(ids.control);
     }
   }, [ids.control]);
-  return (0, _jsxRuntime.jsx)(_primitives.ComboboxRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxRoot, {
     ids: ids,
     asChild: true,
     allowCustomValue: allowCustomValue,
@@ -57,8 +57,8 @@ const TagSelectorRoot = _ref => {
     },
     value: value,
     ...rest,
-    children: (0, _jsxRuntime.jsx)(_react2.ComboboxContext, {
-      children: api => (0, _jsxRuntime.jsx)(_primitives.TagsInputRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ComboboxContext, {
+      children: api => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputRoot, {
         ids: ids,
         value: value,
         onInputValueChange: details => api.setInputValue(details.inputValue),
@@ -80,9 +80,9 @@ const TagSelectorControl = exports.TagSelectorControl = /*#__PURE__*/(0, _react.
     children,
     ...props
   } = _ref2;
-  return (0, _jsxRuntime.jsx)(_primitives.ComboboxControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxControl, {
     asChild: true,
-    children: (0, _jsxRuntime.jsx)(_primitives.TagsInputControl, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputControl, {
       ...props,
       ref: ref,
       children: children
@@ -97,9 +97,9 @@ const TagSelectorInputBase = exports.TagSelectorInputBase = /*#__PURE__*/(0, _re
     ...props
   } = _ref3;
   const tagsApi = (0, _react2.useTagsInputContext)();
-  return (0, _jsxRuntime.jsx)(_primitives.ComboboxInput, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxInput, {
     asChild: true,
-    children: (0, _jsxRuntime.jsx)(_primitives.TagsInputInput, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputInput, {
       ...props,
       onKeyDown: event => {
         if (event.key === "Enter") {
@@ -117,20 +117,20 @@ const TagSelectorInput = exports.TagSelectorInput = /*#__PURE__*/(0, _react.forw
     ...props
   } = _ref4;
   const tagsApi = (0, _react2.useTagsInputContext)();
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [tagsApi.value.map((value, index) => (0, _jsxRuntime.jsxs)(_primitives.TagsInputItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [tagsApi.value.map((value, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TagsInputItem, {
       index: index,
       value: value,
-      children: [(0, _jsxRuntime.jsxs)(_primitives.TagsInputItemPreview, {
-        children: [(0, _jsxRuntime.jsx)(_primitives.TagsInputItemText, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TagsInputItemPreview, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputItemText, {
           children: value
-        }), (0, _jsxRuntime.jsx)(_primitives.TagsInputItemDeleteTrigger, {
-          children: (0, _jsxRuntime.jsx)(_action.Cross, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputItemDeleteTrigger, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Cross, {})
         })]
-      }), (0, _jsxRuntime.jsx)(_primitives.TagsInputItemInput, {})]
-    }, value)), (0, _jsxRuntime.jsx)(_primitives.ComboboxInput, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputItemInput, {})]
+    }, value)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxInput, {
       asChild: true,
-      children: (0, _jsxRuntime.jsx)(_primitives.TagsInputInput, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputInput, {
         ...props,
         onKeyDown: event => {
           if (event.key === "Enter") {

package/lib/TreeStructure/AddFolderButton.js

@@ -10,7 +10,7 @@ var _reactI18next = require("react-i18next");
 var _button = require("@ndla/button");
 var _action = require("@ndla/icons/action");
 var _tooltip = require("@ndla/tooltip");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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.
@@ -58,9 +58,9 @@ const AddFolderButton = _ref => {
   const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
     folderName: focusedFolder?.name
   }) : t("treeStructure.maxFoldersAlreadyAdded");
-  return (0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
     tooltip: tooltip,
-    children: (0, _jsxRuntime.jsxs)(StyledAddFolderButton, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAddFolderButton, {
       ref: ref,
       variant: "outline",
       shape: "pill",
@@ -81,7 +81,7 @@ const AddFolderButton = _ref => {
         setNewFolderParentId(focusedFolder?.id);
         setShowTree(true);
       },
-      children: [(0, _jsxRuntime.jsx)(StyledPlus, {}), " ", t("myNdla.newFolder")]
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPlus, {}), " ", t("myNdla.newFolder")]
     })
   });
 };

package/lib/TreeStructure/ComboboxButton.js

@@ -13,7 +13,7 @@ var _util = require("@ndla/util");
 var _arrowNavigation = require("./arrowNavigation");
 var _helperFunctions = require("./helperFunctions");
 var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -71,7 +71,7 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       (0, _arrowNavigation.arrowNavigation)(e, focusedFolder.id, flattenedFolders, setFocusedFolder, onOpenFolder, onCloseFolder);
     }
   };
-  return (0, _jsxRuntime.jsxs)(StyledRow, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledRow, {
     "data-open": showTree,
     onMouseDown: e => {
       if (!e.defaultPrevented) {
@@ -81,10 +81,10 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         innerRef.current?.focus();
       }
     },
-    children: [loading && (0, _jsxRuntime.jsx)(_ContentLoader.default, {
+    children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentLoader.default, {
       width: 1000,
       height: 40,
-      children: (0, _jsxRuntime.jsx)("rect", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
         x: "15",
         y: "0",
         width: "1000",
@@ -93,7 +93,7 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         r: "15",
         height: "40"
       })
-    }), !loading && (0, _jsxRuntime.jsx)(StyledSelectedFolder, {
+    }), !loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSelectedFolder, {
       ref: innerRef,
       tabIndex: 0,
       id: (0, _helperFunctions.treestructureId)(type, "combobox"),
@@ -114,7 +114,7 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         onToggleTree(showTree);
       },
       children: selectedFolder?.name
-    }), (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.IconButtonV2, {
       disabled: loading,
       "aria-busy": loading,
       "aria-hidden": true,
@@ -127,7 +127,7 @@ const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         innerRef.current?.focus();
         onToggleTree(!showTree);
       },
-      children: showTree ? (0, _jsxRuntime.jsx)(_common.ChevronUp, {}) : (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+      children: showTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronUp, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {})
     })]
   });
 });

package/lib/TreeStructure/FolderItem.js

@@ -15,7 +15,7 @@ var _editor = require("@ndla/icons/editor");
 var _safelink = require("@ndla/safelink");
 var _arrowNavigation = require("./arrowNavigation");
 var _helperFunctions = require("./helperFunctions");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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.
@@ -140,7 +140,7 @@ const FolderItem = _ref => {
   const hideArrow = isMaxDepth || emptyFolder;
   const FolderIcon = folder.status === "shared" ? _contentType.FolderShared : _contentType.FolderOutlined;
   const tabable = selected || focused || !focusedFolder && !folder.parentId && index === 0;
-  return type === "navigation" ? (0, _jsxRuntime.jsxs)(FolderNameLink, {
+  return type === "navigation" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(FolderNameLink, {
     role: "treeitem",
     "aria-owns": folder.subfolders.length ? (0, _helperFunctions.treestructureId)(type, `subfolders-${folder.id}`) : undefined,
     "aria-expanded": isMaxDepth || emptyFolder ? undefined : isOpen,
@@ -160,7 +160,7 @@ const FolderItem = _ref => {
     "data-selected": selected,
     onFocus: () => setFocusedFolder(folder),
     onClick: handleClickFolder,
-    children: [(0, _jsxRuntime.jsx)(OpenButton, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(OpenButton, {
       "aria-hidden": true,
       tabIndex: -1,
       "data-open": isOpen,
@@ -175,11 +175,11 @@ const FolderItem = _ref => {
           onOpenFolder(id);
         }
       },
-      children: (0, _jsxRuntime.jsx)(_common.ArrowDropDownRounded, {})
-    }), (0, _jsxRuntime.jsx)(StyledName, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDropDownRounded, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledName, {
       children: name
     })]
-  }) : (0, _jsxRuntime.jsxs)(FolderName, {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(FolderName, {
     tabIndex: -1,
     role: "treeitem",
     id: (0, _helperFunctions.treestructureId)(type, folder.id),
@@ -199,8 +199,8 @@ const FolderItem = _ref => {
     onFocus: () => setFocusedFolder(focusedFolder || folder),
     onClick: handleClickFolder,
     "data-creating": isCreatingFolder,
-    children: [(0, _jsxRuntime.jsxs)(IconWrapper, {
-      children: [(0, _jsxRuntime.jsx)(OpenButton, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(IconWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(OpenButton, {
         "aria-hidden": true,
         tabIndex: -1,
         "data-open": isOpen,
@@ -214,13 +214,13 @@ const FolderItem = _ref => {
             onOpenFolder(id);
           }
         },
-        children: (0, _jsxRuntime.jsx)(_common.ArrowDropDownRounded, {})
-      }), (0, _jsxRuntime.jsx)(FolderIconWrapper, {
-        children: (0, _jsxRuntime.jsx)(FolderIcon, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDropDownRounded, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FolderIconWrapper, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FolderIcon, {})
       })]
-    }), (0, _jsxRuntime.jsx)(StyledName, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledName, {
       children: name
-    }), containsResource && (0, _jsxRuntime.jsx)(StyledDone, {
+    }), containsResource && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDone, {
       "aria-label": t("myNdla.alreadyInFolder"),
       id: `alreadyAdded-${folder.id}`,
       title: t("myNdla.alreadyInFolder")

package/lib/TreeStructure/FolderItems.js

@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _core = require("@ndla/core");
 var _FolderItem = _interopRequireDefault(require("./FolderItem"));
 var _helperFunctions = require("./helperFunctions");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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.
@@ -48,7 +48,7 @@ const FolderItems = _ref => {
     newFolderInput,
     ...rest
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(StyledUL, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledUL, {
     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,
@@ -59,11 +59,11 @@ const FolderItems = _ref => {
         id
       } = folder;
       const isOpen = openFolders?.includes(id);
-      return (0, _jsxRuntime.jsxs)(StyledLI, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledLI, {
         tabIndex: -1,
         role: "none",
         "data-type": type,
-        children: [(0, _jsxRuntime.jsx)(_FolderItem.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FolderItem.default, {
           index: index,
           folder: folder,
           isOpen: isOpen,
@@ -72,7 +72,7 @@ const FolderItems = _ref => {
           type: type,
           isCreatingFolder: !!newFolderParentId,
           ...rest
-        }), (subfolders && isOpen || newFolderParentId === id) && (0, _jsxRuntime.jsx)(FolderItems, {
+        }), (subfolders && isOpen || newFolderParentId === id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(FolderItems, {
           parentFolder: folder,
           folders: subfolders,
           level: level + 1,
@@ -84,7 +84,7 @@ const FolderItems = _ref => {
           newFolderInput: newFolderInput,
           onCreate: onCreate,
           ...rest,
-          children: newFolderParentId === id && (0, _jsxRuntime.jsx)("li", {
+          children: newFolderParentId === id && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
             role: "none",
             children: newFolderInput?.({
               parentId: id,

package/lib/TreeStructure/TreeStructure.js

@@ -11,7 +11,7 @@ var _AddFolderButton = _interopRequireDefault(require("./AddFolderButton"));
 var _ComboboxButton = _interopRequireDefault(require("./ComboboxButton"));
 var _FolderItems = _interopRequireDefault(require("./FolderItems"));
 var _helperFunctions = require("./helperFunctions");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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.
@@ -149,27 +149,27 @@ const TreeStructure = _ref => {
     });
   };
   const canAddFolder = selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
-  return (0, _jsxRuntime.jsxs)(StyledTreeStructure, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledTreeStructure, {
     onBlur: e => {
       if (type === "picker" && !e.currentTarget.contains(e.relatedTarget)) {
         onToggleTree(false);
       }
     },
-    children: [(0, _jsxRuntime.jsxs)(Row, {
-      children: [label && (0, _jsxRuntime.jsx)(StyledLabel, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Row, {
+      children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLabel, {
         id: (0, _helperFunctions.treestructureId)(type, "label"),
         children: label
-      }), type === "picker" && (0, _jsxRuntime.jsx)(_AddFolderButton.default, {
+      }), type === "picker" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddFolderButton.default, {
         loading: loading,
         canAddFolder: !!canAddFolder,
         focusedFolder: focusedFolder,
         setNewFolderParentId: setNewFolderParentId,
         setShowTree: setShowTree
       })]
-    }), (0, _jsxRuntime.jsxs)(TreeStructureWrapper, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(TreeStructureWrapper, {
       "aria-label": label,
       "data-type": type,
-      children: [type === "picker" && (0, _jsxRuntime.jsx)(_ComboboxButton.default, {
+      children: [type === "picker" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxButton.default, {
         ref: ref,
         showTree: showTree,
         type: type,
@@ -184,9 +184,9 @@ const TreeStructure = _ref => {
         onCloseFolder: onCloseFolder,
         onOpenFolder: onOpenFolder,
         ariaDescribedby: ariaDescribedby
-      }), showTree && (0, _jsxRuntime.jsx)(ScrollableDiv, {
+      }), showTree && /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollableDiv, {
         "data-type": type,
-        children: (0, _jsxRuntime.jsx)(_FolderItems.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FolderItems.default, {
           focusedFolder: focusedFolder,
           folders: folders,
           level: 0,

package/lib/ZendeskButton/ZendeskButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ZendeskButton = void 0;
 var _react = require("react");
 var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2024-present, NDLA.
  *
@@ -49,7 +49,7 @@ const ZendeskButton = exports.ZendeskButton = /*#__PURE__*/(0, _react.forwardRef
       window.zE("webWidget", "open");
     }
   };
-  return (0, _jsxRuntime.jsx)(_primitives.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
     onClick: handleClick,
     variant: variant,
     id: "zendeskButton",

package/lib/i18n/index.d.ts

@@ -7,4 +7,4 @@
  */
 export { i18nInstance } from "./i18n";
 export { formatNestedMessages } from "./formatNestedMessages";
-export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations, } from "./useComponentTranslations";
+export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations, usePaginationTranslations, } from "./useComponentTranslations";

package/lib/i18n/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useComboboxTranslations", {
     return _useComponentTranslations.useComboboxTranslations;
   }
 });
+Object.defineProperty(exports, "usePaginationTranslations", {
+  enumerable: true,
+  get: function () {
+    return _useComponentTranslations.usePaginationTranslations;
+  }
+});
 Object.defineProperty(exports, "useTagSelectorTranslations", {
   enumerable: true,
   get: function () {