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

package/lib/LinkBlock/LinkBlock.js

@@ -13,7 +13,7 @@ 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("@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.
@@ -87,21 +87,21 @@ const LinkBlock = _ref => {
       locale
     });
   }, [date, articleLanguage]);
-  return (0, _jsxRuntime.jsxs)(StyledSafeLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSafeLink, {
     to: href,
-    children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InfoWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         asChild: true,
         consumeCss: true,
         textStyle: "title.medium",
-        children: (0, _jsxRuntime.jsx)("h3", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
           "data-heading": true,
           children: (0, _htmlReactParser.default)(title)
         })
-      }), date && (0, _jsxRuntime.jsxs)(StyledDateContainer, {
-        children: [(0, _jsxRuntime.jsx)(StyledCalendarEd, {}), formattedDate]
+      }), date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDateContainer, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCalendarEd, {}), formattedDate]
       })]
-    }), (0, _jsxRuntime.jsx)(_common.Forward, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Forward, {
       "data-forward": true
     })]
   });

package/lib/LinkBlock/LinkBlockSection.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -28,10 +28,10 @@ const LinkBlockSection = _ref => {
     children,
     ...rest
   } = _ref;
-  return (0, _jsxRuntime.jsx)("nav", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
     ...rest,
-    children: (0, _jsxRuntime.jsx)(StyledList, {
-      children: _react.Children.map(children, child => (0, _jsxRuntime.jsx)("li", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
+      children: _react.Children.map(children, child => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
         children: child
       }))
     })

package/lib/Messages/MessageBox.js

@@ -10,7 +10,7 @@ var _button = require("@ndla/button");
 var _core = require("@ndla/core");
 var _action = require("@ndla/icons/action");
 var _common = require("@ndla/icons/common");
-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.
@@ -58,28 +58,28 @@ const MessageBox = _ref => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  return (0, _jsxRuntime.jsxs)(MessageBoxWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageBoxWrapper, {
     "data-type": type,
     contentEditable: contentEditable ?? undefined,
-    children: [(0, _jsxRuntime.jsx)(InfoWrapper, {
-      children: (0, _jsxRuntime.jsxs)("div", {
-        children: [(0, _jsxRuntime.jsx)(ChildrenWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InfoWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChildrenWrapper, {
           children: children
-        }), links && (0, _jsxRuntime.jsx)(LinkWrapper, {
-          children: links.map(x => (0, _jsxRuntime.jsxs)(Link, {
+        }), links && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkWrapper, {
+          children: links.map(x => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Link, {
             href: x.href,
-            children: [(0, _jsxRuntime.jsx)("span", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: x.text
-            }), (0, _jsxRuntime.jsx)(_common.Forward, {})]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Forward, {})]
           }, x.href))
         })]
       })
-    }), showCloseButton && (0, _jsxRuntime.jsx)(StyledCloseButton, {
+    }), showCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCloseButton, {
       variant: "ghost",
       "aria-label": t("close"),
       title: t("close"),
       onClick: onClose,
-      children: (0, _jsxRuntime.jsx)(_action.Cross, {})
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Cross, {})
     })]
   });
 };

package/lib/Messages/index.d.ts

@@ -5,6 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import MessageBanner from "./MessageBanner";
 import MessageBox from "./MessageBox";
-export { MessageBox, MessageBanner };
+export { MessageBox };

package/lib/Messages/index.js

@@ -3,18 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "MessageBanner", {
-  enumerable: true,
-  get: function () {
-    return _MessageBanner.default;
-  }
-});
 Object.defineProperty(exports, "MessageBox", {
   enumerable: true,
   get: function () {
     return _MessageBox.default;
   }
 });
-var _MessageBanner = _interopRequireDefault(require("./MessageBanner"));
 var _MessageBox = _interopRequireDefault(require("./MessageBox"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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")