@norges-domstoler/dds-components 0.0.0-dev-20250122123924 → 0.0.0-dev-20250124101957

package/dist/index.js

@@ -11473,8 +11473,11 @@ Table.displayName = "Table";
 var import_react140 = require("react");
 var import_jsx_runtime295 = require("react/jsx-runtime");
 var TableWrapper = ({ className, ...rest }) => {
+  const themeContext = (0, import_react140.useContext)(ThemeContext);
+  const container = themeContext == null ? void 0 : themeContext.el;
+  const containerWidth = container ? container.clientWidth : 0;
   const [overflowX, setOverflowX] = (0, import_react140.useState)(false);
-  const [windowWidth, setWindowWidth] = (0, import_react140.useState)(window.innerWidth);
+  const [themeContainerWidth, setThemeContainerWidth] = (0, import_react140.useState)(containerWidth);
   function isOverflowingX(event) {
     return event.offsetWidth < event.scrollWidth;
   }
@@ -11485,10 +11488,10 @@ var TableWrapper = ({ className, ...rest }) => {
       return;
     }
     setOverflowX(false);
-  }, [windowWidth]);
+  }, [themeContainerWidth]);
   (0, import_react140.useEffect)(() => {
     function handleResize() {
-      setWindowWidth(window.innerWidth);
+      setThemeContainerWidth(containerWidth);
     }
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);