@equinor/eds-core-react 0.42.1 → 0.42.2

package/dist/eds-core-react.cjs

@@ -5,6 +5,7 @@ var styled = require('styled-components');
 var edsTokens = require('@equinor/eds-tokens');
 var edsUtils = require('@equinor/eds-utils');
 var jsxRuntime = require('react/jsx-runtime');
+var reactDom = require('react-dom');
 var react$1 = require('@floating-ui/react');
 var edsIcons = require('@equinor/eds-icons');
 var downshift = require('downshift');
@@ -1151,7 +1152,7 @@ const Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip({
 }, ref) {
   const arrowRef = react.useRef(null);
   const [open, setOpen] = react.useState(false);
-  const shouldOpen = title !== '';
+  const shouldOpen = title !== '' && typeof document !== 'undefined';
   const {
     x,
     y,
@@ -1255,7 +1256,7 @@ const Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip({
     })]
   });
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [shouldOpen && open && TooltipEl, updatedChildren]
+    children: [shouldOpen && open && /*#__PURE__*/reactDom.createPortal(TooltipEl, document.body), updatedChildren]
   });
 });
 
@@ -7772,6 +7773,7 @@ const MenuItem$1 = /*#__PURE__*/react.forwardRef(function MenuItem({
   return /*#__PURE__*/jsxRuntime.jsx(Item, {
     ...props,
     $active: active,
+    type: "button",
     ref: edsUtils.mergeRefs(ref, el => {
       if (isFocused) {
         requestAnimationFrame(() => {

package/dist/esm/components/Menu/MenuItem.js

@@ -68,6 +68,7 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem({
   return /*#__PURE__*/jsx(Item, {
     ...props,
     $active: active,
+    type: "button",
     ref: mergeRefs(ref, el => {
       if (isFocused) {
         requestAnimationFrame(() => {

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,4 +1,5 @@
 import { forwardRef, useRef, useState, useMemo, useEffect, cloneElement } from 'react';
+import { createPortal } from 'react-dom';
 import styled from 'styled-components';
 import { typographyTemplate, spacingsTemplate, bordersTemplate, mergeRefs, useIsomorphicLayoutEffect } from '@equinor/eds-utils';
 import { tooltip } from './Tooltip.tokens.js';
@@ -29,7 +30,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
 }, ref) {
   const arrowRef = useRef(null);
   const [open, setOpen] = useState(false);
-  const shouldOpen = title !== '';
+  const shouldOpen = title !== '' && typeof document !== 'undefined';
   const {
     x,
     y,
@@ -133,7 +134,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
     })]
   });
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [shouldOpen && open && TooltipEl, updatedChildren]
+    children: [shouldOpen && open && /*#__PURE__*/createPortal(TooltipEl, document.body), updatedChildren]
   });
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.42.1",
+  "version": "0.42.2",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -52,7 +52,6 @@
     "@types/ramda": "^0.30.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -89,8 +88,8 @@
     "downshift": "9.0.8",
     "react-aria": "^3.34.1",
     "@equinor/eds-icons": "^0.21.0",
-    "@equinor/eds-tokens": "0.9.2",
-    "@equinor/eds-utils": "0.8.5"
+    "@equinor/eds-utils": "0.8.5",
+    "@equinor/eds-tokens": "0.9.2"
   },
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json",